/* BREAKPOINTS */
.w-full {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-full {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-full {
    width: 100% !important;
  }
}

.max-w-full {
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:max-w-full {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:max-w-full {
    max-width: 100% !important;
  }
}

.h-auto {
  height: auto;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-auto {
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-auto {
    height: auto !important;
  }
}

.h-0 {
  height: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-0 {
    height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-0 {
    height: 0px !important;
  }
}

.h-min-0 {
  min-height: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-0 {
    min-height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-0 {
    min-height: 0px !important;
  }
}

.h-max-0 {
  max-height: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-0 {
    max-height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-0 {
    max-height: 0px !important;
  }
}

.w-0 {
  width: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-0 {
    width: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-0 {
    width: 0px !important;
  }
}

.w-min-0 {
  min-width: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-0 {
    min-width: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-0 {
    min-width: 0px !important;
  }
}

.w-max-0 {
  max-width: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-0 {
    max-width: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-0 {
    max-width: 0px !important;
  }
}

.h-1 {
  height: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-1 {
    height: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-1 {
    height: 1px !important;
  }
}

.h-min-1 {
  min-height: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-1 {
    min-height: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-1 {
    min-height: 1px !important;
  }
}

.h-max-1 {
  max-height: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-1 {
    max-height: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-1 {
    max-height: 1px !important;
  }
}

.w-1 {
  width: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-1 {
    width: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-1 {
    width: 1px !important;
  }
}

.w-min-1 {
  min-width: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-1 {
    min-width: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-1 {
    min-width: 1px !important;
  }
}

.w-max-1 {
  max-width: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-1 {
    max-width: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-1 {
    max-width: 1px !important;
  }
}

.h-2 {
  height: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-2 {
    height: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-2 {
    height: 2px !important;
  }
}

.h-min-2 {
  min-height: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-2 {
    min-height: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-2 {
    min-height: 2px !important;
  }
}

.h-max-2 {
  max-height: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-2 {
    max-height: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-2 {
    max-height: 2px !important;
  }
}

.w-2 {
  width: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-2 {
    width: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-2 {
    width: 2px !important;
  }
}

.w-min-2 {
  min-width: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-2 {
    min-width: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-2 {
    min-width: 2px !important;
  }
}

.w-max-2 {
  max-width: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-2 {
    max-width: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-2 {
    max-width: 2px !important;
  }
}

.h-3 {
  height: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-3 {
    height: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-3 {
    height: 3px !important;
  }
}

.h-min-3 {
  min-height: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-3 {
    min-height: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-3 {
    min-height: 3px !important;
  }
}

.h-max-3 {
  max-height: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-3 {
    max-height: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-3 {
    max-height: 3px !important;
  }
}

.w-3 {
  width: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-3 {
    width: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-3 {
    width: 3px !important;
  }
}

.w-min-3 {
  min-width: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-3 {
    min-width: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-3 {
    min-width: 3px !important;
  }
}

.w-max-3 {
  max-width: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-3 {
    max-width: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-3 {
    max-width: 3px !important;
  }
}

.h-4 {
  height: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-4 {
    height: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-4 {
    height: 4px !important;
  }
}

.h-min-4 {
  min-height: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-4 {
    min-height: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-4 {
    min-height: 4px !important;
  }
}

.h-max-4 {
  max-height: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-4 {
    max-height: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-4 {
    max-height: 4px !important;
  }
}

.w-4 {
  width: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-4 {
    width: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-4 {
    width: 4px !important;
  }
}

.w-min-4 {
  min-width: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-4 {
    min-width: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-4 {
    min-width: 4px !important;
  }
}

.w-max-4 {
  max-width: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-4 {
    max-width: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-4 {
    max-width: 4px !important;
  }
}

.h-5 {
  height: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-5 {
    height: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-5 {
    height: 5px !important;
  }
}

.h-min-5 {
  min-height: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-5 {
    min-height: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-5 {
    min-height: 5px !important;
  }
}

.h-max-5 {
  max-height: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-5 {
    max-height: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-5 {
    max-height: 5px !important;
  }
}

.w-5 {
  width: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-5 {
    width: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-5 {
    width: 5px !important;
  }
}

.w-min-5 {
  min-width: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-5 {
    min-width: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-5 {
    min-width: 5px !important;
  }
}

.w-max-5 {
  max-width: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-5 {
    max-width: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-5 {
    max-width: 5px !important;
  }
}

.h-6 {
  height: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-6 {
    height: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-6 {
    height: 6px !important;
  }
}

.h-min-6 {
  min-height: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-6 {
    min-height: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-6 {
    min-height: 6px !important;
  }
}

.h-max-6 {
  max-height: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-6 {
    max-height: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-6 {
    max-height: 6px !important;
  }
}

.w-6 {
  width: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-6 {
    width: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-6 {
    width: 6px !important;
  }
}

.w-min-6 {
  min-width: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-6 {
    min-width: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-6 {
    min-width: 6px !important;
  }
}

.w-max-6 {
  max-width: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-6 {
    max-width: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-6 {
    max-width: 6px !important;
  }
}

.h-7 {
  height: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-7 {
    height: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-7 {
    height: 7px !important;
  }
}

.h-min-7 {
  min-height: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-7 {
    min-height: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-7 {
    min-height: 7px !important;
  }
}

.h-max-7 {
  max-height: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-7 {
    max-height: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-7 {
    max-height: 7px !important;
  }
}

.w-7 {
  width: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-7 {
    width: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-7 {
    width: 7px !important;
  }
}

.w-min-7 {
  min-width: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-7 {
    min-width: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-7 {
    min-width: 7px !important;
  }
}

.w-max-7 {
  max-width: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-7 {
    max-width: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-7 {
    max-width: 7px !important;
  }
}

.h-8 {
  height: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-8 {
    height: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-8 {
    height: 8px !important;
  }
}

.h-min-8 {
  min-height: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-8 {
    min-height: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-8 {
    min-height: 8px !important;
  }
}

.h-max-8 {
  max-height: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-8 {
    max-height: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-8 {
    max-height: 8px !important;
  }
}

.w-8 {
  width: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-8 {
    width: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-8 {
    width: 8px !important;
  }
}

.w-min-8 {
  min-width: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-8 {
    min-width: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-8 {
    min-width: 8px !important;
  }
}

.w-max-8 {
  max-width: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-8 {
    max-width: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-8 {
    max-width: 8px !important;
  }
}

.h-9 {
  height: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-9 {
    height: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-9 {
    height: 9px !important;
  }
}

.h-min-9 {
  min-height: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-9 {
    min-height: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-9 {
    min-height: 9px !important;
  }
}

.h-max-9 {
  max-height: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-9 {
    max-height: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-9 {
    max-height: 9px !important;
  }
}

.w-9 {
  width: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-9 {
    width: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-9 {
    width: 9px !important;
  }
}

.w-min-9 {
  min-width: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-9 {
    min-width: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-9 {
    min-width: 9px !important;
  }
}

.w-max-9 {
  max-width: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-9 {
    max-width: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-9 {
    max-width: 9px !important;
  }
}

.h-10 {
  height: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-10 {
    height: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-10 {
    height: 10px !important;
  }
}

.h-min-10 {
  min-height: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-10 {
    min-height: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-10 {
    min-height: 10px !important;
  }
}

.h-max-10 {
  max-height: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-10 {
    max-height: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-10 {
    max-height: 10px !important;
  }
}

.w-10 {
  width: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-10 {
    width: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-10 {
    width: 10px !important;
  }
}

.w-min-10 {
  min-width: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-10 {
    min-width: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-10 {
    min-width: 10px !important;
  }
}

.w-max-10 {
  max-width: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-10 {
    max-width: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-10 {
    max-width: 10px !important;
  }
}

.h-11 {
  height: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-11 {
    height: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-11 {
    height: 11px !important;
  }
}

.h-min-11 {
  min-height: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-11 {
    min-height: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-11 {
    min-height: 11px !important;
  }
}

.h-max-11 {
  max-height: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-11 {
    max-height: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-11 {
    max-height: 11px !important;
  }
}

.w-11 {
  width: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-11 {
    width: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-11 {
    width: 11px !important;
  }
}

.w-min-11 {
  min-width: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-11 {
    min-width: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-11 {
    min-width: 11px !important;
  }
}

.w-max-11 {
  max-width: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-11 {
    max-width: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-11 {
    max-width: 11px !important;
  }
}

.h-12 {
  height: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-12 {
    height: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-12 {
    height: 12px !important;
  }
}

.h-min-12 {
  min-height: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-12 {
    min-height: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-12 {
    min-height: 12px !important;
  }
}

.h-max-12 {
  max-height: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-12 {
    max-height: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-12 {
    max-height: 12px !important;
  }
}

.w-12 {
  width: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-12 {
    width: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-12 {
    width: 12px !important;
  }
}

.w-min-12 {
  min-width: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-12 {
    min-width: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-12 {
    min-width: 12px !important;
  }
}

.w-max-12 {
  max-width: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-12 {
    max-width: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-12 {
    max-width: 12px !important;
  }
}

.h-13 {
  height: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-13 {
    height: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-13 {
    height: 13px !important;
  }
}

.h-min-13 {
  min-height: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-13 {
    min-height: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-13 {
    min-height: 13px !important;
  }
}

.h-max-13 {
  max-height: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-13 {
    max-height: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-13 {
    max-height: 13px !important;
  }
}

.w-13 {
  width: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-13 {
    width: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-13 {
    width: 13px !important;
  }
}

.w-min-13 {
  min-width: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-13 {
    min-width: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-13 {
    min-width: 13px !important;
  }
}

.w-max-13 {
  max-width: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-13 {
    max-width: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-13 {
    max-width: 13px !important;
  }
}

.h-14 {
  height: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-14 {
    height: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-14 {
    height: 14px !important;
  }
}

.h-min-14 {
  min-height: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-14 {
    min-height: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-14 {
    min-height: 14px !important;
  }
}

.h-max-14 {
  max-height: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-14 {
    max-height: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-14 {
    max-height: 14px !important;
  }
}

.w-14 {
  width: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-14 {
    width: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-14 {
    width: 14px !important;
  }
}

.w-min-14 {
  min-width: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-14 {
    min-width: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-14 {
    min-width: 14px !important;
  }
}

.w-max-14 {
  max-width: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-14 {
    max-width: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-14 {
    max-width: 14px !important;
  }
}

.h-15 {
  height: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-15 {
    height: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-15 {
    height: 15px !important;
  }
}

.h-min-15 {
  min-height: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-15 {
    min-height: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-15 {
    min-height: 15px !important;
  }
}

.h-max-15 {
  max-height: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-15 {
    max-height: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-15 {
    max-height: 15px !important;
  }
}

.w-15 {
  width: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-15 {
    width: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-15 {
    width: 15px !important;
  }
}

.w-min-15 {
  min-width: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-15 {
    min-width: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-15 {
    min-width: 15px !important;
  }
}

.w-max-15 {
  max-width: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-15 {
    max-width: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-15 {
    max-width: 15px !important;
  }
}

.h-16 {
  height: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-16 {
    height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-16 {
    height: 16px !important;
  }
}

.h-min-16 {
  min-height: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-16 {
    min-height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-16 {
    min-height: 16px !important;
  }
}

.h-max-16 {
  max-height: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-16 {
    max-height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-16 {
    max-height: 16px !important;
  }
}

.w-16 {
  width: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-16 {
    width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-16 {
    width: 16px !important;
  }
}

.w-min-16 {
  min-width: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-16 {
    min-width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-16 {
    min-width: 16px !important;
  }
}

.w-max-16 {
  max-width: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-16 {
    max-width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-16 {
    max-width: 16px !important;
  }
}

.h-17 {
  height: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-17 {
    height: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-17 {
    height: 17px !important;
  }
}

.h-min-17 {
  min-height: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-17 {
    min-height: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-17 {
    min-height: 17px !important;
  }
}

.h-max-17 {
  max-height: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-17 {
    max-height: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-17 {
    max-height: 17px !important;
  }
}

.w-17 {
  width: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-17 {
    width: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-17 {
    width: 17px !important;
  }
}

.w-min-17 {
  min-width: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-17 {
    min-width: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-17 {
    min-width: 17px !important;
  }
}

.w-max-17 {
  max-width: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-17 {
    max-width: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-17 {
    max-width: 17px !important;
  }
}

.h-18 {
  height: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-18 {
    height: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-18 {
    height: 18px !important;
  }
}

.h-min-18 {
  min-height: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-18 {
    min-height: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-18 {
    min-height: 18px !important;
  }
}

.h-max-18 {
  max-height: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-18 {
    max-height: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-18 {
    max-height: 18px !important;
  }
}

.w-18 {
  width: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-18 {
    width: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-18 {
    width: 18px !important;
  }
}

.w-min-18 {
  min-width: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-18 {
    min-width: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-18 {
    min-width: 18px !important;
  }
}

.w-max-18 {
  max-width: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-18 {
    max-width: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-18 {
    max-width: 18px !important;
  }
}

.h-19 {
  height: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-19 {
    height: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-19 {
    height: 19px !important;
  }
}

.h-min-19 {
  min-height: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-19 {
    min-height: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-19 {
    min-height: 19px !important;
  }
}

.h-max-19 {
  max-height: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-19 {
    max-height: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-19 {
    max-height: 19px !important;
  }
}

.w-19 {
  width: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-19 {
    width: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-19 {
    width: 19px !important;
  }
}

.w-min-19 {
  min-width: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-19 {
    min-width: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-19 {
    min-width: 19px !important;
  }
}

.w-max-19 {
  max-width: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-19 {
    max-width: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-19 {
    max-width: 19px !important;
  }
}

.h-20 {
  height: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-20 {
    height: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-20 {
    height: 20px !important;
  }
}

.h-min-20 {
  min-height: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-20 {
    min-height: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-20 {
    min-height: 20px !important;
  }
}

.h-max-20 {
  max-height: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-20 {
    max-height: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-20 {
    max-height: 20px !important;
  }
}

.w-20 {
  width: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-20 {
    width: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-20 {
    width: 20px !important;
  }
}

.w-min-20 {
  min-width: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-20 {
    min-width: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-20 {
    min-width: 20px !important;
  }
}

.w-max-20 {
  max-width: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-20 {
    max-width: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-20 {
    max-width: 20px !important;
  }
}

.h-21 {
  height: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-21 {
    height: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-21 {
    height: 21px !important;
  }
}

.h-min-21 {
  min-height: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-21 {
    min-height: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-21 {
    min-height: 21px !important;
  }
}

.h-max-21 {
  max-height: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-21 {
    max-height: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-21 {
    max-height: 21px !important;
  }
}

.w-21 {
  width: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-21 {
    width: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-21 {
    width: 21px !important;
  }
}

.w-min-21 {
  min-width: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-21 {
    min-width: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-21 {
    min-width: 21px !important;
  }
}

.w-max-21 {
  max-width: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-21 {
    max-width: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-21 {
    max-width: 21px !important;
  }
}

.h-22 {
  height: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-22 {
    height: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-22 {
    height: 22px !important;
  }
}

.h-min-22 {
  min-height: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-22 {
    min-height: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-22 {
    min-height: 22px !important;
  }
}

.h-max-22 {
  max-height: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-22 {
    max-height: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-22 {
    max-height: 22px !important;
  }
}

.w-22 {
  width: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-22 {
    width: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-22 {
    width: 22px !important;
  }
}

.w-min-22 {
  min-width: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-22 {
    min-width: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-22 {
    min-width: 22px !important;
  }
}

.w-max-22 {
  max-width: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-22 {
    max-width: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-22 {
    max-width: 22px !important;
  }
}

.h-23 {
  height: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-23 {
    height: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-23 {
    height: 23px !important;
  }
}

.h-min-23 {
  min-height: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-23 {
    min-height: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-23 {
    min-height: 23px !important;
  }
}

.h-max-23 {
  max-height: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-23 {
    max-height: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-23 {
    max-height: 23px !important;
  }
}

.w-23 {
  width: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-23 {
    width: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-23 {
    width: 23px !important;
  }
}

.w-min-23 {
  min-width: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-23 {
    min-width: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-23 {
    min-width: 23px !important;
  }
}

.w-max-23 {
  max-width: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-23 {
    max-width: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-23 {
    max-width: 23px !important;
  }
}

.h-24 {
  height: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-24 {
    height: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-24 {
    height: 24px !important;
  }
}

.h-min-24 {
  min-height: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-24 {
    min-height: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-24 {
    min-height: 24px !important;
  }
}

.h-max-24 {
  max-height: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-24 {
    max-height: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-24 {
    max-height: 24px !important;
  }
}

.w-24 {
  width: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-24 {
    width: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-24 {
    width: 24px !important;
  }
}

.w-min-24 {
  min-width: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-24 {
    min-width: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-24 {
    min-width: 24px !important;
  }
}

.w-max-24 {
  max-width: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-24 {
    max-width: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-24 {
    max-width: 24px !important;
  }
}

.h-25 {
  height: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-25 {
    height: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-25 {
    height: 25px !important;
  }
}

.h-min-25 {
  min-height: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-25 {
    min-height: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-25 {
    min-height: 25px !important;
  }
}

.h-max-25 {
  max-height: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-25 {
    max-height: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-25 {
    max-height: 25px !important;
  }
}

.w-25 {
  width: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-25 {
    width: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-25 {
    width: 25px !important;
  }
}

.w-min-25 {
  min-width: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-25 {
    min-width: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-25 {
    min-width: 25px !important;
  }
}

.w-max-25 {
  max-width: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-25 {
    max-width: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-25 {
    max-width: 25px !important;
  }
}

.h-26 {
  height: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-26 {
    height: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-26 {
    height: 26px !important;
  }
}

.h-min-26 {
  min-height: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-26 {
    min-height: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-26 {
    min-height: 26px !important;
  }
}

.h-max-26 {
  max-height: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-26 {
    max-height: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-26 {
    max-height: 26px !important;
  }
}

.w-26 {
  width: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-26 {
    width: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-26 {
    width: 26px !important;
  }
}

.w-min-26 {
  min-width: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-26 {
    min-width: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-26 {
    min-width: 26px !important;
  }
}

.w-max-26 {
  max-width: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-26 {
    max-width: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-26 {
    max-width: 26px !important;
  }
}

.h-27 {
  height: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-27 {
    height: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-27 {
    height: 27px !important;
  }
}

.h-min-27 {
  min-height: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-27 {
    min-height: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-27 {
    min-height: 27px !important;
  }
}

.h-max-27 {
  max-height: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-27 {
    max-height: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-27 {
    max-height: 27px !important;
  }
}

.w-27 {
  width: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-27 {
    width: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-27 {
    width: 27px !important;
  }
}

.w-min-27 {
  min-width: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-27 {
    min-width: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-27 {
    min-width: 27px !important;
  }
}

.w-max-27 {
  max-width: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-27 {
    max-width: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-27 {
    max-width: 27px !important;
  }
}

.h-28 {
  height: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-28 {
    height: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-28 {
    height: 28px !important;
  }
}

.h-min-28 {
  min-height: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-28 {
    min-height: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-28 {
    min-height: 28px !important;
  }
}

.h-max-28 {
  max-height: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-28 {
    max-height: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-28 {
    max-height: 28px !important;
  }
}

.w-28 {
  width: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-28 {
    width: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-28 {
    width: 28px !important;
  }
}

.w-min-28 {
  min-width: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-28 {
    min-width: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-28 {
    min-width: 28px !important;
  }
}

.w-max-28 {
  max-width: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-28 {
    max-width: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-28 {
    max-width: 28px !important;
  }
}

.h-29 {
  height: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-29 {
    height: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-29 {
    height: 29px !important;
  }
}

.h-min-29 {
  min-height: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-29 {
    min-height: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-29 {
    min-height: 29px !important;
  }
}

.h-max-29 {
  max-height: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-29 {
    max-height: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-29 {
    max-height: 29px !important;
  }
}

.w-29 {
  width: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-29 {
    width: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-29 {
    width: 29px !important;
  }
}

.w-min-29 {
  min-width: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-29 {
    min-width: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-29 {
    min-width: 29px !important;
  }
}

.w-max-29 {
  max-width: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-29 {
    max-width: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-29 {
    max-width: 29px !important;
  }
}

.h-30 {
  height: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-30 {
    height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-30 {
    height: 30px !important;
  }
}

.h-min-30 {
  min-height: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-30 {
    min-height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-30 {
    min-height: 30px !important;
  }
}

.h-max-30 {
  max-height: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-30 {
    max-height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-30 {
    max-height: 30px !important;
  }
}

.w-30 {
  width: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-30 {
    width: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-30 {
    width: 30px !important;
  }
}

.w-min-30 {
  min-width: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-30 {
    min-width: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-30 {
    min-width: 30px !important;
  }
}

.w-max-30 {
  max-width: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-30 {
    max-width: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-30 {
    max-width: 30px !important;
  }
}

.h-31 {
  height: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-31 {
    height: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-31 {
    height: 31px !important;
  }
}

.h-min-31 {
  min-height: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-31 {
    min-height: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-31 {
    min-height: 31px !important;
  }
}

.h-max-31 {
  max-height: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-31 {
    max-height: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-31 {
    max-height: 31px !important;
  }
}

.w-31 {
  width: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-31 {
    width: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-31 {
    width: 31px !important;
  }
}

.w-min-31 {
  min-width: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-31 {
    min-width: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-31 {
    min-width: 31px !important;
  }
}

.w-max-31 {
  max-width: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-31 {
    max-width: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-31 {
    max-width: 31px !important;
  }
}

.h-32 {
  height: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-32 {
    height: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-32 {
    height: 32px !important;
  }
}

.h-min-32 {
  min-height: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-32 {
    min-height: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-32 {
    min-height: 32px !important;
  }
}

.h-max-32 {
  max-height: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-32 {
    max-height: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-32 {
    max-height: 32px !important;
  }
}

.w-32 {
  width: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-32 {
    width: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-32 {
    width: 32px !important;
  }
}

.w-min-32 {
  min-width: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-32 {
    min-width: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-32 {
    min-width: 32px !important;
  }
}

.w-max-32 {
  max-width: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-32 {
    max-width: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-32 {
    max-width: 32px !important;
  }
}

.h-33 {
  height: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-33 {
    height: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-33 {
    height: 33px !important;
  }
}

.h-min-33 {
  min-height: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-33 {
    min-height: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-33 {
    min-height: 33px !important;
  }
}

.h-max-33 {
  max-height: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-33 {
    max-height: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-33 {
    max-height: 33px !important;
  }
}

.w-33 {
  width: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-33 {
    width: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-33 {
    width: 33px !important;
  }
}

.w-min-33 {
  min-width: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-33 {
    min-width: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-33 {
    min-width: 33px !important;
  }
}

.w-max-33 {
  max-width: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-33 {
    max-width: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-33 {
    max-width: 33px !important;
  }
}

.h-34 {
  height: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-34 {
    height: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-34 {
    height: 34px !important;
  }
}

.h-min-34 {
  min-height: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-34 {
    min-height: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-34 {
    min-height: 34px !important;
  }
}

.h-max-34 {
  max-height: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-34 {
    max-height: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-34 {
    max-height: 34px !important;
  }
}

.w-34 {
  width: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-34 {
    width: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-34 {
    width: 34px !important;
  }
}

.w-min-34 {
  min-width: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-34 {
    min-width: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-34 {
    min-width: 34px !important;
  }
}

.w-max-34 {
  max-width: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-34 {
    max-width: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-34 {
    max-width: 34px !important;
  }
}

.h-35 {
  height: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-35 {
    height: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-35 {
    height: 35px !important;
  }
}

.h-min-35 {
  min-height: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-35 {
    min-height: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-35 {
    min-height: 35px !important;
  }
}

.h-max-35 {
  max-height: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-35 {
    max-height: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-35 {
    max-height: 35px !important;
  }
}

.w-35 {
  width: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-35 {
    width: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-35 {
    width: 35px !important;
  }
}

.w-min-35 {
  min-width: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-35 {
    min-width: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-35 {
    min-width: 35px !important;
  }
}

.w-max-35 {
  max-width: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-35 {
    max-width: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-35 {
    max-width: 35px !important;
  }
}

.h-36 {
  height: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-36 {
    height: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-36 {
    height: 36px !important;
  }
}

.h-min-36 {
  min-height: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-36 {
    min-height: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-36 {
    min-height: 36px !important;
  }
}

.h-max-36 {
  max-height: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-36 {
    max-height: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-36 {
    max-height: 36px !important;
  }
}

.w-36 {
  width: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-36 {
    width: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-36 {
    width: 36px !important;
  }
}

.w-min-36 {
  min-width: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-36 {
    min-width: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-36 {
    min-width: 36px !important;
  }
}

.w-max-36 {
  max-width: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-36 {
    max-width: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-36 {
    max-width: 36px !important;
  }
}

.h-37 {
  height: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-37 {
    height: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-37 {
    height: 37px !important;
  }
}

.h-min-37 {
  min-height: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-37 {
    min-height: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-37 {
    min-height: 37px !important;
  }
}

.h-max-37 {
  max-height: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-37 {
    max-height: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-37 {
    max-height: 37px !important;
  }
}

.w-37 {
  width: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-37 {
    width: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-37 {
    width: 37px !important;
  }
}

.w-min-37 {
  min-width: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-37 {
    min-width: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-37 {
    min-width: 37px !important;
  }
}

.w-max-37 {
  max-width: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-37 {
    max-width: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-37 {
    max-width: 37px !important;
  }
}

.h-38 {
  height: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-38 {
    height: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-38 {
    height: 38px !important;
  }
}

.h-min-38 {
  min-height: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-38 {
    min-height: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-38 {
    min-height: 38px !important;
  }
}

.h-max-38 {
  max-height: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-38 {
    max-height: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-38 {
    max-height: 38px !important;
  }
}

.w-38 {
  width: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-38 {
    width: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-38 {
    width: 38px !important;
  }
}

.w-min-38 {
  min-width: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-38 {
    min-width: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-38 {
    min-width: 38px !important;
  }
}

.w-max-38 {
  max-width: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-38 {
    max-width: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-38 {
    max-width: 38px !important;
  }
}

.h-39 {
  height: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-39 {
    height: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-39 {
    height: 39px !important;
  }
}

.h-min-39 {
  min-height: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-39 {
    min-height: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-39 {
    min-height: 39px !important;
  }
}

.h-max-39 {
  max-height: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-39 {
    max-height: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-39 {
    max-height: 39px !important;
  }
}

.w-39 {
  width: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-39 {
    width: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-39 {
    width: 39px !important;
  }
}

.w-min-39 {
  min-width: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-39 {
    min-width: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-39 {
    min-width: 39px !important;
  }
}

.w-max-39 {
  max-width: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-39 {
    max-width: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-39 {
    max-width: 39px !important;
  }
}

.h-40 {
  height: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-40 {
    height: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-40 {
    height: 40px !important;
  }
}

.h-min-40 {
  min-height: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-40 {
    min-height: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-40 {
    min-height: 40px !important;
  }
}

.h-max-40 {
  max-height: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-40 {
    max-height: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-40 {
    max-height: 40px !important;
  }
}

.w-40 {
  width: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-40 {
    width: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-40 {
    width: 40px !important;
  }
}

.w-min-40 {
  min-width: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-40 {
    min-width: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-40 {
    min-width: 40px !important;
  }
}

.w-max-40 {
  max-width: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-40 {
    max-width: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-40 {
    max-width: 40px !important;
  }
}

.h-41 {
  height: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-41 {
    height: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-41 {
    height: 41px !important;
  }
}

.h-min-41 {
  min-height: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-41 {
    min-height: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-41 {
    min-height: 41px !important;
  }
}

.h-max-41 {
  max-height: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-41 {
    max-height: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-41 {
    max-height: 41px !important;
  }
}

.w-41 {
  width: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-41 {
    width: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-41 {
    width: 41px !important;
  }
}

.w-min-41 {
  min-width: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-41 {
    min-width: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-41 {
    min-width: 41px !important;
  }
}

.w-max-41 {
  max-width: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-41 {
    max-width: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-41 {
    max-width: 41px !important;
  }
}

.h-42 {
  height: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-42 {
    height: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-42 {
    height: 42px !important;
  }
}

.h-min-42 {
  min-height: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-42 {
    min-height: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-42 {
    min-height: 42px !important;
  }
}

.h-max-42 {
  max-height: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-42 {
    max-height: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-42 {
    max-height: 42px !important;
  }
}

.w-42 {
  width: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-42 {
    width: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-42 {
    width: 42px !important;
  }
}

.w-min-42 {
  min-width: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-42 {
    min-width: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-42 {
    min-width: 42px !important;
  }
}

.w-max-42 {
  max-width: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-42 {
    max-width: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-42 {
    max-width: 42px !important;
  }
}

.h-43 {
  height: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-43 {
    height: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-43 {
    height: 43px !important;
  }
}

.h-min-43 {
  min-height: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-43 {
    min-height: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-43 {
    min-height: 43px !important;
  }
}

.h-max-43 {
  max-height: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-43 {
    max-height: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-43 {
    max-height: 43px !important;
  }
}

.w-43 {
  width: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-43 {
    width: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-43 {
    width: 43px !important;
  }
}

.w-min-43 {
  min-width: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-43 {
    min-width: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-43 {
    min-width: 43px !important;
  }
}

.w-max-43 {
  max-width: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-43 {
    max-width: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-43 {
    max-width: 43px !important;
  }
}

.h-44 {
  height: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-44 {
    height: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-44 {
    height: 44px !important;
  }
}

.h-min-44 {
  min-height: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-44 {
    min-height: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-44 {
    min-height: 44px !important;
  }
}

.h-max-44 {
  max-height: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-44 {
    max-height: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-44 {
    max-height: 44px !important;
  }
}

.w-44 {
  width: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-44 {
    width: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-44 {
    width: 44px !important;
  }
}

.w-min-44 {
  min-width: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-44 {
    min-width: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-44 {
    min-width: 44px !important;
  }
}

.w-max-44 {
  max-width: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-44 {
    max-width: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-44 {
    max-width: 44px !important;
  }
}

.h-45 {
  height: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-45 {
    height: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-45 {
    height: 45px !important;
  }
}

.h-min-45 {
  min-height: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-45 {
    min-height: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-45 {
    min-height: 45px !important;
  }
}

.h-max-45 {
  max-height: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-45 {
    max-height: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-45 {
    max-height: 45px !important;
  }
}

.w-45 {
  width: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-45 {
    width: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-45 {
    width: 45px !important;
  }
}

.w-min-45 {
  min-width: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-45 {
    min-width: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-45 {
    min-width: 45px !important;
  }
}

.w-max-45 {
  max-width: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-45 {
    max-width: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-45 {
    max-width: 45px !important;
  }
}

.h-46 {
  height: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-46 {
    height: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-46 {
    height: 46px !important;
  }
}

.h-min-46 {
  min-height: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-46 {
    min-height: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-46 {
    min-height: 46px !important;
  }
}

.h-max-46 {
  max-height: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-46 {
    max-height: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-46 {
    max-height: 46px !important;
  }
}

.w-46 {
  width: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-46 {
    width: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-46 {
    width: 46px !important;
  }
}

.w-min-46 {
  min-width: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-46 {
    min-width: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-46 {
    min-width: 46px !important;
  }
}

.w-max-46 {
  max-width: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-46 {
    max-width: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-46 {
    max-width: 46px !important;
  }
}

.h-47 {
  height: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-47 {
    height: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-47 {
    height: 47px !important;
  }
}

.h-min-47 {
  min-height: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-47 {
    min-height: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-47 {
    min-height: 47px !important;
  }
}

.h-max-47 {
  max-height: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-47 {
    max-height: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-47 {
    max-height: 47px !important;
  }
}

.w-47 {
  width: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-47 {
    width: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-47 {
    width: 47px !important;
  }
}

.w-min-47 {
  min-width: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-47 {
    min-width: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-47 {
    min-width: 47px !important;
  }
}

.w-max-47 {
  max-width: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-47 {
    max-width: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-47 {
    max-width: 47px !important;
  }
}

.h-48 {
  height: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-48 {
    height: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-48 {
    height: 48px !important;
  }
}

.h-min-48 {
  min-height: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-48 {
    min-height: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-48 {
    min-height: 48px !important;
  }
}

.h-max-48 {
  max-height: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-48 {
    max-height: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-48 {
    max-height: 48px !important;
  }
}

.w-48 {
  width: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-48 {
    width: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-48 {
    width: 48px !important;
  }
}

.w-min-48 {
  min-width: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-48 {
    min-width: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-48 {
    min-width: 48px !important;
  }
}

.w-max-48 {
  max-width: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-48 {
    max-width: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-48 {
    max-width: 48px !important;
  }
}

.h-49 {
  height: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-49 {
    height: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-49 {
    height: 49px !important;
  }
}

.h-min-49 {
  min-height: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-49 {
    min-height: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-49 {
    min-height: 49px !important;
  }
}

.h-max-49 {
  max-height: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-49 {
    max-height: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-49 {
    max-height: 49px !important;
  }
}

.w-49 {
  width: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-49 {
    width: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-49 {
    width: 49px !important;
  }
}

.w-min-49 {
  min-width: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-49 {
    min-width: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-49 {
    min-width: 49px !important;
  }
}

.w-max-49 {
  max-width: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-49 {
    max-width: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-49 {
    max-width: 49px !important;
  }
}

.h-50 {
  height: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-50 {
    height: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-50 {
    height: 50px !important;
  }
}

.h-min-50 {
  min-height: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-50 {
    min-height: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-50 {
    min-height: 50px !important;
  }
}

.h-max-50 {
  max-height: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-50 {
    max-height: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-50 {
    max-height: 50px !important;
  }
}

.w-50 {
  width: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-50 {
    width: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-50 {
    width: 50px !important;
  }
}

.w-min-50 {
  min-width: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-50 {
    min-width: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-50 {
    min-width: 50px !important;
  }
}

.w-max-50 {
  max-width: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-50 {
    max-width: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-50 {
    max-width: 50px !important;
  }
}

.h-51 {
  height: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-51 {
    height: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-51 {
    height: 51px !important;
  }
}

.h-min-51 {
  min-height: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-51 {
    min-height: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-51 {
    min-height: 51px !important;
  }
}

.h-max-51 {
  max-height: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-51 {
    max-height: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-51 {
    max-height: 51px !important;
  }
}

.w-51 {
  width: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-51 {
    width: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-51 {
    width: 51px !important;
  }
}

.w-min-51 {
  min-width: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-51 {
    min-width: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-51 {
    min-width: 51px !important;
  }
}

.w-max-51 {
  max-width: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-51 {
    max-width: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-51 {
    max-width: 51px !important;
  }
}

.h-52 {
  height: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-52 {
    height: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-52 {
    height: 52px !important;
  }
}

.h-min-52 {
  min-height: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-52 {
    min-height: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-52 {
    min-height: 52px !important;
  }
}

.h-max-52 {
  max-height: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-52 {
    max-height: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-52 {
    max-height: 52px !important;
  }
}

.w-52 {
  width: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-52 {
    width: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-52 {
    width: 52px !important;
  }
}

.w-min-52 {
  min-width: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-52 {
    min-width: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-52 {
    min-width: 52px !important;
  }
}

.w-max-52 {
  max-width: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-52 {
    max-width: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-52 {
    max-width: 52px !important;
  }
}

.h-53 {
  height: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-53 {
    height: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-53 {
    height: 53px !important;
  }
}

.h-min-53 {
  min-height: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-53 {
    min-height: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-53 {
    min-height: 53px !important;
  }
}

.h-max-53 {
  max-height: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-53 {
    max-height: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-53 {
    max-height: 53px !important;
  }
}

.w-53 {
  width: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-53 {
    width: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-53 {
    width: 53px !important;
  }
}

.w-min-53 {
  min-width: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-53 {
    min-width: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-53 {
    min-width: 53px !important;
  }
}

.w-max-53 {
  max-width: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-53 {
    max-width: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-53 {
    max-width: 53px !important;
  }
}

.h-54 {
  height: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-54 {
    height: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-54 {
    height: 54px !important;
  }
}

.h-min-54 {
  min-height: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-54 {
    min-height: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-54 {
    min-height: 54px !important;
  }
}

.h-max-54 {
  max-height: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-54 {
    max-height: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-54 {
    max-height: 54px !important;
  }
}

.w-54 {
  width: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-54 {
    width: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-54 {
    width: 54px !important;
  }
}

.w-min-54 {
  min-width: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-54 {
    min-width: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-54 {
    min-width: 54px !important;
  }
}

.w-max-54 {
  max-width: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-54 {
    max-width: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-54 {
    max-width: 54px !important;
  }
}

.h-55 {
  height: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-55 {
    height: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-55 {
    height: 55px !important;
  }
}

.h-min-55 {
  min-height: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-55 {
    min-height: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-55 {
    min-height: 55px !important;
  }
}

.h-max-55 {
  max-height: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-55 {
    max-height: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-55 {
    max-height: 55px !important;
  }
}

.w-55 {
  width: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-55 {
    width: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-55 {
    width: 55px !important;
  }
}

.w-min-55 {
  min-width: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-55 {
    min-width: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-55 {
    min-width: 55px !important;
  }
}

.w-max-55 {
  max-width: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-55 {
    max-width: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-55 {
    max-width: 55px !important;
  }
}

.h-56 {
  height: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-56 {
    height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-56 {
    height: 56px !important;
  }
}

.h-min-56 {
  min-height: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-56 {
    min-height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-56 {
    min-height: 56px !important;
  }
}

.h-max-56 {
  max-height: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-56 {
    max-height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-56 {
    max-height: 56px !important;
  }
}

.w-56 {
  width: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-56 {
    width: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-56 {
    width: 56px !important;
  }
}

.w-min-56 {
  min-width: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-56 {
    min-width: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-56 {
    min-width: 56px !important;
  }
}

.w-max-56 {
  max-width: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-56 {
    max-width: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-56 {
    max-width: 56px !important;
  }
}

.h-57 {
  height: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-57 {
    height: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-57 {
    height: 57px !important;
  }
}

.h-min-57 {
  min-height: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-57 {
    min-height: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-57 {
    min-height: 57px !important;
  }
}

.h-max-57 {
  max-height: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-57 {
    max-height: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-57 {
    max-height: 57px !important;
  }
}

.w-57 {
  width: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-57 {
    width: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-57 {
    width: 57px !important;
  }
}

.w-min-57 {
  min-width: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-57 {
    min-width: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-57 {
    min-width: 57px !important;
  }
}

.w-max-57 {
  max-width: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-57 {
    max-width: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-57 {
    max-width: 57px !important;
  }
}

.h-58 {
  height: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-58 {
    height: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-58 {
    height: 58px !important;
  }
}

.h-min-58 {
  min-height: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-58 {
    min-height: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-58 {
    min-height: 58px !important;
  }
}

.h-max-58 {
  max-height: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-58 {
    max-height: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-58 {
    max-height: 58px !important;
  }
}

.w-58 {
  width: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-58 {
    width: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-58 {
    width: 58px !important;
  }
}

.w-min-58 {
  min-width: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-58 {
    min-width: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-58 {
    min-width: 58px !important;
  }
}

.w-max-58 {
  max-width: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-58 {
    max-width: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-58 {
    max-width: 58px !important;
  }
}

.h-59 {
  height: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-59 {
    height: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-59 {
    height: 59px !important;
  }
}

.h-min-59 {
  min-height: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-59 {
    min-height: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-59 {
    min-height: 59px !important;
  }
}

.h-max-59 {
  max-height: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-59 {
    max-height: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-59 {
    max-height: 59px !important;
  }
}

.w-59 {
  width: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-59 {
    width: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-59 {
    width: 59px !important;
  }
}

.w-min-59 {
  min-width: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-59 {
    min-width: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-59 {
    min-width: 59px !important;
  }
}

.w-max-59 {
  max-width: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-59 {
    max-width: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-59 {
    max-width: 59px !important;
  }
}

.h-60 {
  height: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-60 {
    height: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-60 {
    height: 60px !important;
  }
}

.h-min-60 {
  min-height: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-60 {
    min-height: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-60 {
    min-height: 60px !important;
  }
}

.h-max-60 {
  max-height: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-60 {
    max-height: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-60 {
    max-height: 60px !important;
  }
}

.w-60 {
  width: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-60 {
    width: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-60 {
    width: 60px !important;
  }
}

.w-min-60 {
  min-width: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-60 {
    min-width: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-60 {
    min-width: 60px !important;
  }
}

.w-max-60 {
  max-width: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-60 {
    max-width: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-60 {
    max-width: 60px !important;
  }
}

.h-61 {
  height: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-61 {
    height: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-61 {
    height: 61px !important;
  }
}

.h-min-61 {
  min-height: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-61 {
    min-height: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-61 {
    min-height: 61px !important;
  }
}

.h-max-61 {
  max-height: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-61 {
    max-height: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-61 {
    max-height: 61px !important;
  }
}

.w-61 {
  width: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-61 {
    width: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-61 {
    width: 61px !important;
  }
}

.w-min-61 {
  min-width: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-61 {
    min-width: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-61 {
    min-width: 61px !important;
  }
}

.w-max-61 {
  max-width: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-61 {
    max-width: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-61 {
    max-width: 61px !important;
  }
}

.h-62 {
  height: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-62 {
    height: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-62 {
    height: 62px !important;
  }
}

.h-min-62 {
  min-height: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-62 {
    min-height: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-62 {
    min-height: 62px !important;
  }
}

.h-max-62 {
  max-height: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-62 {
    max-height: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-62 {
    max-height: 62px !important;
  }
}

.w-62 {
  width: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-62 {
    width: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-62 {
    width: 62px !important;
  }
}

.w-min-62 {
  min-width: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-62 {
    min-width: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-62 {
    min-width: 62px !important;
  }
}

.w-max-62 {
  max-width: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-62 {
    max-width: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-62 {
    max-width: 62px !important;
  }
}

.h-63 {
  height: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-63 {
    height: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-63 {
    height: 63px !important;
  }
}

.h-min-63 {
  min-height: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-63 {
    min-height: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-63 {
    min-height: 63px !important;
  }
}

.h-max-63 {
  max-height: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-63 {
    max-height: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-63 {
    max-height: 63px !important;
  }
}

.w-63 {
  width: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-63 {
    width: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-63 {
    width: 63px !important;
  }
}

.w-min-63 {
  min-width: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-63 {
    min-width: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-63 {
    min-width: 63px !important;
  }
}

.w-max-63 {
  max-width: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-63 {
    max-width: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-63 {
    max-width: 63px !important;
  }
}

.h-64 {
  height: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-64 {
    height: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-64 {
    height: 64px !important;
  }
}

.h-min-64 {
  min-height: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-64 {
    min-height: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-64 {
    min-height: 64px !important;
  }
}

.h-max-64 {
  max-height: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-64 {
    max-height: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-64 {
    max-height: 64px !important;
  }
}

.w-64 {
  width: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-64 {
    width: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-64 {
    width: 64px !important;
  }
}

.w-min-64 {
  min-width: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-64 {
    min-width: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-64 {
    min-width: 64px !important;
  }
}

.w-max-64 {
  max-width: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-64 {
    max-width: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-64 {
    max-width: 64px !important;
  }
}

.h-65 {
  height: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-65 {
    height: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-65 {
    height: 65px !important;
  }
}

.h-min-65 {
  min-height: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-65 {
    min-height: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-65 {
    min-height: 65px !important;
  }
}

.h-max-65 {
  max-height: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-65 {
    max-height: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-65 {
    max-height: 65px !important;
  }
}

.w-65 {
  width: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-65 {
    width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-65 {
    width: 65px !important;
  }
}

.w-min-65 {
  min-width: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-65 {
    min-width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-65 {
    min-width: 65px !important;
  }
}

.w-max-65 {
  max-width: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-65 {
    max-width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-65 {
    max-width: 65px !important;
  }
}

.h-66 {
  height: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-66 {
    height: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-66 {
    height: 66px !important;
  }
}

.h-min-66 {
  min-height: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-66 {
    min-height: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-66 {
    min-height: 66px !important;
  }
}

.h-max-66 {
  max-height: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-66 {
    max-height: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-66 {
    max-height: 66px !important;
  }
}

.w-66 {
  width: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-66 {
    width: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-66 {
    width: 66px !important;
  }
}

.w-min-66 {
  min-width: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-66 {
    min-width: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-66 {
    min-width: 66px !important;
  }
}

.w-max-66 {
  max-width: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-66 {
    max-width: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-66 {
    max-width: 66px !important;
  }
}

.h-67 {
  height: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-67 {
    height: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-67 {
    height: 67px !important;
  }
}

.h-min-67 {
  min-height: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-67 {
    min-height: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-67 {
    min-height: 67px !important;
  }
}

.h-max-67 {
  max-height: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-67 {
    max-height: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-67 {
    max-height: 67px !important;
  }
}

.w-67 {
  width: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-67 {
    width: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-67 {
    width: 67px !important;
  }
}

.w-min-67 {
  min-width: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-67 {
    min-width: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-67 {
    min-width: 67px !important;
  }
}

.w-max-67 {
  max-width: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-67 {
    max-width: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-67 {
    max-width: 67px !important;
  }
}

.h-68 {
  height: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-68 {
    height: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-68 {
    height: 68px !important;
  }
}

.h-min-68 {
  min-height: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-68 {
    min-height: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-68 {
    min-height: 68px !important;
  }
}

.h-max-68 {
  max-height: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-68 {
    max-height: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-68 {
    max-height: 68px !important;
  }
}

.w-68 {
  width: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-68 {
    width: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-68 {
    width: 68px !important;
  }
}

.w-min-68 {
  min-width: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-68 {
    min-width: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-68 {
    min-width: 68px !important;
  }
}

.w-max-68 {
  max-width: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-68 {
    max-width: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-68 {
    max-width: 68px !important;
  }
}

.h-69 {
  height: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-69 {
    height: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-69 {
    height: 69px !important;
  }
}

.h-min-69 {
  min-height: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-69 {
    min-height: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-69 {
    min-height: 69px !important;
  }
}

.h-max-69 {
  max-height: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-69 {
    max-height: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-69 {
    max-height: 69px !important;
  }
}

.w-69 {
  width: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-69 {
    width: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-69 {
    width: 69px !important;
  }
}

.w-min-69 {
  min-width: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-69 {
    min-width: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-69 {
    min-width: 69px !important;
  }
}

.w-max-69 {
  max-width: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-69 {
    max-width: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-69 {
    max-width: 69px !important;
  }
}

.h-70 {
  height: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-70 {
    height: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-70 {
    height: 70px !important;
  }
}

.h-min-70 {
  min-height: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-70 {
    min-height: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-70 {
    min-height: 70px !important;
  }
}

.h-max-70 {
  max-height: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-70 {
    max-height: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-70 {
    max-height: 70px !important;
  }
}

.w-70 {
  width: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-70 {
    width: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-70 {
    width: 70px !important;
  }
}

.w-min-70 {
  min-width: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-70 {
    min-width: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-70 {
    min-width: 70px !important;
  }
}

.w-max-70 {
  max-width: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-70 {
    max-width: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-70 {
    max-width: 70px !important;
  }
}

.h-71 {
  height: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-71 {
    height: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-71 {
    height: 71px !important;
  }
}

.h-min-71 {
  min-height: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-71 {
    min-height: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-71 {
    min-height: 71px !important;
  }
}

.h-max-71 {
  max-height: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-71 {
    max-height: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-71 {
    max-height: 71px !important;
  }
}

.w-71 {
  width: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-71 {
    width: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-71 {
    width: 71px !important;
  }
}

.w-min-71 {
  min-width: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-71 {
    min-width: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-71 {
    min-width: 71px !important;
  }
}

.w-max-71 {
  max-width: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-71 {
    max-width: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-71 {
    max-width: 71px !important;
  }
}

.h-72 {
  height: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-72 {
    height: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-72 {
    height: 72px !important;
  }
}

.h-min-72 {
  min-height: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-72 {
    min-height: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-72 {
    min-height: 72px !important;
  }
}

.h-max-72 {
  max-height: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-72 {
    max-height: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-72 {
    max-height: 72px !important;
  }
}

.w-72 {
  width: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-72 {
    width: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-72 {
    width: 72px !important;
  }
}

.w-min-72 {
  min-width: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-72 {
    min-width: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-72 {
    min-width: 72px !important;
  }
}

.w-max-72 {
  max-width: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-72 {
    max-width: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-72 {
    max-width: 72px !important;
  }
}

.h-73 {
  height: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-73 {
    height: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-73 {
    height: 73px !important;
  }
}

.h-min-73 {
  min-height: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-73 {
    min-height: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-73 {
    min-height: 73px !important;
  }
}

.h-max-73 {
  max-height: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-73 {
    max-height: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-73 {
    max-height: 73px !important;
  }
}

.w-73 {
  width: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-73 {
    width: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-73 {
    width: 73px !important;
  }
}

.w-min-73 {
  min-width: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-73 {
    min-width: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-73 {
    min-width: 73px !important;
  }
}

.w-max-73 {
  max-width: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-73 {
    max-width: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-73 {
    max-width: 73px !important;
  }
}

.h-74 {
  height: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-74 {
    height: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-74 {
    height: 74px !important;
  }
}

.h-min-74 {
  min-height: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-74 {
    min-height: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-74 {
    min-height: 74px !important;
  }
}

.h-max-74 {
  max-height: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-74 {
    max-height: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-74 {
    max-height: 74px !important;
  }
}

.w-74 {
  width: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-74 {
    width: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-74 {
    width: 74px !important;
  }
}

.w-min-74 {
  min-width: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-74 {
    min-width: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-74 {
    min-width: 74px !important;
  }
}

.w-max-74 {
  max-width: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-74 {
    max-width: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-74 {
    max-width: 74px !important;
  }
}

.h-75 {
  height: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-75 {
    height: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-75 {
    height: 75px !important;
  }
}

.h-min-75 {
  min-height: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-75 {
    min-height: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-75 {
    min-height: 75px !important;
  }
}

.h-max-75 {
  max-height: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-75 {
    max-height: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-75 {
    max-height: 75px !important;
  }
}

.w-75 {
  width: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-75 {
    width: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-75 {
    width: 75px !important;
  }
}

.w-min-75 {
  min-width: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-75 {
    min-width: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-75 {
    min-width: 75px !important;
  }
}

.w-max-75 {
  max-width: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-75 {
    max-width: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-75 {
    max-width: 75px !important;
  }
}

.h-76 {
  height: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-76 {
    height: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-76 {
    height: 76px !important;
  }
}

.h-min-76 {
  min-height: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-76 {
    min-height: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-76 {
    min-height: 76px !important;
  }
}

.h-max-76 {
  max-height: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-76 {
    max-height: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-76 {
    max-height: 76px !important;
  }
}

.w-76 {
  width: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-76 {
    width: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-76 {
    width: 76px !important;
  }
}

.w-min-76 {
  min-width: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-76 {
    min-width: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-76 {
    min-width: 76px !important;
  }
}

.w-max-76 {
  max-width: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-76 {
    max-width: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-76 {
    max-width: 76px !important;
  }
}

.h-77 {
  height: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-77 {
    height: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-77 {
    height: 77px !important;
  }
}

.h-min-77 {
  min-height: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-77 {
    min-height: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-77 {
    min-height: 77px !important;
  }
}

.h-max-77 {
  max-height: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-77 {
    max-height: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-77 {
    max-height: 77px !important;
  }
}

.w-77 {
  width: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-77 {
    width: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-77 {
    width: 77px !important;
  }
}

.w-min-77 {
  min-width: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-77 {
    min-width: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-77 {
    min-width: 77px !important;
  }
}

.w-max-77 {
  max-width: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-77 {
    max-width: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-77 {
    max-width: 77px !important;
  }
}

.h-78 {
  height: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-78 {
    height: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-78 {
    height: 78px !important;
  }
}

.h-min-78 {
  min-height: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-78 {
    min-height: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-78 {
    min-height: 78px !important;
  }
}

.h-max-78 {
  max-height: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-78 {
    max-height: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-78 {
    max-height: 78px !important;
  }
}

.w-78 {
  width: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-78 {
    width: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-78 {
    width: 78px !important;
  }
}

.w-min-78 {
  min-width: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-78 {
    min-width: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-78 {
    min-width: 78px !important;
  }
}

.w-max-78 {
  max-width: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-78 {
    max-width: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-78 {
    max-width: 78px !important;
  }
}

.h-79 {
  height: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-79 {
    height: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-79 {
    height: 79px !important;
  }
}

.h-min-79 {
  min-height: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-79 {
    min-height: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-79 {
    min-height: 79px !important;
  }
}

.h-max-79 {
  max-height: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-79 {
    max-height: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-79 {
    max-height: 79px !important;
  }
}

.w-79 {
  width: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-79 {
    width: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-79 {
    width: 79px !important;
  }
}

.w-min-79 {
  min-width: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-79 {
    min-width: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-79 {
    min-width: 79px !important;
  }
}

.w-max-79 {
  max-width: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-79 {
    max-width: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-79 {
    max-width: 79px !important;
  }
}

.h-80 {
  height: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-80 {
    height: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-80 {
    height: 80px !important;
  }
}

.h-min-80 {
  min-height: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-80 {
    min-height: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-80 {
    min-height: 80px !important;
  }
}

.h-max-80 {
  max-height: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-80 {
    max-height: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-80 {
    max-height: 80px !important;
  }
}

.w-80 {
  width: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-80 {
    width: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-80 {
    width: 80px !important;
  }
}

.w-min-80 {
  min-width: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-80 {
    min-width: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-80 {
    min-width: 80px !important;
  }
}

.w-max-80 {
  max-width: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-80 {
    max-width: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-80 {
    max-width: 80px !important;
  }
}

.h-81 {
  height: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-81 {
    height: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-81 {
    height: 81px !important;
  }
}

.h-min-81 {
  min-height: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-81 {
    min-height: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-81 {
    min-height: 81px !important;
  }
}

.h-max-81 {
  max-height: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-81 {
    max-height: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-81 {
    max-height: 81px !important;
  }
}

.w-81 {
  width: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-81 {
    width: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-81 {
    width: 81px !important;
  }
}

.w-min-81 {
  min-width: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-81 {
    min-width: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-81 {
    min-width: 81px !important;
  }
}

.w-max-81 {
  max-width: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-81 {
    max-width: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-81 {
    max-width: 81px !important;
  }
}

.h-82 {
  height: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-82 {
    height: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-82 {
    height: 82px !important;
  }
}

.h-min-82 {
  min-height: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-82 {
    min-height: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-82 {
    min-height: 82px !important;
  }
}

.h-max-82 {
  max-height: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-82 {
    max-height: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-82 {
    max-height: 82px !important;
  }
}

.w-82 {
  width: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-82 {
    width: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-82 {
    width: 82px !important;
  }
}

.w-min-82 {
  min-width: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-82 {
    min-width: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-82 {
    min-width: 82px !important;
  }
}

.w-max-82 {
  max-width: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-82 {
    max-width: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-82 {
    max-width: 82px !important;
  }
}

.h-83 {
  height: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-83 {
    height: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-83 {
    height: 83px !important;
  }
}

.h-min-83 {
  min-height: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-83 {
    min-height: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-83 {
    min-height: 83px !important;
  }
}

.h-max-83 {
  max-height: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-83 {
    max-height: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-83 {
    max-height: 83px !important;
  }
}

.w-83 {
  width: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-83 {
    width: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-83 {
    width: 83px !important;
  }
}

.w-min-83 {
  min-width: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-83 {
    min-width: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-83 {
    min-width: 83px !important;
  }
}

.w-max-83 {
  max-width: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-83 {
    max-width: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-83 {
    max-width: 83px !important;
  }
}

.h-84 {
  height: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-84 {
    height: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-84 {
    height: 84px !important;
  }
}

.h-min-84 {
  min-height: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-84 {
    min-height: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-84 {
    min-height: 84px !important;
  }
}

.h-max-84 {
  max-height: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-84 {
    max-height: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-84 {
    max-height: 84px !important;
  }
}

.w-84 {
  width: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-84 {
    width: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-84 {
    width: 84px !important;
  }
}

.w-min-84 {
  min-width: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-84 {
    min-width: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-84 {
    min-width: 84px !important;
  }
}

.w-max-84 {
  max-width: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-84 {
    max-width: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-84 {
    max-width: 84px !important;
  }
}

.h-85 {
  height: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-85 {
    height: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-85 {
    height: 85px !important;
  }
}

.h-min-85 {
  min-height: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-85 {
    min-height: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-85 {
    min-height: 85px !important;
  }
}

.h-max-85 {
  max-height: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-85 {
    max-height: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-85 {
    max-height: 85px !important;
  }
}

.w-85 {
  width: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-85 {
    width: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-85 {
    width: 85px !important;
  }
}

.w-min-85 {
  min-width: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-85 {
    min-width: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-85 {
    min-width: 85px !important;
  }
}

.w-max-85 {
  max-width: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-85 {
    max-width: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-85 {
    max-width: 85px !important;
  }
}

.h-86 {
  height: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-86 {
    height: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-86 {
    height: 86px !important;
  }
}

.h-min-86 {
  min-height: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-86 {
    min-height: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-86 {
    min-height: 86px !important;
  }
}

.h-max-86 {
  max-height: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-86 {
    max-height: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-86 {
    max-height: 86px !important;
  }
}

.w-86 {
  width: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-86 {
    width: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-86 {
    width: 86px !important;
  }
}

.w-min-86 {
  min-width: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-86 {
    min-width: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-86 {
    min-width: 86px !important;
  }
}

.w-max-86 {
  max-width: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-86 {
    max-width: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-86 {
    max-width: 86px !important;
  }
}

.h-87 {
  height: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-87 {
    height: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-87 {
    height: 87px !important;
  }
}

.h-min-87 {
  min-height: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-87 {
    min-height: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-87 {
    min-height: 87px !important;
  }
}

.h-max-87 {
  max-height: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-87 {
    max-height: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-87 {
    max-height: 87px !important;
  }
}

.w-87 {
  width: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-87 {
    width: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-87 {
    width: 87px !important;
  }
}

.w-min-87 {
  min-width: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-87 {
    min-width: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-87 {
    min-width: 87px !important;
  }
}

.w-max-87 {
  max-width: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-87 {
    max-width: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-87 {
    max-width: 87px !important;
  }
}

.h-88 {
  height: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-88 {
    height: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-88 {
    height: 88px !important;
  }
}

.h-min-88 {
  min-height: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-88 {
    min-height: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-88 {
    min-height: 88px !important;
  }
}

.h-max-88 {
  max-height: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-88 {
    max-height: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-88 {
    max-height: 88px !important;
  }
}

.w-88 {
  width: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-88 {
    width: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-88 {
    width: 88px !important;
  }
}

.w-min-88 {
  min-width: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-88 {
    min-width: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-88 {
    min-width: 88px !important;
  }
}

.w-max-88 {
  max-width: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-88 {
    max-width: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-88 {
    max-width: 88px !important;
  }
}

.h-89 {
  height: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-89 {
    height: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-89 {
    height: 89px !important;
  }
}

.h-min-89 {
  min-height: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-89 {
    min-height: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-89 {
    min-height: 89px !important;
  }
}

.h-max-89 {
  max-height: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-89 {
    max-height: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-89 {
    max-height: 89px !important;
  }
}

.w-89 {
  width: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-89 {
    width: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-89 {
    width: 89px !important;
  }
}

.w-min-89 {
  min-width: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-89 {
    min-width: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-89 {
    min-width: 89px !important;
  }
}

.w-max-89 {
  max-width: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-89 {
    max-width: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-89 {
    max-width: 89px !important;
  }
}

.h-90 {
  height: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-90 {
    height: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-90 {
    height: 90px !important;
  }
}

.h-min-90 {
  min-height: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-90 {
    min-height: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-90 {
    min-height: 90px !important;
  }
}

.h-max-90 {
  max-height: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-90 {
    max-height: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-90 {
    max-height: 90px !important;
  }
}

.w-90 {
  width: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-90 {
    width: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-90 {
    width: 90px !important;
  }
}

.w-min-90 {
  min-width: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-90 {
    min-width: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-90 {
    min-width: 90px !important;
  }
}

.w-max-90 {
  max-width: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-90 {
    max-width: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-90 {
    max-width: 90px !important;
  }
}

.h-91 {
  height: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-91 {
    height: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-91 {
    height: 91px !important;
  }
}

.h-min-91 {
  min-height: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-91 {
    min-height: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-91 {
    min-height: 91px !important;
  }
}

.h-max-91 {
  max-height: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-91 {
    max-height: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-91 {
    max-height: 91px !important;
  }
}

.w-91 {
  width: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-91 {
    width: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-91 {
    width: 91px !important;
  }
}

.w-min-91 {
  min-width: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-91 {
    min-width: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-91 {
    min-width: 91px !important;
  }
}

.w-max-91 {
  max-width: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-91 {
    max-width: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-91 {
    max-width: 91px !important;
  }
}

.h-92 {
  height: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-92 {
    height: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-92 {
    height: 92px !important;
  }
}

.h-min-92 {
  min-height: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-92 {
    min-height: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-92 {
    min-height: 92px !important;
  }
}

.h-max-92 {
  max-height: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-92 {
    max-height: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-92 {
    max-height: 92px !important;
  }
}

.w-92 {
  width: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-92 {
    width: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-92 {
    width: 92px !important;
  }
}

.w-min-92 {
  min-width: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-92 {
    min-width: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-92 {
    min-width: 92px !important;
  }
}

.w-max-92 {
  max-width: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-92 {
    max-width: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-92 {
    max-width: 92px !important;
  }
}

.h-93 {
  height: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-93 {
    height: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-93 {
    height: 93px !important;
  }
}

.h-min-93 {
  min-height: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-93 {
    min-height: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-93 {
    min-height: 93px !important;
  }
}

.h-max-93 {
  max-height: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-93 {
    max-height: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-93 {
    max-height: 93px !important;
  }
}

.w-93 {
  width: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-93 {
    width: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-93 {
    width: 93px !important;
  }
}

.w-min-93 {
  min-width: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-93 {
    min-width: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-93 {
    min-width: 93px !important;
  }
}

.w-max-93 {
  max-width: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-93 {
    max-width: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-93 {
    max-width: 93px !important;
  }
}

.h-94 {
  height: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-94 {
    height: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-94 {
    height: 94px !important;
  }
}

.h-min-94 {
  min-height: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-94 {
    min-height: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-94 {
    min-height: 94px !important;
  }
}

.h-max-94 {
  max-height: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-94 {
    max-height: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-94 {
    max-height: 94px !important;
  }
}

.w-94 {
  width: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-94 {
    width: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-94 {
    width: 94px !important;
  }
}

.w-min-94 {
  min-width: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-94 {
    min-width: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-94 {
    min-width: 94px !important;
  }
}

.w-max-94 {
  max-width: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-94 {
    max-width: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-94 {
    max-width: 94px !important;
  }
}

.h-95 {
  height: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-95 {
    height: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-95 {
    height: 95px !important;
  }
}

.h-min-95 {
  min-height: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-95 {
    min-height: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-95 {
    min-height: 95px !important;
  }
}

.h-max-95 {
  max-height: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-95 {
    max-height: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-95 {
    max-height: 95px !important;
  }
}

.w-95 {
  width: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-95 {
    width: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-95 {
    width: 95px !important;
  }
}

.w-min-95 {
  min-width: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-95 {
    min-width: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-95 {
    min-width: 95px !important;
  }
}

.w-max-95 {
  max-width: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-95 {
    max-width: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-95 {
    max-width: 95px !important;
  }
}

.h-96 {
  height: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-96 {
    height: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-96 {
    height: 96px !important;
  }
}

.h-min-96 {
  min-height: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-96 {
    min-height: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-96 {
    min-height: 96px !important;
  }
}

.h-max-96 {
  max-height: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-96 {
    max-height: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-96 {
    max-height: 96px !important;
  }
}

.w-96 {
  width: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-96 {
    width: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-96 {
    width: 96px !important;
  }
}

.w-min-96 {
  min-width: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-96 {
    min-width: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-96 {
    min-width: 96px !important;
  }
}

.w-max-96 {
  max-width: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-96 {
    max-width: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-96 {
    max-width: 96px !important;
  }
}

.h-97 {
  height: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-97 {
    height: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-97 {
    height: 97px !important;
  }
}

.h-min-97 {
  min-height: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-97 {
    min-height: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-97 {
    min-height: 97px !important;
  }
}

.h-max-97 {
  max-height: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-97 {
    max-height: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-97 {
    max-height: 97px !important;
  }
}

.w-97 {
  width: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-97 {
    width: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-97 {
    width: 97px !important;
  }
}

.w-min-97 {
  min-width: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-97 {
    min-width: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-97 {
    min-width: 97px !important;
  }
}

.w-max-97 {
  max-width: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-97 {
    max-width: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-97 {
    max-width: 97px !important;
  }
}

.h-98 {
  height: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-98 {
    height: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-98 {
    height: 98px !important;
  }
}

.h-min-98 {
  min-height: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-98 {
    min-height: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-98 {
    min-height: 98px !important;
  }
}

.h-max-98 {
  max-height: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-98 {
    max-height: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-98 {
    max-height: 98px !important;
  }
}

.w-98 {
  width: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-98 {
    width: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-98 {
    width: 98px !important;
  }
}

.w-min-98 {
  min-width: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-98 {
    min-width: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-98 {
    min-width: 98px !important;
  }
}

.w-max-98 {
  max-width: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-98 {
    max-width: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-98 {
    max-width: 98px !important;
  }
}

.h-99 {
  height: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-99 {
    height: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-99 {
    height: 99px !important;
  }
}

.h-min-99 {
  min-height: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-99 {
    min-height: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-99 {
    min-height: 99px !important;
  }
}

.h-max-99 {
  max-height: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-99 {
    max-height: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-99 {
    max-height: 99px !important;
  }
}

.w-99 {
  width: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-99 {
    width: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-99 {
    width: 99px !important;
  }
}

.w-min-99 {
  min-width: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-99 {
    min-width: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-99 {
    min-width: 99px !important;
  }
}

.w-max-99 {
  max-width: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-99 {
    max-width: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-99 {
    max-width: 99px !important;
  }
}

.h-100 {
  height: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-100 {
    height: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-100 {
    height: 100px !important;
  }
}

.h-min-100 {
  min-height: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-100 {
    min-height: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-100 {
    min-height: 100px !important;
  }
}

.h-max-100 {
  max-height: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-100 {
    max-height: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-100 {
    max-height: 100px !important;
  }
}

.w-100 {
  width: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-100 {
    width: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-100 {
    width: 100px !important;
  }
}

.w-min-100 {
  min-width: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-100 {
    min-width: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-100 {
    min-width: 100px !important;
  }
}

.w-max-100 {
  max-width: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-100 {
    max-width: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-100 {
    max-width: 100px !important;
  }
}

.h-101 {
  height: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-101 {
    height: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-101 {
    height: 101px !important;
  }
}

.h-min-101 {
  min-height: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-101 {
    min-height: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-101 {
    min-height: 101px !important;
  }
}

.h-max-101 {
  max-height: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-101 {
    max-height: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-101 {
    max-height: 101px !important;
  }
}

.w-101 {
  width: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-101 {
    width: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-101 {
    width: 101px !important;
  }
}

.w-min-101 {
  min-width: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-101 {
    min-width: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-101 {
    min-width: 101px !important;
  }
}

.w-max-101 {
  max-width: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-101 {
    max-width: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-101 {
    max-width: 101px !important;
  }
}

.h-102 {
  height: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-102 {
    height: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-102 {
    height: 102px !important;
  }
}

.h-min-102 {
  min-height: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-102 {
    min-height: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-102 {
    min-height: 102px !important;
  }
}

.h-max-102 {
  max-height: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-102 {
    max-height: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-102 {
    max-height: 102px !important;
  }
}

.w-102 {
  width: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-102 {
    width: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-102 {
    width: 102px !important;
  }
}

.w-min-102 {
  min-width: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-102 {
    min-width: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-102 {
    min-width: 102px !important;
  }
}

.w-max-102 {
  max-width: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-102 {
    max-width: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-102 {
    max-width: 102px !important;
  }
}

.h-103 {
  height: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-103 {
    height: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-103 {
    height: 103px !important;
  }
}

.h-min-103 {
  min-height: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-103 {
    min-height: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-103 {
    min-height: 103px !important;
  }
}

.h-max-103 {
  max-height: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-103 {
    max-height: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-103 {
    max-height: 103px !important;
  }
}

.w-103 {
  width: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-103 {
    width: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-103 {
    width: 103px !important;
  }
}

.w-min-103 {
  min-width: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-103 {
    min-width: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-103 {
    min-width: 103px !important;
  }
}

.w-max-103 {
  max-width: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-103 {
    max-width: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-103 {
    max-width: 103px !important;
  }
}

.h-104 {
  height: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-104 {
    height: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-104 {
    height: 104px !important;
  }
}

.h-min-104 {
  min-height: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-104 {
    min-height: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-104 {
    min-height: 104px !important;
  }
}

.h-max-104 {
  max-height: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-104 {
    max-height: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-104 {
    max-height: 104px !important;
  }
}

.w-104 {
  width: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-104 {
    width: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-104 {
    width: 104px !important;
  }
}

.w-min-104 {
  min-width: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-104 {
    min-width: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-104 {
    min-width: 104px !important;
  }
}

.w-max-104 {
  max-width: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-104 {
    max-width: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-104 {
    max-width: 104px !important;
  }
}

.h-105 {
  height: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-105 {
    height: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-105 {
    height: 105px !important;
  }
}

.h-min-105 {
  min-height: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-105 {
    min-height: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-105 {
    min-height: 105px !important;
  }
}

.h-max-105 {
  max-height: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-105 {
    max-height: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-105 {
    max-height: 105px !important;
  }
}

.w-105 {
  width: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-105 {
    width: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-105 {
    width: 105px !important;
  }
}

.w-min-105 {
  min-width: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-105 {
    min-width: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-105 {
    min-width: 105px !important;
  }
}

.w-max-105 {
  max-width: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-105 {
    max-width: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-105 {
    max-width: 105px !important;
  }
}

.h-106 {
  height: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-106 {
    height: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-106 {
    height: 106px !important;
  }
}

.h-min-106 {
  min-height: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-106 {
    min-height: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-106 {
    min-height: 106px !important;
  }
}

.h-max-106 {
  max-height: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-106 {
    max-height: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-106 {
    max-height: 106px !important;
  }
}

.w-106 {
  width: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-106 {
    width: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-106 {
    width: 106px !important;
  }
}

.w-min-106 {
  min-width: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-106 {
    min-width: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-106 {
    min-width: 106px !important;
  }
}

.w-max-106 {
  max-width: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-106 {
    max-width: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-106 {
    max-width: 106px !important;
  }
}

.h-107 {
  height: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-107 {
    height: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-107 {
    height: 107px !important;
  }
}

.h-min-107 {
  min-height: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-107 {
    min-height: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-107 {
    min-height: 107px !important;
  }
}

.h-max-107 {
  max-height: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-107 {
    max-height: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-107 {
    max-height: 107px !important;
  }
}

.w-107 {
  width: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-107 {
    width: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-107 {
    width: 107px !important;
  }
}

.w-min-107 {
  min-width: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-107 {
    min-width: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-107 {
    min-width: 107px !important;
  }
}

.w-max-107 {
  max-width: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-107 {
    max-width: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-107 {
    max-width: 107px !important;
  }
}

.h-108 {
  height: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-108 {
    height: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-108 {
    height: 108px !important;
  }
}

.h-min-108 {
  min-height: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-108 {
    min-height: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-108 {
    min-height: 108px !important;
  }
}

.h-max-108 {
  max-height: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-108 {
    max-height: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-108 {
    max-height: 108px !important;
  }
}

.w-108 {
  width: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-108 {
    width: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-108 {
    width: 108px !important;
  }
}

.w-min-108 {
  min-width: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-108 {
    min-width: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-108 {
    min-width: 108px !important;
  }
}

.w-max-108 {
  max-width: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-108 {
    max-width: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-108 {
    max-width: 108px !important;
  }
}

.h-109 {
  height: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-109 {
    height: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-109 {
    height: 109px !important;
  }
}

.h-min-109 {
  min-height: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-109 {
    min-height: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-109 {
    min-height: 109px !important;
  }
}

.h-max-109 {
  max-height: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-109 {
    max-height: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-109 {
    max-height: 109px !important;
  }
}

.w-109 {
  width: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-109 {
    width: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-109 {
    width: 109px !important;
  }
}

.w-min-109 {
  min-width: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-109 {
    min-width: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-109 {
    min-width: 109px !important;
  }
}

.w-max-109 {
  max-width: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-109 {
    max-width: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-109 {
    max-width: 109px !important;
  }
}

.h-110 {
  height: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-110 {
    height: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-110 {
    height: 110px !important;
  }
}

.h-min-110 {
  min-height: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-110 {
    min-height: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-110 {
    min-height: 110px !important;
  }
}

.h-max-110 {
  max-height: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-110 {
    max-height: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-110 {
    max-height: 110px !important;
  }
}

.w-110 {
  width: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-110 {
    width: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-110 {
    width: 110px !important;
  }
}

.w-min-110 {
  min-width: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-110 {
    min-width: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-110 {
    min-width: 110px !important;
  }
}

.w-max-110 {
  max-width: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-110 {
    max-width: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-110 {
    max-width: 110px !important;
  }
}

.h-111 {
  height: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-111 {
    height: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-111 {
    height: 111px !important;
  }
}

.h-min-111 {
  min-height: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-111 {
    min-height: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-111 {
    min-height: 111px !important;
  }
}

.h-max-111 {
  max-height: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-111 {
    max-height: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-111 {
    max-height: 111px !important;
  }
}

.w-111 {
  width: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-111 {
    width: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-111 {
    width: 111px !important;
  }
}

.w-min-111 {
  min-width: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-111 {
    min-width: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-111 {
    min-width: 111px !important;
  }
}

.w-max-111 {
  max-width: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-111 {
    max-width: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-111 {
    max-width: 111px !important;
  }
}

.h-112 {
  height: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-112 {
    height: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-112 {
    height: 112px !important;
  }
}

.h-min-112 {
  min-height: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-112 {
    min-height: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-112 {
    min-height: 112px !important;
  }
}

.h-max-112 {
  max-height: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-112 {
    max-height: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-112 {
    max-height: 112px !important;
  }
}

.w-112 {
  width: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-112 {
    width: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-112 {
    width: 112px !important;
  }
}

.w-min-112 {
  min-width: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-112 {
    min-width: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-112 {
    min-width: 112px !important;
  }
}

.w-max-112 {
  max-width: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-112 {
    max-width: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-112 {
    max-width: 112px !important;
  }
}

.h-113 {
  height: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-113 {
    height: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-113 {
    height: 113px !important;
  }
}

.h-min-113 {
  min-height: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-113 {
    min-height: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-113 {
    min-height: 113px !important;
  }
}

.h-max-113 {
  max-height: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-113 {
    max-height: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-113 {
    max-height: 113px !important;
  }
}

.w-113 {
  width: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-113 {
    width: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-113 {
    width: 113px !important;
  }
}

.w-min-113 {
  min-width: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-113 {
    min-width: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-113 {
    min-width: 113px !important;
  }
}

.w-max-113 {
  max-width: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-113 {
    max-width: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-113 {
    max-width: 113px !important;
  }
}

.h-114 {
  height: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-114 {
    height: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-114 {
    height: 114px !important;
  }
}

.h-min-114 {
  min-height: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-114 {
    min-height: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-114 {
    min-height: 114px !important;
  }
}

.h-max-114 {
  max-height: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-114 {
    max-height: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-114 {
    max-height: 114px !important;
  }
}

.w-114 {
  width: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-114 {
    width: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-114 {
    width: 114px !important;
  }
}

.w-min-114 {
  min-width: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-114 {
    min-width: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-114 {
    min-width: 114px !important;
  }
}

.w-max-114 {
  max-width: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-114 {
    max-width: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-114 {
    max-width: 114px !important;
  }
}

.h-115 {
  height: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-115 {
    height: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-115 {
    height: 115px !important;
  }
}

.h-min-115 {
  min-height: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-115 {
    min-height: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-115 {
    min-height: 115px !important;
  }
}

.h-max-115 {
  max-height: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-115 {
    max-height: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-115 {
    max-height: 115px !important;
  }
}

.w-115 {
  width: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-115 {
    width: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-115 {
    width: 115px !important;
  }
}

.w-min-115 {
  min-width: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-115 {
    min-width: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-115 {
    min-width: 115px !important;
  }
}

.w-max-115 {
  max-width: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-115 {
    max-width: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-115 {
    max-width: 115px !important;
  }
}

.h-116 {
  height: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-116 {
    height: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-116 {
    height: 116px !important;
  }
}

.h-min-116 {
  min-height: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-116 {
    min-height: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-116 {
    min-height: 116px !important;
  }
}

.h-max-116 {
  max-height: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-116 {
    max-height: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-116 {
    max-height: 116px !important;
  }
}

.w-116 {
  width: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-116 {
    width: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-116 {
    width: 116px !important;
  }
}

.w-min-116 {
  min-width: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-116 {
    min-width: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-116 {
    min-width: 116px !important;
  }
}

.w-max-116 {
  max-width: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-116 {
    max-width: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-116 {
    max-width: 116px !important;
  }
}

.h-117 {
  height: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-117 {
    height: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-117 {
    height: 117px !important;
  }
}

.h-min-117 {
  min-height: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-117 {
    min-height: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-117 {
    min-height: 117px !important;
  }
}

.h-max-117 {
  max-height: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-117 {
    max-height: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-117 {
    max-height: 117px !important;
  }
}

.w-117 {
  width: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-117 {
    width: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-117 {
    width: 117px !important;
  }
}

.w-min-117 {
  min-width: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-117 {
    min-width: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-117 {
    min-width: 117px !important;
  }
}

.w-max-117 {
  max-width: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-117 {
    max-width: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-117 {
    max-width: 117px !important;
  }
}

.h-118 {
  height: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-118 {
    height: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-118 {
    height: 118px !important;
  }
}

.h-min-118 {
  min-height: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-118 {
    min-height: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-118 {
    min-height: 118px !important;
  }
}

.h-max-118 {
  max-height: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-118 {
    max-height: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-118 {
    max-height: 118px !important;
  }
}

.w-118 {
  width: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-118 {
    width: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-118 {
    width: 118px !important;
  }
}

.w-min-118 {
  min-width: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-118 {
    min-width: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-118 {
    min-width: 118px !important;
  }
}

.w-max-118 {
  max-width: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-118 {
    max-width: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-118 {
    max-width: 118px !important;
  }
}

.h-119 {
  height: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-119 {
    height: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-119 {
    height: 119px !important;
  }
}

.h-min-119 {
  min-height: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-119 {
    min-height: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-119 {
    min-height: 119px !important;
  }
}

.h-max-119 {
  max-height: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-119 {
    max-height: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-119 {
    max-height: 119px !important;
  }
}

.w-119 {
  width: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-119 {
    width: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-119 {
    width: 119px !important;
  }
}

.w-min-119 {
  min-width: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-119 {
    min-width: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-119 {
    min-width: 119px !important;
  }
}

.w-max-119 {
  max-width: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-119 {
    max-width: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-119 {
    max-width: 119px !important;
  }
}

.h-120 {
  height: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-120 {
    height: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-120 {
    height: 120px !important;
  }
}

.h-min-120 {
  min-height: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-120 {
    min-height: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-120 {
    min-height: 120px !important;
  }
}

.h-max-120 {
  max-height: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-120 {
    max-height: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-120 {
    max-height: 120px !important;
  }
}

.w-120 {
  width: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-120 {
    width: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-120 {
    width: 120px !important;
  }
}

.w-min-120 {
  min-width: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-120 {
    min-width: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-120 {
    min-width: 120px !important;
  }
}

.w-max-120 {
  max-width: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-120 {
    max-width: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-120 {
    max-width: 120px !important;
  }
}

.h-121 {
  height: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-121 {
    height: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-121 {
    height: 121px !important;
  }
}

.h-min-121 {
  min-height: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-121 {
    min-height: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-121 {
    min-height: 121px !important;
  }
}

.h-max-121 {
  max-height: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-121 {
    max-height: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-121 {
    max-height: 121px !important;
  }
}

.w-121 {
  width: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-121 {
    width: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-121 {
    width: 121px !important;
  }
}

.w-min-121 {
  min-width: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-121 {
    min-width: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-121 {
    min-width: 121px !important;
  }
}

.w-max-121 {
  max-width: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-121 {
    max-width: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-121 {
    max-width: 121px !important;
  }
}

.h-122 {
  height: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-122 {
    height: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-122 {
    height: 122px !important;
  }
}

.h-min-122 {
  min-height: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-122 {
    min-height: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-122 {
    min-height: 122px !important;
  }
}

.h-max-122 {
  max-height: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-122 {
    max-height: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-122 {
    max-height: 122px !important;
  }
}

.w-122 {
  width: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-122 {
    width: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-122 {
    width: 122px !important;
  }
}

.w-min-122 {
  min-width: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-122 {
    min-width: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-122 {
    min-width: 122px !important;
  }
}

.w-max-122 {
  max-width: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-122 {
    max-width: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-122 {
    max-width: 122px !important;
  }
}

.h-123 {
  height: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-123 {
    height: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-123 {
    height: 123px !important;
  }
}

.h-min-123 {
  min-height: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-123 {
    min-height: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-123 {
    min-height: 123px !important;
  }
}

.h-max-123 {
  max-height: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-123 {
    max-height: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-123 {
    max-height: 123px !important;
  }
}

.w-123 {
  width: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-123 {
    width: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-123 {
    width: 123px !important;
  }
}

.w-min-123 {
  min-width: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-123 {
    min-width: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-123 {
    min-width: 123px !important;
  }
}

.w-max-123 {
  max-width: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-123 {
    max-width: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-123 {
    max-width: 123px !important;
  }
}

.h-124 {
  height: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-124 {
    height: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-124 {
    height: 124px !important;
  }
}

.h-min-124 {
  min-height: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-124 {
    min-height: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-124 {
    min-height: 124px !important;
  }
}

.h-max-124 {
  max-height: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-124 {
    max-height: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-124 {
    max-height: 124px !important;
  }
}

.w-124 {
  width: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-124 {
    width: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-124 {
    width: 124px !important;
  }
}

.w-min-124 {
  min-width: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-124 {
    min-width: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-124 {
    min-width: 124px !important;
  }
}

.w-max-124 {
  max-width: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-124 {
    max-width: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-124 {
    max-width: 124px !important;
  }
}

.h-125 {
  height: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-125 {
    height: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-125 {
    height: 125px !important;
  }
}

.h-min-125 {
  min-height: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-125 {
    min-height: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-125 {
    min-height: 125px !important;
  }
}

.h-max-125 {
  max-height: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-125 {
    max-height: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-125 {
    max-height: 125px !important;
  }
}

.w-125 {
  width: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-125 {
    width: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-125 {
    width: 125px !important;
  }
}

.w-min-125 {
  min-width: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-125 {
    min-width: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-125 {
    min-width: 125px !important;
  }
}

.w-max-125 {
  max-width: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-125 {
    max-width: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-125 {
    max-width: 125px !important;
  }
}

.h-126 {
  height: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-126 {
    height: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-126 {
    height: 126px !important;
  }
}

.h-min-126 {
  min-height: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-126 {
    min-height: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-126 {
    min-height: 126px !important;
  }
}

.h-max-126 {
  max-height: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-126 {
    max-height: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-126 {
    max-height: 126px !important;
  }
}

.w-126 {
  width: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-126 {
    width: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-126 {
    width: 126px !important;
  }
}

.w-min-126 {
  min-width: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-126 {
    min-width: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-126 {
    min-width: 126px !important;
  }
}

.w-max-126 {
  max-width: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-126 {
    max-width: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-126 {
    max-width: 126px !important;
  }
}

.h-127 {
  height: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-127 {
    height: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-127 {
    height: 127px !important;
  }
}

.h-min-127 {
  min-height: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-127 {
    min-height: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-127 {
    min-height: 127px !important;
  }
}

.h-max-127 {
  max-height: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-127 {
    max-height: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-127 {
    max-height: 127px !important;
  }
}

.w-127 {
  width: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-127 {
    width: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-127 {
    width: 127px !important;
  }
}

.w-min-127 {
  min-width: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-127 {
    min-width: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-127 {
    min-width: 127px !important;
  }
}

.w-max-127 {
  max-width: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-127 {
    max-width: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-127 {
    max-width: 127px !important;
  }
}

.h-128 {
  height: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-128 {
    height: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-128 {
    height: 128px !important;
  }
}

.h-min-128 {
  min-height: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-128 {
    min-height: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-128 {
    min-height: 128px !important;
  }
}

.h-max-128 {
  max-height: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-128 {
    max-height: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-128 {
    max-height: 128px !important;
  }
}

.w-128 {
  width: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-128 {
    width: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-128 {
    width: 128px !important;
  }
}

.w-min-128 {
  min-width: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-128 {
    min-width: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-128 {
    min-width: 128px !important;
  }
}

.w-max-128 {
  max-width: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-128 {
    max-width: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-128 {
    max-width: 128px !important;
  }
}

.h-129 {
  height: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-129 {
    height: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-129 {
    height: 129px !important;
  }
}

.h-min-129 {
  min-height: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-129 {
    min-height: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-129 {
    min-height: 129px !important;
  }
}

.h-max-129 {
  max-height: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-129 {
    max-height: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-129 {
    max-height: 129px !important;
  }
}

.w-129 {
  width: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-129 {
    width: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-129 {
    width: 129px !important;
  }
}

.w-min-129 {
  min-width: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-129 {
    min-width: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-129 {
    min-width: 129px !important;
  }
}

.w-max-129 {
  max-width: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-129 {
    max-width: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-129 {
    max-width: 129px !important;
  }
}

.h-130 {
  height: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-130 {
    height: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-130 {
    height: 130px !important;
  }
}

.h-min-130 {
  min-height: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-130 {
    min-height: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-130 {
    min-height: 130px !important;
  }
}

.h-max-130 {
  max-height: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-130 {
    max-height: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-130 {
    max-height: 130px !important;
  }
}

.w-130 {
  width: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-130 {
    width: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-130 {
    width: 130px !important;
  }
}

.w-min-130 {
  min-width: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-130 {
    min-width: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-130 {
    min-width: 130px !important;
  }
}

.w-max-130 {
  max-width: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-130 {
    max-width: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-130 {
    max-width: 130px !important;
  }
}

.h-131 {
  height: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-131 {
    height: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-131 {
    height: 131px !important;
  }
}

.h-min-131 {
  min-height: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-131 {
    min-height: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-131 {
    min-height: 131px !important;
  }
}

.h-max-131 {
  max-height: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-131 {
    max-height: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-131 {
    max-height: 131px !important;
  }
}

.w-131 {
  width: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-131 {
    width: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-131 {
    width: 131px !important;
  }
}

.w-min-131 {
  min-width: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-131 {
    min-width: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-131 {
    min-width: 131px !important;
  }
}

.w-max-131 {
  max-width: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-131 {
    max-width: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-131 {
    max-width: 131px !important;
  }
}

.h-132 {
  height: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-132 {
    height: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-132 {
    height: 132px !important;
  }
}

.h-min-132 {
  min-height: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-132 {
    min-height: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-132 {
    min-height: 132px !important;
  }
}

.h-max-132 {
  max-height: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-132 {
    max-height: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-132 {
    max-height: 132px !important;
  }
}

.w-132 {
  width: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-132 {
    width: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-132 {
    width: 132px !important;
  }
}

.w-min-132 {
  min-width: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-132 {
    min-width: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-132 {
    min-width: 132px !important;
  }
}

.w-max-132 {
  max-width: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-132 {
    max-width: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-132 {
    max-width: 132px !important;
  }
}

.h-133 {
  height: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-133 {
    height: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-133 {
    height: 133px !important;
  }
}

.h-min-133 {
  min-height: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-133 {
    min-height: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-133 {
    min-height: 133px !important;
  }
}

.h-max-133 {
  max-height: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-133 {
    max-height: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-133 {
    max-height: 133px !important;
  }
}

.w-133 {
  width: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-133 {
    width: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-133 {
    width: 133px !important;
  }
}

.w-min-133 {
  min-width: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-133 {
    min-width: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-133 {
    min-width: 133px !important;
  }
}

.w-max-133 {
  max-width: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-133 {
    max-width: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-133 {
    max-width: 133px !important;
  }
}

.h-134 {
  height: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-134 {
    height: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-134 {
    height: 134px !important;
  }
}

.h-min-134 {
  min-height: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-134 {
    min-height: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-134 {
    min-height: 134px !important;
  }
}

.h-max-134 {
  max-height: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-134 {
    max-height: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-134 {
    max-height: 134px !important;
  }
}

.w-134 {
  width: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-134 {
    width: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-134 {
    width: 134px !important;
  }
}

.w-min-134 {
  min-width: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-134 {
    min-width: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-134 {
    min-width: 134px !important;
  }
}

.w-max-134 {
  max-width: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-134 {
    max-width: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-134 {
    max-width: 134px !important;
  }
}

.h-135 {
  height: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-135 {
    height: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-135 {
    height: 135px !important;
  }
}

.h-min-135 {
  min-height: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-135 {
    min-height: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-135 {
    min-height: 135px !important;
  }
}

.h-max-135 {
  max-height: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-135 {
    max-height: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-135 {
    max-height: 135px !important;
  }
}

.w-135 {
  width: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-135 {
    width: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-135 {
    width: 135px !important;
  }
}

.w-min-135 {
  min-width: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-135 {
    min-width: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-135 {
    min-width: 135px !important;
  }
}

.w-max-135 {
  max-width: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-135 {
    max-width: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-135 {
    max-width: 135px !important;
  }
}

.h-136 {
  height: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-136 {
    height: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-136 {
    height: 136px !important;
  }
}

.h-min-136 {
  min-height: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-136 {
    min-height: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-136 {
    min-height: 136px !important;
  }
}

.h-max-136 {
  max-height: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-136 {
    max-height: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-136 {
    max-height: 136px !important;
  }
}

.w-136 {
  width: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-136 {
    width: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-136 {
    width: 136px !important;
  }
}

.w-min-136 {
  min-width: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-136 {
    min-width: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-136 {
    min-width: 136px !important;
  }
}

.w-max-136 {
  max-width: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-136 {
    max-width: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-136 {
    max-width: 136px !important;
  }
}

.h-137 {
  height: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-137 {
    height: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-137 {
    height: 137px !important;
  }
}

.h-min-137 {
  min-height: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-137 {
    min-height: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-137 {
    min-height: 137px !important;
  }
}

.h-max-137 {
  max-height: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-137 {
    max-height: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-137 {
    max-height: 137px !important;
  }
}

.w-137 {
  width: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-137 {
    width: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-137 {
    width: 137px !important;
  }
}

.w-min-137 {
  min-width: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-137 {
    min-width: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-137 {
    min-width: 137px !important;
  }
}

.w-max-137 {
  max-width: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-137 {
    max-width: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-137 {
    max-width: 137px !important;
  }
}

.h-138 {
  height: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-138 {
    height: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-138 {
    height: 138px !important;
  }
}

.h-min-138 {
  min-height: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-138 {
    min-height: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-138 {
    min-height: 138px !important;
  }
}

.h-max-138 {
  max-height: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-138 {
    max-height: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-138 {
    max-height: 138px !important;
  }
}

.w-138 {
  width: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-138 {
    width: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-138 {
    width: 138px !important;
  }
}

.w-min-138 {
  min-width: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-138 {
    min-width: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-138 {
    min-width: 138px !important;
  }
}

.w-max-138 {
  max-width: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-138 {
    max-width: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-138 {
    max-width: 138px !important;
  }
}

.h-139 {
  height: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-139 {
    height: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-139 {
    height: 139px !important;
  }
}

.h-min-139 {
  min-height: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-139 {
    min-height: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-139 {
    min-height: 139px !important;
  }
}

.h-max-139 {
  max-height: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-139 {
    max-height: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-139 {
    max-height: 139px !important;
  }
}

.w-139 {
  width: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-139 {
    width: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-139 {
    width: 139px !important;
  }
}

.w-min-139 {
  min-width: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-139 {
    min-width: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-139 {
    min-width: 139px !important;
  }
}

.w-max-139 {
  max-width: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-139 {
    max-width: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-139 {
    max-width: 139px !important;
  }
}

.h-140 {
  height: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-140 {
    height: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-140 {
    height: 140px !important;
  }
}

.h-min-140 {
  min-height: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-140 {
    min-height: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-140 {
    min-height: 140px !important;
  }
}

.h-max-140 {
  max-height: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-140 {
    max-height: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-140 {
    max-height: 140px !important;
  }
}

.w-140 {
  width: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-140 {
    width: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-140 {
    width: 140px !important;
  }
}

.w-min-140 {
  min-width: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-140 {
    min-width: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-140 {
    min-width: 140px !important;
  }
}

.w-max-140 {
  max-width: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-140 {
    max-width: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-140 {
    max-width: 140px !important;
  }
}

.h-141 {
  height: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-141 {
    height: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-141 {
    height: 141px !important;
  }
}

.h-min-141 {
  min-height: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-141 {
    min-height: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-141 {
    min-height: 141px !important;
  }
}

.h-max-141 {
  max-height: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-141 {
    max-height: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-141 {
    max-height: 141px !important;
  }
}

.w-141 {
  width: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-141 {
    width: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-141 {
    width: 141px !important;
  }
}

.w-min-141 {
  min-width: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-141 {
    min-width: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-141 {
    min-width: 141px !important;
  }
}

.w-max-141 {
  max-width: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-141 {
    max-width: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-141 {
    max-width: 141px !important;
  }
}

.h-142 {
  height: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-142 {
    height: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-142 {
    height: 142px !important;
  }
}

.h-min-142 {
  min-height: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-142 {
    min-height: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-142 {
    min-height: 142px !important;
  }
}

.h-max-142 {
  max-height: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-142 {
    max-height: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-142 {
    max-height: 142px !important;
  }
}

.w-142 {
  width: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-142 {
    width: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-142 {
    width: 142px !important;
  }
}

.w-min-142 {
  min-width: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-142 {
    min-width: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-142 {
    min-width: 142px !important;
  }
}

.w-max-142 {
  max-width: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-142 {
    max-width: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-142 {
    max-width: 142px !important;
  }
}

.h-143 {
  height: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-143 {
    height: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-143 {
    height: 143px !important;
  }
}

.h-min-143 {
  min-height: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-143 {
    min-height: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-143 {
    min-height: 143px !important;
  }
}

.h-max-143 {
  max-height: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-143 {
    max-height: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-143 {
    max-height: 143px !important;
  }
}

.w-143 {
  width: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-143 {
    width: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-143 {
    width: 143px !important;
  }
}

.w-min-143 {
  min-width: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-143 {
    min-width: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-143 {
    min-width: 143px !important;
  }
}

.w-max-143 {
  max-width: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-143 {
    max-width: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-143 {
    max-width: 143px !important;
  }
}

.h-144 {
  height: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-144 {
    height: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-144 {
    height: 144px !important;
  }
}

.h-min-144 {
  min-height: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-144 {
    min-height: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-144 {
    min-height: 144px !important;
  }
}

.h-max-144 {
  max-height: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-144 {
    max-height: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-144 {
    max-height: 144px !important;
  }
}

.w-144 {
  width: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-144 {
    width: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-144 {
    width: 144px !important;
  }
}

.w-min-144 {
  min-width: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-144 {
    min-width: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-144 {
    min-width: 144px !important;
  }
}

.w-max-144 {
  max-width: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-144 {
    max-width: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-144 {
    max-width: 144px !important;
  }
}

.h-145 {
  height: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-145 {
    height: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-145 {
    height: 145px !important;
  }
}

.h-min-145 {
  min-height: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-145 {
    min-height: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-145 {
    min-height: 145px !important;
  }
}

.h-max-145 {
  max-height: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-145 {
    max-height: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-145 {
    max-height: 145px !important;
  }
}

.w-145 {
  width: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-145 {
    width: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-145 {
    width: 145px !important;
  }
}

.w-min-145 {
  min-width: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-145 {
    min-width: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-145 {
    min-width: 145px !important;
  }
}

.w-max-145 {
  max-width: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-145 {
    max-width: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-145 {
    max-width: 145px !important;
  }
}

.h-146 {
  height: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-146 {
    height: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-146 {
    height: 146px !important;
  }
}

.h-min-146 {
  min-height: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-146 {
    min-height: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-146 {
    min-height: 146px !important;
  }
}

.h-max-146 {
  max-height: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-146 {
    max-height: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-146 {
    max-height: 146px !important;
  }
}

.w-146 {
  width: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-146 {
    width: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-146 {
    width: 146px !important;
  }
}

.w-min-146 {
  min-width: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-146 {
    min-width: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-146 {
    min-width: 146px !important;
  }
}

.w-max-146 {
  max-width: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-146 {
    max-width: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-146 {
    max-width: 146px !important;
  }
}

.h-147 {
  height: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-147 {
    height: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-147 {
    height: 147px !important;
  }
}

.h-min-147 {
  min-height: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-147 {
    min-height: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-147 {
    min-height: 147px !important;
  }
}

.h-max-147 {
  max-height: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-147 {
    max-height: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-147 {
    max-height: 147px !important;
  }
}

.w-147 {
  width: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-147 {
    width: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-147 {
    width: 147px !important;
  }
}

.w-min-147 {
  min-width: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-147 {
    min-width: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-147 {
    min-width: 147px !important;
  }
}

.w-max-147 {
  max-width: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-147 {
    max-width: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-147 {
    max-width: 147px !important;
  }
}

.h-148 {
  height: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-148 {
    height: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-148 {
    height: 148px !important;
  }
}

.h-min-148 {
  min-height: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-148 {
    min-height: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-148 {
    min-height: 148px !important;
  }
}

.h-max-148 {
  max-height: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-148 {
    max-height: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-148 {
    max-height: 148px !important;
  }
}

.w-148 {
  width: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-148 {
    width: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-148 {
    width: 148px !important;
  }
}

.w-min-148 {
  min-width: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-148 {
    min-width: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-148 {
    min-width: 148px !important;
  }
}

.w-max-148 {
  max-width: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-148 {
    max-width: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-148 {
    max-width: 148px !important;
  }
}

.h-149 {
  height: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-149 {
    height: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-149 {
    height: 149px !important;
  }
}

.h-min-149 {
  min-height: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-149 {
    min-height: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-149 {
    min-height: 149px !important;
  }
}

.h-max-149 {
  max-height: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-149 {
    max-height: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-149 {
    max-height: 149px !important;
  }
}

.w-149 {
  width: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-149 {
    width: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-149 {
    width: 149px !important;
  }
}

.w-min-149 {
  min-width: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-149 {
    min-width: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-149 {
    min-width: 149px !important;
  }
}

.w-max-149 {
  max-width: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-149 {
    max-width: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-149 {
    max-width: 149px !important;
  }
}

.h-150 {
  height: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-150 {
    height: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-150 {
    height: 150px !important;
  }
}

.h-min-150 {
  min-height: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-150 {
    min-height: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-150 {
    min-height: 150px !important;
  }
}

.h-max-150 {
  max-height: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-150 {
    max-height: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-150 {
    max-height: 150px !important;
  }
}

.w-150 {
  width: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-150 {
    width: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-150 {
    width: 150px !important;
  }
}

.w-min-150 {
  min-width: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-150 {
    min-width: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-150 {
    min-width: 150px !important;
  }
}

.w-max-150 {
  max-width: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-150 {
    max-width: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-150 {
    max-width: 150px !important;
  }
}

.h-151 {
  height: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-151 {
    height: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-151 {
    height: 151px !important;
  }
}

.h-min-151 {
  min-height: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-151 {
    min-height: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-151 {
    min-height: 151px !important;
  }
}

.h-max-151 {
  max-height: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-151 {
    max-height: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-151 {
    max-height: 151px !important;
  }
}

.w-151 {
  width: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-151 {
    width: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-151 {
    width: 151px !important;
  }
}

.w-min-151 {
  min-width: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-151 {
    min-width: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-151 {
    min-width: 151px !important;
  }
}

.w-max-151 {
  max-width: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-151 {
    max-width: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-151 {
    max-width: 151px !important;
  }
}

.h-152 {
  height: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-152 {
    height: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-152 {
    height: 152px !important;
  }
}

.h-min-152 {
  min-height: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-152 {
    min-height: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-152 {
    min-height: 152px !important;
  }
}

.h-max-152 {
  max-height: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-152 {
    max-height: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-152 {
    max-height: 152px !important;
  }
}

.w-152 {
  width: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-152 {
    width: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-152 {
    width: 152px !important;
  }
}

.w-min-152 {
  min-width: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-152 {
    min-width: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-152 {
    min-width: 152px !important;
  }
}

.w-max-152 {
  max-width: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-152 {
    max-width: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-152 {
    max-width: 152px !important;
  }
}

.h-153 {
  height: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-153 {
    height: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-153 {
    height: 153px !important;
  }
}

.h-min-153 {
  min-height: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-153 {
    min-height: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-153 {
    min-height: 153px !important;
  }
}

.h-max-153 {
  max-height: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-153 {
    max-height: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-153 {
    max-height: 153px !important;
  }
}

.w-153 {
  width: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-153 {
    width: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-153 {
    width: 153px !important;
  }
}

.w-min-153 {
  min-width: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-153 {
    min-width: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-153 {
    min-width: 153px !important;
  }
}

.w-max-153 {
  max-width: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-153 {
    max-width: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-153 {
    max-width: 153px !important;
  }
}

.h-154 {
  height: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-154 {
    height: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-154 {
    height: 154px !important;
  }
}

.h-min-154 {
  min-height: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-154 {
    min-height: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-154 {
    min-height: 154px !important;
  }
}

.h-max-154 {
  max-height: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-154 {
    max-height: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-154 {
    max-height: 154px !important;
  }
}

.w-154 {
  width: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-154 {
    width: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-154 {
    width: 154px !important;
  }
}

.w-min-154 {
  min-width: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-154 {
    min-width: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-154 {
    min-width: 154px !important;
  }
}

.w-max-154 {
  max-width: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-154 {
    max-width: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-154 {
    max-width: 154px !important;
  }
}

.h-155 {
  height: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-155 {
    height: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-155 {
    height: 155px !important;
  }
}

.h-min-155 {
  min-height: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-155 {
    min-height: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-155 {
    min-height: 155px !important;
  }
}

.h-max-155 {
  max-height: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-155 {
    max-height: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-155 {
    max-height: 155px !important;
  }
}

.w-155 {
  width: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-155 {
    width: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-155 {
    width: 155px !important;
  }
}

.w-min-155 {
  min-width: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-155 {
    min-width: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-155 {
    min-width: 155px !important;
  }
}

.w-max-155 {
  max-width: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-155 {
    max-width: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-155 {
    max-width: 155px !important;
  }
}

.h-156 {
  height: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-156 {
    height: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-156 {
    height: 156px !important;
  }
}

.h-min-156 {
  min-height: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-156 {
    min-height: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-156 {
    min-height: 156px !important;
  }
}

.h-max-156 {
  max-height: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-156 {
    max-height: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-156 {
    max-height: 156px !important;
  }
}

.w-156 {
  width: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-156 {
    width: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-156 {
    width: 156px !important;
  }
}

.w-min-156 {
  min-width: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-156 {
    min-width: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-156 {
    min-width: 156px !important;
  }
}

.w-max-156 {
  max-width: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-156 {
    max-width: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-156 {
    max-width: 156px !important;
  }
}

.h-157 {
  height: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-157 {
    height: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-157 {
    height: 157px !important;
  }
}

.h-min-157 {
  min-height: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-157 {
    min-height: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-157 {
    min-height: 157px !important;
  }
}

.h-max-157 {
  max-height: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-157 {
    max-height: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-157 {
    max-height: 157px !important;
  }
}

.w-157 {
  width: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-157 {
    width: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-157 {
    width: 157px !important;
  }
}

.w-min-157 {
  min-width: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-157 {
    min-width: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-157 {
    min-width: 157px !important;
  }
}

.w-max-157 {
  max-width: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-157 {
    max-width: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-157 {
    max-width: 157px !important;
  }
}

.h-158 {
  height: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-158 {
    height: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-158 {
    height: 158px !important;
  }
}

.h-min-158 {
  min-height: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-158 {
    min-height: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-158 {
    min-height: 158px !important;
  }
}

.h-max-158 {
  max-height: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-158 {
    max-height: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-158 {
    max-height: 158px !important;
  }
}

.w-158 {
  width: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-158 {
    width: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-158 {
    width: 158px !important;
  }
}

.w-min-158 {
  min-width: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-158 {
    min-width: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-158 {
    min-width: 158px !important;
  }
}

.w-max-158 {
  max-width: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-158 {
    max-width: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-158 {
    max-width: 158px !important;
  }
}

.h-159 {
  height: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-159 {
    height: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-159 {
    height: 159px !important;
  }
}

.h-min-159 {
  min-height: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-159 {
    min-height: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-159 {
    min-height: 159px !important;
  }
}

.h-max-159 {
  max-height: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-159 {
    max-height: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-159 {
    max-height: 159px !important;
  }
}

.w-159 {
  width: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-159 {
    width: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-159 {
    width: 159px !important;
  }
}

.w-min-159 {
  min-width: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-159 {
    min-width: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-159 {
    min-width: 159px !important;
  }
}

.w-max-159 {
  max-width: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-159 {
    max-width: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-159 {
    max-width: 159px !important;
  }
}

.h-160 {
  height: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-160 {
    height: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-160 {
    height: 160px !important;
  }
}

.h-min-160 {
  min-height: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-160 {
    min-height: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-160 {
    min-height: 160px !important;
  }
}

.h-max-160 {
  max-height: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-160 {
    max-height: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-160 {
    max-height: 160px !important;
  }
}

.w-160 {
  width: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-160 {
    width: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-160 {
    width: 160px !important;
  }
}

.w-min-160 {
  min-width: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-160 {
    min-width: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-160 {
    min-width: 160px !important;
  }
}

.w-max-160 {
  max-width: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-160 {
    max-width: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-160 {
    max-width: 160px !important;
  }
}

.h-161 {
  height: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-161 {
    height: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-161 {
    height: 161px !important;
  }
}

.h-min-161 {
  min-height: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-161 {
    min-height: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-161 {
    min-height: 161px !important;
  }
}

.h-max-161 {
  max-height: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-161 {
    max-height: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-161 {
    max-height: 161px !important;
  }
}

.w-161 {
  width: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-161 {
    width: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-161 {
    width: 161px !important;
  }
}

.w-min-161 {
  min-width: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-161 {
    min-width: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-161 {
    min-width: 161px !important;
  }
}

.w-max-161 {
  max-width: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-161 {
    max-width: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-161 {
    max-width: 161px !important;
  }
}

.h-162 {
  height: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-162 {
    height: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-162 {
    height: 162px !important;
  }
}

.h-min-162 {
  min-height: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-162 {
    min-height: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-162 {
    min-height: 162px !important;
  }
}

.h-max-162 {
  max-height: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-162 {
    max-height: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-162 {
    max-height: 162px !important;
  }
}

.w-162 {
  width: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-162 {
    width: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-162 {
    width: 162px !important;
  }
}

.w-min-162 {
  min-width: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-162 {
    min-width: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-162 {
    min-width: 162px !important;
  }
}

.w-max-162 {
  max-width: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-162 {
    max-width: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-162 {
    max-width: 162px !important;
  }
}

.h-163 {
  height: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-163 {
    height: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-163 {
    height: 163px !important;
  }
}

.h-min-163 {
  min-height: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-163 {
    min-height: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-163 {
    min-height: 163px !important;
  }
}

.h-max-163 {
  max-height: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-163 {
    max-height: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-163 {
    max-height: 163px !important;
  }
}

.w-163 {
  width: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-163 {
    width: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-163 {
    width: 163px !important;
  }
}

.w-min-163 {
  min-width: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-163 {
    min-width: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-163 {
    min-width: 163px !important;
  }
}

.w-max-163 {
  max-width: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-163 {
    max-width: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-163 {
    max-width: 163px !important;
  }
}

.h-164 {
  height: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-164 {
    height: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-164 {
    height: 164px !important;
  }
}

.h-min-164 {
  min-height: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-164 {
    min-height: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-164 {
    min-height: 164px !important;
  }
}

.h-max-164 {
  max-height: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-164 {
    max-height: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-164 {
    max-height: 164px !important;
  }
}

.w-164 {
  width: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-164 {
    width: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-164 {
    width: 164px !important;
  }
}

.w-min-164 {
  min-width: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-164 {
    min-width: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-164 {
    min-width: 164px !important;
  }
}

.w-max-164 {
  max-width: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-164 {
    max-width: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-164 {
    max-width: 164px !important;
  }
}

.h-165 {
  height: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-165 {
    height: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-165 {
    height: 165px !important;
  }
}

.h-min-165 {
  min-height: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-165 {
    min-height: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-165 {
    min-height: 165px !important;
  }
}

.h-max-165 {
  max-height: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-165 {
    max-height: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-165 {
    max-height: 165px !important;
  }
}

.w-165 {
  width: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-165 {
    width: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-165 {
    width: 165px !important;
  }
}

.w-min-165 {
  min-width: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-165 {
    min-width: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-165 {
    min-width: 165px !important;
  }
}

.w-max-165 {
  max-width: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-165 {
    max-width: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-165 {
    max-width: 165px !important;
  }
}

.h-166 {
  height: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-166 {
    height: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-166 {
    height: 166px !important;
  }
}

.h-min-166 {
  min-height: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-166 {
    min-height: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-166 {
    min-height: 166px !important;
  }
}

.h-max-166 {
  max-height: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-166 {
    max-height: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-166 {
    max-height: 166px !important;
  }
}

.w-166 {
  width: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-166 {
    width: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-166 {
    width: 166px !important;
  }
}

.w-min-166 {
  min-width: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-166 {
    min-width: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-166 {
    min-width: 166px !important;
  }
}

.w-max-166 {
  max-width: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-166 {
    max-width: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-166 {
    max-width: 166px !important;
  }
}

.h-167 {
  height: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-167 {
    height: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-167 {
    height: 167px !important;
  }
}

.h-min-167 {
  min-height: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-167 {
    min-height: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-167 {
    min-height: 167px !important;
  }
}

.h-max-167 {
  max-height: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-167 {
    max-height: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-167 {
    max-height: 167px !important;
  }
}

.w-167 {
  width: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-167 {
    width: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-167 {
    width: 167px !important;
  }
}

.w-min-167 {
  min-width: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-167 {
    min-width: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-167 {
    min-width: 167px !important;
  }
}

.w-max-167 {
  max-width: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-167 {
    max-width: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-167 {
    max-width: 167px !important;
  }
}

.h-168 {
  height: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-168 {
    height: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-168 {
    height: 168px !important;
  }
}

.h-min-168 {
  min-height: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-168 {
    min-height: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-168 {
    min-height: 168px !important;
  }
}

.h-max-168 {
  max-height: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-168 {
    max-height: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-168 {
    max-height: 168px !important;
  }
}

.w-168 {
  width: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-168 {
    width: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-168 {
    width: 168px !important;
  }
}

.w-min-168 {
  min-width: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-168 {
    min-width: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-168 {
    min-width: 168px !important;
  }
}

.w-max-168 {
  max-width: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-168 {
    max-width: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-168 {
    max-width: 168px !important;
  }
}

.h-169 {
  height: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-169 {
    height: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-169 {
    height: 169px !important;
  }
}

.h-min-169 {
  min-height: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-169 {
    min-height: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-169 {
    min-height: 169px !important;
  }
}

.h-max-169 {
  max-height: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-169 {
    max-height: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-169 {
    max-height: 169px !important;
  }
}

.w-169 {
  width: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-169 {
    width: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-169 {
    width: 169px !important;
  }
}

.w-min-169 {
  min-width: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-169 {
    min-width: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-169 {
    min-width: 169px !important;
  }
}

.w-max-169 {
  max-width: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-169 {
    max-width: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-169 {
    max-width: 169px !important;
  }
}

.h-170 {
  height: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-170 {
    height: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-170 {
    height: 170px !important;
  }
}

.h-min-170 {
  min-height: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-170 {
    min-height: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-170 {
    min-height: 170px !important;
  }
}

.h-max-170 {
  max-height: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-170 {
    max-height: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-170 {
    max-height: 170px !important;
  }
}

.w-170 {
  width: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-170 {
    width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-170 {
    width: 170px !important;
  }
}

.w-min-170 {
  min-width: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-170 {
    min-width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-170 {
    min-width: 170px !important;
  }
}

.w-max-170 {
  max-width: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-170 {
    max-width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-170 {
    max-width: 170px !important;
  }
}

.h-171 {
  height: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-171 {
    height: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-171 {
    height: 171px !important;
  }
}

.h-min-171 {
  min-height: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-171 {
    min-height: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-171 {
    min-height: 171px !important;
  }
}

.h-max-171 {
  max-height: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-171 {
    max-height: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-171 {
    max-height: 171px !important;
  }
}

.w-171 {
  width: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-171 {
    width: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-171 {
    width: 171px !important;
  }
}

.w-min-171 {
  min-width: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-171 {
    min-width: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-171 {
    min-width: 171px !important;
  }
}

.w-max-171 {
  max-width: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-171 {
    max-width: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-171 {
    max-width: 171px !important;
  }
}

.h-172 {
  height: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-172 {
    height: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-172 {
    height: 172px !important;
  }
}

.h-min-172 {
  min-height: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-172 {
    min-height: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-172 {
    min-height: 172px !important;
  }
}

.h-max-172 {
  max-height: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-172 {
    max-height: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-172 {
    max-height: 172px !important;
  }
}

.w-172 {
  width: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-172 {
    width: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-172 {
    width: 172px !important;
  }
}

.w-min-172 {
  min-width: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-172 {
    min-width: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-172 {
    min-width: 172px !important;
  }
}

.w-max-172 {
  max-width: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-172 {
    max-width: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-172 {
    max-width: 172px !important;
  }
}

.h-173 {
  height: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-173 {
    height: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-173 {
    height: 173px !important;
  }
}

.h-min-173 {
  min-height: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-173 {
    min-height: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-173 {
    min-height: 173px !important;
  }
}

.h-max-173 {
  max-height: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-173 {
    max-height: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-173 {
    max-height: 173px !important;
  }
}

.w-173 {
  width: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-173 {
    width: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-173 {
    width: 173px !important;
  }
}

.w-min-173 {
  min-width: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-173 {
    min-width: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-173 {
    min-width: 173px !important;
  }
}

.w-max-173 {
  max-width: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-173 {
    max-width: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-173 {
    max-width: 173px !important;
  }
}

.h-174 {
  height: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-174 {
    height: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-174 {
    height: 174px !important;
  }
}

.h-min-174 {
  min-height: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-174 {
    min-height: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-174 {
    min-height: 174px !important;
  }
}

.h-max-174 {
  max-height: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-174 {
    max-height: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-174 {
    max-height: 174px !important;
  }
}

.w-174 {
  width: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-174 {
    width: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-174 {
    width: 174px !important;
  }
}

.w-min-174 {
  min-width: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-174 {
    min-width: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-174 {
    min-width: 174px !important;
  }
}

.w-max-174 {
  max-width: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-174 {
    max-width: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-174 {
    max-width: 174px !important;
  }
}

.h-175 {
  height: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-175 {
    height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-175 {
    height: 175px !important;
  }
}

.h-min-175 {
  min-height: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-175 {
    min-height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-175 {
    min-height: 175px !important;
  }
}

.h-max-175 {
  max-height: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-175 {
    max-height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-175 {
    max-height: 175px !important;
  }
}

.w-175 {
  width: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-175 {
    width: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-175 {
    width: 175px !important;
  }
}

.w-min-175 {
  min-width: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-175 {
    min-width: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-175 {
    min-width: 175px !important;
  }
}

.w-max-175 {
  max-width: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-175 {
    max-width: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-175 {
    max-width: 175px !important;
  }
}

.h-176 {
  height: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-176 {
    height: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-176 {
    height: 176px !important;
  }
}

.h-min-176 {
  min-height: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-176 {
    min-height: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-176 {
    min-height: 176px !important;
  }
}

.h-max-176 {
  max-height: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-176 {
    max-height: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-176 {
    max-height: 176px !important;
  }
}

.w-176 {
  width: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-176 {
    width: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-176 {
    width: 176px !important;
  }
}

.w-min-176 {
  min-width: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-176 {
    min-width: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-176 {
    min-width: 176px !important;
  }
}

.w-max-176 {
  max-width: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-176 {
    max-width: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-176 {
    max-width: 176px !important;
  }
}

.h-177 {
  height: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-177 {
    height: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-177 {
    height: 177px !important;
  }
}

.h-min-177 {
  min-height: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-177 {
    min-height: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-177 {
    min-height: 177px !important;
  }
}

.h-max-177 {
  max-height: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-177 {
    max-height: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-177 {
    max-height: 177px !important;
  }
}

.w-177 {
  width: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-177 {
    width: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-177 {
    width: 177px !important;
  }
}

.w-min-177 {
  min-width: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-177 {
    min-width: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-177 {
    min-width: 177px !important;
  }
}

.w-max-177 {
  max-width: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-177 {
    max-width: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-177 {
    max-width: 177px !important;
  }
}

.h-178 {
  height: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-178 {
    height: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-178 {
    height: 178px !important;
  }
}

.h-min-178 {
  min-height: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-178 {
    min-height: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-178 {
    min-height: 178px !important;
  }
}

.h-max-178 {
  max-height: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-178 {
    max-height: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-178 {
    max-height: 178px !important;
  }
}

.w-178 {
  width: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-178 {
    width: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-178 {
    width: 178px !important;
  }
}

.w-min-178 {
  min-width: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-178 {
    min-width: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-178 {
    min-width: 178px !important;
  }
}

.w-max-178 {
  max-width: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-178 {
    max-width: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-178 {
    max-width: 178px !important;
  }
}

.h-179 {
  height: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-179 {
    height: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-179 {
    height: 179px !important;
  }
}

.h-min-179 {
  min-height: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-179 {
    min-height: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-179 {
    min-height: 179px !important;
  }
}

.h-max-179 {
  max-height: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-179 {
    max-height: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-179 {
    max-height: 179px !important;
  }
}

.w-179 {
  width: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-179 {
    width: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-179 {
    width: 179px !important;
  }
}

.w-min-179 {
  min-width: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-179 {
    min-width: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-179 {
    min-width: 179px !important;
  }
}

.w-max-179 {
  max-width: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-179 {
    max-width: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-179 {
    max-width: 179px !important;
  }
}

.h-180 {
  height: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-180 {
    height: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-180 {
    height: 180px !important;
  }
}

.h-min-180 {
  min-height: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-180 {
    min-height: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-180 {
    min-height: 180px !important;
  }
}

.h-max-180 {
  max-height: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-180 {
    max-height: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-180 {
    max-height: 180px !important;
  }
}

.w-180 {
  width: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-180 {
    width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-180 {
    width: 180px !important;
  }
}

.w-min-180 {
  min-width: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-180 {
    min-width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-180 {
    min-width: 180px !important;
  }
}

.w-max-180 {
  max-width: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-180 {
    max-width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-180 {
    max-width: 180px !important;
  }
}

.h-181 {
  height: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-181 {
    height: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-181 {
    height: 181px !important;
  }
}

.h-min-181 {
  min-height: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-181 {
    min-height: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-181 {
    min-height: 181px !important;
  }
}

.h-max-181 {
  max-height: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-181 {
    max-height: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-181 {
    max-height: 181px !important;
  }
}

.w-181 {
  width: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-181 {
    width: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-181 {
    width: 181px !important;
  }
}

.w-min-181 {
  min-width: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-181 {
    min-width: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-181 {
    min-width: 181px !important;
  }
}

.w-max-181 {
  max-width: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-181 {
    max-width: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-181 {
    max-width: 181px !important;
  }
}

.h-182 {
  height: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-182 {
    height: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-182 {
    height: 182px !important;
  }
}

.h-min-182 {
  min-height: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-182 {
    min-height: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-182 {
    min-height: 182px !important;
  }
}

.h-max-182 {
  max-height: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-182 {
    max-height: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-182 {
    max-height: 182px !important;
  }
}

.w-182 {
  width: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-182 {
    width: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-182 {
    width: 182px !important;
  }
}

.w-min-182 {
  min-width: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-182 {
    min-width: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-182 {
    min-width: 182px !important;
  }
}

.w-max-182 {
  max-width: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-182 {
    max-width: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-182 {
    max-width: 182px !important;
  }
}

.h-183 {
  height: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-183 {
    height: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-183 {
    height: 183px !important;
  }
}

.h-min-183 {
  min-height: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-183 {
    min-height: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-183 {
    min-height: 183px !important;
  }
}

.h-max-183 {
  max-height: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-183 {
    max-height: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-183 {
    max-height: 183px !important;
  }
}

.w-183 {
  width: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-183 {
    width: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-183 {
    width: 183px !important;
  }
}

.w-min-183 {
  min-width: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-183 {
    min-width: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-183 {
    min-width: 183px !important;
  }
}

.w-max-183 {
  max-width: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-183 {
    max-width: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-183 {
    max-width: 183px !important;
  }
}

.h-184 {
  height: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-184 {
    height: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-184 {
    height: 184px !important;
  }
}

.h-min-184 {
  min-height: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-184 {
    min-height: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-184 {
    min-height: 184px !important;
  }
}

.h-max-184 {
  max-height: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-184 {
    max-height: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-184 {
    max-height: 184px !important;
  }
}

.w-184 {
  width: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-184 {
    width: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-184 {
    width: 184px !important;
  }
}

.w-min-184 {
  min-width: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-184 {
    min-width: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-184 {
    min-width: 184px !important;
  }
}

.w-max-184 {
  max-width: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-184 {
    max-width: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-184 {
    max-width: 184px !important;
  }
}

.h-185 {
  height: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-185 {
    height: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-185 {
    height: 185px !important;
  }
}

.h-min-185 {
  min-height: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-185 {
    min-height: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-185 {
    min-height: 185px !important;
  }
}

.h-max-185 {
  max-height: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-185 {
    max-height: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-185 {
    max-height: 185px !important;
  }
}

.w-185 {
  width: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-185 {
    width: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-185 {
    width: 185px !important;
  }
}

.w-min-185 {
  min-width: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-185 {
    min-width: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-185 {
    min-width: 185px !important;
  }
}

.w-max-185 {
  max-width: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-185 {
    max-width: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-185 {
    max-width: 185px !important;
  }
}

.h-186 {
  height: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-186 {
    height: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-186 {
    height: 186px !important;
  }
}

.h-min-186 {
  min-height: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-186 {
    min-height: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-186 {
    min-height: 186px !important;
  }
}

.h-max-186 {
  max-height: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-186 {
    max-height: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-186 {
    max-height: 186px !important;
  }
}

.w-186 {
  width: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-186 {
    width: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-186 {
    width: 186px !important;
  }
}

.w-min-186 {
  min-width: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-186 {
    min-width: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-186 {
    min-width: 186px !important;
  }
}

.w-max-186 {
  max-width: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-186 {
    max-width: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-186 {
    max-width: 186px !important;
  }
}

.h-187 {
  height: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-187 {
    height: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-187 {
    height: 187px !important;
  }
}

.h-min-187 {
  min-height: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-187 {
    min-height: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-187 {
    min-height: 187px !important;
  }
}

.h-max-187 {
  max-height: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-187 {
    max-height: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-187 {
    max-height: 187px !important;
  }
}

.w-187 {
  width: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-187 {
    width: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-187 {
    width: 187px !important;
  }
}

.w-min-187 {
  min-width: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-187 {
    min-width: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-187 {
    min-width: 187px !important;
  }
}

.w-max-187 {
  max-width: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-187 {
    max-width: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-187 {
    max-width: 187px !important;
  }
}

.h-188 {
  height: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-188 {
    height: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-188 {
    height: 188px !important;
  }
}

.h-min-188 {
  min-height: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-188 {
    min-height: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-188 {
    min-height: 188px !important;
  }
}

.h-max-188 {
  max-height: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-188 {
    max-height: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-188 {
    max-height: 188px !important;
  }
}

.w-188 {
  width: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-188 {
    width: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-188 {
    width: 188px !important;
  }
}

.w-min-188 {
  min-width: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-188 {
    min-width: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-188 {
    min-width: 188px !important;
  }
}

.w-max-188 {
  max-width: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-188 {
    max-width: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-188 {
    max-width: 188px !important;
  }
}

.h-189 {
  height: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-189 {
    height: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-189 {
    height: 189px !important;
  }
}

.h-min-189 {
  min-height: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-189 {
    min-height: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-189 {
    min-height: 189px !important;
  }
}

.h-max-189 {
  max-height: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-189 {
    max-height: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-189 {
    max-height: 189px !important;
  }
}

.w-189 {
  width: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-189 {
    width: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-189 {
    width: 189px !important;
  }
}

.w-min-189 {
  min-width: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-189 {
    min-width: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-189 {
    min-width: 189px !important;
  }
}

.w-max-189 {
  max-width: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-189 {
    max-width: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-189 {
    max-width: 189px !important;
  }
}

.h-190 {
  height: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-190 {
    height: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-190 {
    height: 190px !important;
  }
}

.h-min-190 {
  min-height: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-190 {
    min-height: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-190 {
    min-height: 190px !important;
  }
}

.h-max-190 {
  max-height: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-190 {
    max-height: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-190 {
    max-height: 190px !important;
  }
}

.w-190 {
  width: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-190 {
    width: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-190 {
    width: 190px !important;
  }
}

.w-min-190 {
  min-width: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-190 {
    min-width: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-190 {
    min-width: 190px !important;
  }
}

.w-max-190 {
  max-width: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-190 {
    max-width: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-190 {
    max-width: 190px !important;
  }
}

.h-191 {
  height: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-191 {
    height: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-191 {
    height: 191px !important;
  }
}

.h-min-191 {
  min-height: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-191 {
    min-height: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-191 {
    min-height: 191px !important;
  }
}

.h-max-191 {
  max-height: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-191 {
    max-height: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-191 {
    max-height: 191px !important;
  }
}

.w-191 {
  width: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-191 {
    width: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-191 {
    width: 191px !important;
  }
}

.w-min-191 {
  min-width: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-191 {
    min-width: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-191 {
    min-width: 191px !important;
  }
}

.w-max-191 {
  max-width: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-191 {
    max-width: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-191 {
    max-width: 191px !important;
  }
}

.h-192 {
  height: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-192 {
    height: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-192 {
    height: 192px !important;
  }
}

.h-min-192 {
  min-height: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-192 {
    min-height: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-192 {
    min-height: 192px !important;
  }
}

.h-max-192 {
  max-height: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-192 {
    max-height: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-192 {
    max-height: 192px !important;
  }
}

.w-192 {
  width: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-192 {
    width: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-192 {
    width: 192px !important;
  }
}

.w-min-192 {
  min-width: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-192 {
    min-width: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-192 {
    min-width: 192px !important;
  }
}

.w-max-192 {
  max-width: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-192 {
    max-width: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-192 {
    max-width: 192px !important;
  }
}

.h-193 {
  height: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-193 {
    height: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-193 {
    height: 193px !important;
  }
}

.h-min-193 {
  min-height: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-193 {
    min-height: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-193 {
    min-height: 193px !important;
  }
}

.h-max-193 {
  max-height: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-193 {
    max-height: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-193 {
    max-height: 193px !important;
  }
}

.w-193 {
  width: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-193 {
    width: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-193 {
    width: 193px !important;
  }
}

.w-min-193 {
  min-width: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-193 {
    min-width: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-193 {
    min-width: 193px !important;
  }
}

.w-max-193 {
  max-width: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-193 {
    max-width: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-193 {
    max-width: 193px !important;
  }
}

.h-194 {
  height: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-194 {
    height: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-194 {
    height: 194px !important;
  }
}

.h-min-194 {
  min-height: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-194 {
    min-height: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-194 {
    min-height: 194px !important;
  }
}

.h-max-194 {
  max-height: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-194 {
    max-height: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-194 {
    max-height: 194px !important;
  }
}

.w-194 {
  width: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-194 {
    width: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-194 {
    width: 194px !important;
  }
}

.w-min-194 {
  min-width: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-194 {
    min-width: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-194 {
    min-width: 194px !important;
  }
}

.w-max-194 {
  max-width: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-194 {
    max-width: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-194 {
    max-width: 194px !important;
  }
}

.h-195 {
  height: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-195 {
    height: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-195 {
    height: 195px !important;
  }
}

.h-min-195 {
  min-height: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-195 {
    min-height: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-195 {
    min-height: 195px !important;
  }
}

.h-max-195 {
  max-height: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-195 {
    max-height: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-195 {
    max-height: 195px !important;
  }
}

.w-195 {
  width: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-195 {
    width: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-195 {
    width: 195px !important;
  }
}

.w-min-195 {
  min-width: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-195 {
    min-width: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-195 {
    min-width: 195px !important;
  }
}

.w-max-195 {
  max-width: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-195 {
    max-width: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-195 {
    max-width: 195px !important;
  }
}

.h-196 {
  height: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-196 {
    height: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-196 {
    height: 196px !important;
  }
}

.h-min-196 {
  min-height: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-196 {
    min-height: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-196 {
    min-height: 196px !important;
  }
}

.h-max-196 {
  max-height: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-196 {
    max-height: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-196 {
    max-height: 196px !important;
  }
}

.w-196 {
  width: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-196 {
    width: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-196 {
    width: 196px !important;
  }
}

.w-min-196 {
  min-width: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-196 {
    min-width: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-196 {
    min-width: 196px !important;
  }
}

.w-max-196 {
  max-width: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-196 {
    max-width: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-196 {
    max-width: 196px !important;
  }
}

.h-197 {
  height: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-197 {
    height: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-197 {
    height: 197px !important;
  }
}

.h-min-197 {
  min-height: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-197 {
    min-height: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-197 {
    min-height: 197px !important;
  }
}

.h-max-197 {
  max-height: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-197 {
    max-height: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-197 {
    max-height: 197px !important;
  }
}

.w-197 {
  width: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-197 {
    width: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-197 {
    width: 197px !important;
  }
}

.w-min-197 {
  min-width: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-197 {
    min-width: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-197 {
    min-width: 197px !important;
  }
}

.w-max-197 {
  max-width: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-197 {
    max-width: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-197 {
    max-width: 197px !important;
  }
}

.h-198 {
  height: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-198 {
    height: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-198 {
    height: 198px !important;
  }
}

.h-min-198 {
  min-height: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-198 {
    min-height: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-198 {
    min-height: 198px !important;
  }
}

.h-max-198 {
  max-height: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-198 {
    max-height: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-198 {
    max-height: 198px !important;
  }
}

.w-198 {
  width: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-198 {
    width: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-198 {
    width: 198px !important;
  }
}

.w-min-198 {
  min-width: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-198 {
    min-width: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-198 {
    min-width: 198px !important;
  }
}

.w-max-198 {
  max-width: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-198 {
    max-width: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-198 {
    max-width: 198px !important;
  }
}

.h-199 {
  height: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-199 {
    height: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-199 {
    height: 199px !important;
  }
}

.h-min-199 {
  min-height: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-199 {
    min-height: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-199 {
    min-height: 199px !important;
  }
}

.h-max-199 {
  max-height: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-199 {
    max-height: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-199 {
    max-height: 199px !important;
  }
}

.w-199 {
  width: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-199 {
    width: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-199 {
    width: 199px !important;
  }
}

.w-min-199 {
  min-width: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-199 {
    min-width: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-199 {
    min-width: 199px !important;
  }
}

.w-max-199 {
  max-width: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-199 {
    max-width: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-199 {
    max-width: 199px !important;
  }
}

.h-200 {
  height: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-200 {
    height: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-200 {
    height: 200px !important;
  }
}

.h-min-200 {
  min-height: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-200 {
    min-height: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-200 {
    min-height: 200px !important;
  }
}

.h-max-200 {
  max-height: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-200 {
    max-height: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-200 {
    max-height: 200px !important;
  }
}

.w-200 {
  width: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-200 {
    width: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-200 {
    width: 200px !important;
  }
}

.w-min-200 {
  min-width: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-200 {
    min-width: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-200 {
    min-width: 200px !important;
  }
}

.w-max-200 {
  max-width: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-200 {
    max-width: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-200 {
    max-width: 200px !important;
  }
}

.h-201 {
  height: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-201 {
    height: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-201 {
    height: 201px !important;
  }
}

.h-min-201 {
  min-height: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-201 {
    min-height: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-201 {
    min-height: 201px !important;
  }
}

.h-max-201 {
  max-height: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-201 {
    max-height: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-201 {
    max-height: 201px !important;
  }
}

.w-201 {
  width: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-201 {
    width: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-201 {
    width: 201px !important;
  }
}

.w-min-201 {
  min-width: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-201 {
    min-width: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-201 {
    min-width: 201px !important;
  }
}

.w-max-201 {
  max-width: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-201 {
    max-width: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-201 {
    max-width: 201px !important;
  }
}

.h-202 {
  height: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-202 {
    height: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-202 {
    height: 202px !important;
  }
}

.h-min-202 {
  min-height: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-202 {
    min-height: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-202 {
    min-height: 202px !important;
  }
}

.h-max-202 {
  max-height: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-202 {
    max-height: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-202 {
    max-height: 202px !important;
  }
}

.w-202 {
  width: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-202 {
    width: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-202 {
    width: 202px !important;
  }
}

.w-min-202 {
  min-width: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-202 {
    min-width: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-202 {
    min-width: 202px !important;
  }
}

.w-max-202 {
  max-width: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-202 {
    max-width: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-202 {
    max-width: 202px !important;
  }
}

.h-203 {
  height: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-203 {
    height: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-203 {
    height: 203px !important;
  }
}

.h-min-203 {
  min-height: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-203 {
    min-height: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-203 {
    min-height: 203px !important;
  }
}

.h-max-203 {
  max-height: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-203 {
    max-height: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-203 {
    max-height: 203px !important;
  }
}

.w-203 {
  width: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-203 {
    width: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-203 {
    width: 203px !important;
  }
}

.w-min-203 {
  min-width: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-203 {
    min-width: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-203 {
    min-width: 203px !important;
  }
}

.w-max-203 {
  max-width: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-203 {
    max-width: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-203 {
    max-width: 203px !important;
  }
}

.h-204 {
  height: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-204 {
    height: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-204 {
    height: 204px !important;
  }
}

.h-min-204 {
  min-height: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-204 {
    min-height: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-204 {
    min-height: 204px !important;
  }
}

.h-max-204 {
  max-height: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-204 {
    max-height: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-204 {
    max-height: 204px !important;
  }
}

.w-204 {
  width: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-204 {
    width: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-204 {
    width: 204px !important;
  }
}

.w-min-204 {
  min-width: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-204 {
    min-width: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-204 {
    min-width: 204px !important;
  }
}

.w-max-204 {
  max-width: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-204 {
    max-width: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-204 {
    max-width: 204px !important;
  }
}

.h-205 {
  height: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-205 {
    height: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-205 {
    height: 205px !important;
  }
}

.h-min-205 {
  min-height: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-205 {
    min-height: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-205 {
    min-height: 205px !important;
  }
}

.h-max-205 {
  max-height: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-205 {
    max-height: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-205 {
    max-height: 205px !important;
  }
}

.w-205 {
  width: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-205 {
    width: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-205 {
    width: 205px !important;
  }
}

.w-min-205 {
  min-width: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-205 {
    min-width: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-205 {
    min-width: 205px !important;
  }
}

.w-max-205 {
  max-width: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-205 {
    max-width: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-205 {
    max-width: 205px !important;
  }
}

.h-206 {
  height: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-206 {
    height: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-206 {
    height: 206px !important;
  }
}

.h-min-206 {
  min-height: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-206 {
    min-height: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-206 {
    min-height: 206px !important;
  }
}

.h-max-206 {
  max-height: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-206 {
    max-height: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-206 {
    max-height: 206px !important;
  }
}

.w-206 {
  width: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-206 {
    width: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-206 {
    width: 206px !important;
  }
}

.w-min-206 {
  min-width: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-206 {
    min-width: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-206 {
    min-width: 206px !important;
  }
}

.w-max-206 {
  max-width: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-206 {
    max-width: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-206 {
    max-width: 206px !important;
  }
}

.h-207 {
  height: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-207 {
    height: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-207 {
    height: 207px !important;
  }
}

.h-min-207 {
  min-height: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-207 {
    min-height: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-207 {
    min-height: 207px !important;
  }
}

.h-max-207 {
  max-height: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-207 {
    max-height: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-207 {
    max-height: 207px !important;
  }
}

.w-207 {
  width: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-207 {
    width: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-207 {
    width: 207px !important;
  }
}

.w-min-207 {
  min-width: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-207 {
    min-width: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-207 {
    min-width: 207px !important;
  }
}

.w-max-207 {
  max-width: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-207 {
    max-width: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-207 {
    max-width: 207px !important;
  }
}

.h-208 {
  height: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-208 {
    height: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-208 {
    height: 208px !important;
  }
}

.h-min-208 {
  min-height: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-208 {
    min-height: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-208 {
    min-height: 208px !important;
  }
}

.h-max-208 {
  max-height: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-208 {
    max-height: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-208 {
    max-height: 208px !important;
  }
}

.w-208 {
  width: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-208 {
    width: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-208 {
    width: 208px !important;
  }
}

.w-min-208 {
  min-width: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-208 {
    min-width: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-208 {
    min-width: 208px !important;
  }
}

.w-max-208 {
  max-width: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-208 {
    max-width: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-208 {
    max-width: 208px !important;
  }
}

.h-209 {
  height: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-209 {
    height: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-209 {
    height: 209px !important;
  }
}

.h-min-209 {
  min-height: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-209 {
    min-height: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-209 {
    min-height: 209px !important;
  }
}

.h-max-209 {
  max-height: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-209 {
    max-height: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-209 {
    max-height: 209px !important;
  }
}

.w-209 {
  width: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-209 {
    width: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-209 {
    width: 209px !important;
  }
}

.w-min-209 {
  min-width: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-209 {
    min-width: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-209 {
    min-width: 209px !important;
  }
}

.w-max-209 {
  max-width: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-209 {
    max-width: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-209 {
    max-width: 209px !important;
  }
}

.h-210 {
  height: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-210 {
    height: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-210 {
    height: 210px !important;
  }
}

.h-min-210 {
  min-height: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-210 {
    min-height: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-210 {
    min-height: 210px !important;
  }
}

.h-max-210 {
  max-height: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-210 {
    max-height: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-210 {
    max-height: 210px !important;
  }
}

.w-210 {
  width: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-210 {
    width: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-210 {
    width: 210px !important;
  }
}

.w-min-210 {
  min-width: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-210 {
    min-width: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-210 {
    min-width: 210px !important;
  }
}

.w-max-210 {
  max-width: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-210 {
    max-width: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-210 {
    max-width: 210px !important;
  }
}

.h-211 {
  height: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-211 {
    height: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-211 {
    height: 211px !important;
  }
}

.h-min-211 {
  min-height: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-211 {
    min-height: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-211 {
    min-height: 211px !important;
  }
}

.h-max-211 {
  max-height: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-211 {
    max-height: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-211 {
    max-height: 211px !important;
  }
}

.w-211 {
  width: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-211 {
    width: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-211 {
    width: 211px !important;
  }
}

.w-min-211 {
  min-width: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-211 {
    min-width: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-211 {
    min-width: 211px !important;
  }
}

.w-max-211 {
  max-width: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-211 {
    max-width: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-211 {
    max-width: 211px !important;
  }
}

.h-212 {
  height: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-212 {
    height: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-212 {
    height: 212px !important;
  }
}

.h-min-212 {
  min-height: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-212 {
    min-height: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-212 {
    min-height: 212px !important;
  }
}

.h-max-212 {
  max-height: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-212 {
    max-height: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-212 {
    max-height: 212px !important;
  }
}

.w-212 {
  width: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-212 {
    width: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-212 {
    width: 212px !important;
  }
}

.w-min-212 {
  min-width: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-212 {
    min-width: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-212 {
    min-width: 212px !important;
  }
}

.w-max-212 {
  max-width: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-212 {
    max-width: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-212 {
    max-width: 212px !important;
  }
}

.h-213 {
  height: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-213 {
    height: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-213 {
    height: 213px !important;
  }
}

.h-min-213 {
  min-height: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-213 {
    min-height: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-213 {
    min-height: 213px !important;
  }
}

.h-max-213 {
  max-height: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-213 {
    max-height: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-213 {
    max-height: 213px !important;
  }
}

.w-213 {
  width: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-213 {
    width: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-213 {
    width: 213px !important;
  }
}

.w-min-213 {
  min-width: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-213 {
    min-width: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-213 {
    min-width: 213px !important;
  }
}

.w-max-213 {
  max-width: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-213 {
    max-width: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-213 {
    max-width: 213px !important;
  }
}

.h-214 {
  height: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-214 {
    height: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-214 {
    height: 214px !important;
  }
}

.h-min-214 {
  min-height: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-214 {
    min-height: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-214 {
    min-height: 214px !important;
  }
}

.h-max-214 {
  max-height: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-214 {
    max-height: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-214 {
    max-height: 214px !important;
  }
}

.w-214 {
  width: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-214 {
    width: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-214 {
    width: 214px !important;
  }
}

.w-min-214 {
  min-width: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-214 {
    min-width: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-214 {
    min-width: 214px !important;
  }
}

.w-max-214 {
  max-width: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-214 {
    max-width: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-214 {
    max-width: 214px !important;
  }
}

.h-215 {
  height: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-215 {
    height: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-215 {
    height: 215px !important;
  }
}

.h-min-215 {
  min-height: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-215 {
    min-height: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-215 {
    min-height: 215px !important;
  }
}

.h-max-215 {
  max-height: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-215 {
    max-height: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-215 {
    max-height: 215px !important;
  }
}

.w-215 {
  width: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-215 {
    width: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-215 {
    width: 215px !important;
  }
}

.w-min-215 {
  min-width: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-215 {
    min-width: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-215 {
    min-width: 215px !important;
  }
}

.w-max-215 {
  max-width: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-215 {
    max-width: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-215 {
    max-width: 215px !important;
  }
}

.h-216 {
  height: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-216 {
    height: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-216 {
    height: 216px !important;
  }
}

.h-min-216 {
  min-height: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-216 {
    min-height: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-216 {
    min-height: 216px !important;
  }
}

.h-max-216 {
  max-height: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-216 {
    max-height: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-216 {
    max-height: 216px !important;
  }
}

.w-216 {
  width: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-216 {
    width: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-216 {
    width: 216px !important;
  }
}

.w-min-216 {
  min-width: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-216 {
    min-width: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-216 {
    min-width: 216px !important;
  }
}

.w-max-216 {
  max-width: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-216 {
    max-width: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-216 {
    max-width: 216px !important;
  }
}

.h-217 {
  height: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-217 {
    height: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-217 {
    height: 217px !important;
  }
}

.h-min-217 {
  min-height: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-217 {
    min-height: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-217 {
    min-height: 217px !important;
  }
}

.h-max-217 {
  max-height: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-217 {
    max-height: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-217 {
    max-height: 217px !important;
  }
}

.w-217 {
  width: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-217 {
    width: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-217 {
    width: 217px !important;
  }
}

.w-min-217 {
  min-width: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-217 {
    min-width: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-217 {
    min-width: 217px !important;
  }
}

.w-max-217 {
  max-width: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-217 {
    max-width: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-217 {
    max-width: 217px !important;
  }
}

.h-218 {
  height: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-218 {
    height: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-218 {
    height: 218px !important;
  }
}

.h-min-218 {
  min-height: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-218 {
    min-height: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-218 {
    min-height: 218px !important;
  }
}

.h-max-218 {
  max-height: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-218 {
    max-height: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-218 {
    max-height: 218px !important;
  }
}

.w-218 {
  width: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-218 {
    width: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-218 {
    width: 218px !important;
  }
}

.w-min-218 {
  min-width: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-218 {
    min-width: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-218 {
    min-width: 218px !important;
  }
}

.w-max-218 {
  max-width: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-218 {
    max-width: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-218 {
    max-width: 218px !important;
  }
}

.h-219 {
  height: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-219 {
    height: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-219 {
    height: 219px !important;
  }
}

.h-min-219 {
  min-height: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-219 {
    min-height: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-219 {
    min-height: 219px !important;
  }
}

.h-max-219 {
  max-height: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-219 {
    max-height: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-219 {
    max-height: 219px !important;
  }
}

.w-219 {
  width: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-219 {
    width: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-219 {
    width: 219px !important;
  }
}

.w-min-219 {
  min-width: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-219 {
    min-width: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-219 {
    min-width: 219px !important;
  }
}

.w-max-219 {
  max-width: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-219 {
    max-width: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-219 {
    max-width: 219px !important;
  }
}

.h-220 {
  height: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-220 {
    height: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-220 {
    height: 220px !important;
  }
}

.h-min-220 {
  min-height: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-220 {
    min-height: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-220 {
    min-height: 220px !important;
  }
}

.h-max-220 {
  max-height: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-220 {
    max-height: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-220 {
    max-height: 220px !important;
  }
}

.w-220 {
  width: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-220 {
    width: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-220 {
    width: 220px !important;
  }
}

.w-min-220 {
  min-width: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-220 {
    min-width: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-220 {
    min-width: 220px !important;
  }
}

.w-max-220 {
  max-width: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-220 {
    max-width: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-220 {
    max-width: 220px !important;
  }
}

.h-221 {
  height: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-221 {
    height: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-221 {
    height: 221px !important;
  }
}

.h-min-221 {
  min-height: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-221 {
    min-height: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-221 {
    min-height: 221px !important;
  }
}

.h-max-221 {
  max-height: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-221 {
    max-height: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-221 {
    max-height: 221px !important;
  }
}

.w-221 {
  width: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-221 {
    width: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-221 {
    width: 221px !important;
  }
}

.w-min-221 {
  min-width: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-221 {
    min-width: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-221 {
    min-width: 221px !important;
  }
}

.w-max-221 {
  max-width: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-221 {
    max-width: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-221 {
    max-width: 221px !important;
  }
}

.h-222 {
  height: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-222 {
    height: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-222 {
    height: 222px !important;
  }
}

.h-min-222 {
  min-height: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-222 {
    min-height: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-222 {
    min-height: 222px !important;
  }
}

.h-max-222 {
  max-height: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-222 {
    max-height: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-222 {
    max-height: 222px !important;
  }
}

.w-222 {
  width: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-222 {
    width: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-222 {
    width: 222px !important;
  }
}

.w-min-222 {
  min-width: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-222 {
    min-width: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-222 {
    min-width: 222px !important;
  }
}

.w-max-222 {
  max-width: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-222 {
    max-width: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-222 {
    max-width: 222px !important;
  }
}

.h-223 {
  height: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-223 {
    height: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-223 {
    height: 223px !important;
  }
}

.h-min-223 {
  min-height: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-223 {
    min-height: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-223 {
    min-height: 223px !important;
  }
}

.h-max-223 {
  max-height: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-223 {
    max-height: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-223 {
    max-height: 223px !important;
  }
}

.w-223 {
  width: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-223 {
    width: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-223 {
    width: 223px !important;
  }
}

.w-min-223 {
  min-width: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-223 {
    min-width: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-223 {
    min-width: 223px !important;
  }
}

.w-max-223 {
  max-width: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-223 {
    max-width: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-223 {
    max-width: 223px !important;
  }
}

.h-224 {
  height: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-224 {
    height: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-224 {
    height: 224px !important;
  }
}

.h-min-224 {
  min-height: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-224 {
    min-height: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-224 {
    min-height: 224px !important;
  }
}

.h-max-224 {
  max-height: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-224 {
    max-height: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-224 {
    max-height: 224px !important;
  }
}

.w-224 {
  width: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-224 {
    width: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-224 {
    width: 224px !important;
  }
}

.w-min-224 {
  min-width: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-224 {
    min-width: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-224 {
    min-width: 224px !important;
  }
}

.w-max-224 {
  max-width: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-224 {
    max-width: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-224 {
    max-width: 224px !important;
  }
}

.h-225 {
  height: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-225 {
    height: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-225 {
    height: 225px !important;
  }
}

.h-min-225 {
  min-height: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-225 {
    min-height: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-225 {
    min-height: 225px !important;
  }
}

.h-max-225 {
  max-height: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-225 {
    max-height: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-225 {
    max-height: 225px !important;
  }
}

.w-225 {
  width: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-225 {
    width: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-225 {
    width: 225px !important;
  }
}

.w-min-225 {
  min-width: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-225 {
    min-width: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-225 {
    min-width: 225px !important;
  }
}

.w-max-225 {
  max-width: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-225 {
    max-width: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-225 {
    max-width: 225px !important;
  }
}

.h-226 {
  height: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-226 {
    height: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-226 {
    height: 226px !important;
  }
}

.h-min-226 {
  min-height: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-226 {
    min-height: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-226 {
    min-height: 226px !important;
  }
}

.h-max-226 {
  max-height: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-226 {
    max-height: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-226 {
    max-height: 226px !important;
  }
}

.w-226 {
  width: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-226 {
    width: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-226 {
    width: 226px !important;
  }
}

.w-min-226 {
  min-width: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-226 {
    min-width: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-226 {
    min-width: 226px !important;
  }
}

.w-max-226 {
  max-width: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-226 {
    max-width: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-226 {
    max-width: 226px !important;
  }
}

.h-227 {
  height: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-227 {
    height: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-227 {
    height: 227px !important;
  }
}

.h-min-227 {
  min-height: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-227 {
    min-height: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-227 {
    min-height: 227px !important;
  }
}

.h-max-227 {
  max-height: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-227 {
    max-height: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-227 {
    max-height: 227px !important;
  }
}

.w-227 {
  width: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-227 {
    width: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-227 {
    width: 227px !important;
  }
}

.w-min-227 {
  min-width: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-227 {
    min-width: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-227 {
    min-width: 227px !important;
  }
}

.w-max-227 {
  max-width: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-227 {
    max-width: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-227 {
    max-width: 227px !important;
  }
}

.h-228 {
  height: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-228 {
    height: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-228 {
    height: 228px !important;
  }
}

.h-min-228 {
  min-height: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-228 {
    min-height: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-228 {
    min-height: 228px !important;
  }
}

.h-max-228 {
  max-height: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-228 {
    max-height: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-228 {
    max-height: 228px !important;
  }
}

.w-228 {
  width: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-228 {
    width: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-228 {
    width: 228px !important;
  }
}

.w-min-228 {
  min-width: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-228 {
    min-width: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-228 {
    min-width: 228px !important;
  }
}

.w-max-228 {
  max-width: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-228 {
    max-width: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-228 {
    max-width: 228px !important;
  }
}

.h-229 {
  height: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-229 {
    height: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-229 {
    height: 229px !important;
  }
}

.h-min-229 {
  min-height: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-229 {
    min-height: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-229 {
    min-height: 229px !important;
  }
}

.h-max-229 {
  max-height: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-229 {
    max-height: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-229 {
    max-height: 229px !important;
  }
}

.w-229 {
  width: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-229 {
    width: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-229 {
    width: 229px !important;
  }
}

.w-min-229 {
  min-width: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-229 {
    min-width: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-229 {
    min-width: 229px !important;
  }
}

.w-max-229 {
  max-width: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-229 {
    max-width: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-229 {
    max-width: 229px !important;
  }
}

.h-230 {
  height: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-230 {
    height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-230 {
    height: 230px !important;
  }
}

.h-min-230 {
  min-height: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-230 {
    min-height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-230 {
    min-height: 230px !important;
  }
}

.h-max-230 {
  max-height: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-230 {
    max-height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-230 {
    max-height: 230px !important;
  }
}

.w-230 {
  width: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-230 {
    width: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-230 {
    width: 230px !important;
  }
}

.w-min-230 {
  min-width: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-230 {
    min-width: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-230 {
    min-width: 230px !important;
  }
}

.w-max-230 {
  max-width: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-230 {
    max-width: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-230 {
    max-width: 230px !important;
  }
}

.h-231 {
  height: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-231 {
    height: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-231 {
    height: 231px !important;
  }
}

.h-min-231 {
  min-height: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-231 {
    min-height: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-231 {
    min-height: 231px !important;
  }
}

.h-max-231 {
  max-height: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-231 {
    max-height: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-231 {
    max-height: 231px !important;
  }
}

.w-231 {
  width: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-231 {
    width: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-231 {
    width: 231px !important;
  }
}

.w-min-231 {
  min-width: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-231 {
    min-width: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-231 {
    min-width: 231px !important;
  }
}

.w-max-231 {
  max-width: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-231 {
    max-width: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-231 {
    max-width: 231px !important;
  }
}

.h-232 {
  height: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-232 {
    height: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-232 {
    height: 232px !important;
  }
}

.h-min-232 {
  min-height: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-232 {
    min-height: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-232 {
    min-height: 232px !important;
  }
}

.h-max-232 {
  max-height: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-232 {
    max-height: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-232 {
    max-height: 232px !important;
  }
}

.w-232 {
  width: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-232 {
    width: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-232 {
    width: 232px !important;
  }
}

.w-min-232 {
  min-width: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-232 {
    min-width: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-232 {
    min-width: 232px !important;
  }
}

.w-max-232 {
  max-width: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-232 {
    max-width: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-232 {
    max-width: 232px !important;
  }
}

.h-233 {
  height: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-233 {
    height: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-233 {
    height: 233px !important;
  }
}

.h-min-233 {
  min-height: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-233 {
    min-height: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-233 {
    min-height: 233px !important;
  }
}

.h-max-233 {
  max-height: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-233 {
    max-height: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-233 {
    max-height: 233px !important;
  }
}

.w-233 {
  width: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-233 {
    width: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-233 {
    width: 233px !important;
  }
}

.w-min-233 {
  min-width: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-233 {
    min-width: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-233 {
    min-width: 233px !important;
  }
}

.w-max-233 {
  max-width: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-233 {
    max-width: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-233 {
    max-width: 233px !important;
  }
}

.h-234 {
  height: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-234 {
    height: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-234 {
    height: 234px !important;
  }
}

.h-min-234 {
  min-height: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-234 {
    min-height: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-234 {
    min-height: 234px !important;
  }
}

.h-max-234 {
  max-height: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-234 {
    max-height: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-234 {
    max-height: 234px !important;
  }
}

.w-234 {
  width: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-234 {
    width: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-234 {
    width: 234px !important;
  }
}

.w-min-234 {
  min-width: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-234 {
    min-width: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-234 {
    min-width: 234px !important;
  }
}

.w-max-234 {
  max-width: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-234 {
    max-width: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-234 {
    max-width: 234px !important;
  }
}

.h-235 {
  height: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-235 {
    height: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-235 {
    height: 235px !important;
  }
}

.h-min-235 {
  min-height: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-235 {
    min-height: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-235 {
    min-height: 235px !important;
  }
}

.h-max-235 {
  max-height: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-235 {
    max-height: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-235 {
    max-height: 235px !important;
  }
}

.w-235 {
  width: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-235 {
    width: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-235 {
    width: 235px !important;
  }
}

.w-min-235 {
  min-width: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-235 {
    min-width: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-235 {
    min-width: 235px !important;
  }
}

.w-max-235 {
  max-width: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-235 {
    max-width: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-235 {
    max-width: 235px !important;
  }
}

.h-236 {
  height: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-236 {
    height: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-236 {
    height: 236px !important;
  }
}

.h-min-236 {
  min-height: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-236 {
    min-height: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-236 {
    min-height: 236px !important;
  }
}

.h-max-236 {
  max-height: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-236 {
    max-height: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-236 {
    max-height: 236px !important;
  }
}

.w-236 {
  width: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-236 {
    width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-236 {
    width: 236px !important;
  }
}

.w-min-236 {
  min-width: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-236 {
    min-width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-236 {
    min-width: 236px !important;
  }
}

.w-max-236 {
  max-width: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-236 {
    max-width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-236 {
    max-width: 236px !important;
  }
}

.h-237 {
  height: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-237 {
    height: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-237 {
    height: 237px !important;
  }
}

.h-min-237 {
  min-height: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-237 {
    min-height: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-237 {
    min-height: 237px !important;
  }
}

.h-max-237 {
  max-height: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-237 {
    max-height: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-237 {
    max-height: 237px !important;
  }
}

.w-237 {
  width: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-237 {
    width: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-237 {
    width: 237px !important;
  }
}

.w-min-237 {
  min-width: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-237 {
    min-width: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-237 {
    min-width: 237px !important;
  }
}

.w-max-237 {
  max-width: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-237 {
    max-width: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-237 {
    max-width: 237px !important;
  }
}

.h-238 {
  height: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-238 {
    height: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-238 {
    height: 238px !important;
  }
}

.h-min-238 {
  min-height: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-238 {
    min-height: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-238 {
    min-height: 238px !important;
  }
}

.h-max-238 {
  max-height: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-238 {
    max-height: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-238 {
    max-height: 238px !important;
  }
}

.w-238 {
  width: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-238 {
    width: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-238 {
    width: 238px !important;
  }
}

.w-min-238 {
  min-width: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-238 {
    min-width: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-238 {
    min-width: 238px !important;
  }
}

.w-max-238 {
  max-width: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-238 {
    max-width: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-238 {
    max-width: 238px !important;
  }
}

.h-239 {
  height: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-239 {
    height: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-239 {
    height: 239px !important;
  }
}

.h-min-239 {
  min-height: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-239 {
    min-height: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-239 {
    min-height: 239px !important;
  }
}

.h-max-239 {
  max-height: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-239 {
    max-height: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-239 {
    max-height: 239px !important;
  }
}

.w-239 {
  width: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-239 {
    width: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-239 {
    width: 239px !important;
  }
}

.w-min-239 {
  min-width: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-239 {
    min-width: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-239 {
    min-width: 239px !important;
  }
}

.w-max-239 {
  max-width: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-239 {
    max-width: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-239 {
    max-width: 239px !important;
  }
}

.h-240 {
  height: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-240 {
    height: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-240 {
    height: 240px !important;
  }
}

.h-min-240 {
  min-height: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-240 {
    min-height: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-240 {
    min-height: 240px !important;
  }
}

.h-max-240 {
  max-height: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-240 {
    max-height: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-240 {
    max-height: 240px !important;
  }
}

.w-240 {
  width: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-240 {
    width: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-240 {
    width: 240px !important;
  }
}

.w-min-240 {
  min-width: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-240 {
    min-width: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-240 {
    min-width: 240px !important;
  }
}

.w-max-240 {
  max-width: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-240 {
    max-width: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-240 {
    max-width: 240px !important;
  }
}

.h-241 {
  height: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-241 {
    height: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-241 {
    height: 241px !important;
  }
}

.h-min-241 {
  min-height: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-241 {
    min-height: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-241 {
    min-height: 241px !important;
  }
}

.h-max-241 {
  max-height: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-241 {
    max-height: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-241 {
    max-height: 241px !important;
  }
}

.w-241 {
  width: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-241 {
    width: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-241 {
    width: 241px !important;
  }
}

.w-min-241 {
  min-width: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-241 {
    min-width: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-241 {
    min-width: 241px !important;
  }
}

.w-max-241 {
  max-width: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-241 {
    max-width: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-241 {
    max-width: 241px !important;
  }
}

.h-242 {
  height: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-242 {
    height: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-242 {
    height: 242px !important;
  }
}

.h-min-242 {
  min-height: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-242 {
    min-height: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-242 {
    min-height: 242px !important;
  }
}

.h-max-242 {
  max-height: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-242 {
    max-height: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-242 {
    max-height: 242px !important;
  }
}

.w-242 {
  width: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-242 {
    width: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-242 {
    width: 242px !important;
  }
}

.w-min-242 {
  min-width: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-242 {
    min-width: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-242 {
    min-width: 242px !important;
  }
}

.w-max-242 {
  max-width: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-242 {
    max-width: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-242 {
    max-width: 242px !important;
  }
}

.h-243 {
  height: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-243 {
    height: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-243 {
    height: 243px !important;
  }
}

.h-min-243 {
  min-height: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-243 {
    min-height: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-243 {
    min-height: 243px !important;
  }
}

.h-max-243 {
  max-height: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-243 {
    max-height: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-243 {
    max-height: 243px !important;
  }
}

.w-243 {
  width: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-243 {
    width: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-243 {
    width: 243px !important;
  }
}

.w-min-243 {
  min-width: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-243 {
    min-width: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-243 {
    min-width: 243px !important;
  }
}

.w-max-243 {
  max-width: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-243 {
    max-width: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-243 {
    max-width: 243px !important;
  }
}

.h-244 {
  height: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-244 {
    height: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-244 {
    height: 244px !important;
  }
}

.h-min-244 {
  min-height: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-244 {
    min-height: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-244 {
    min-height: 244px !important;
  }
}

.h-max-244 {
  max-height: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-244 {
    max-height: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-244 {
    max-height: 244px !important;
  }
}

.w-244 {
  width: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-244 {
    width: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-244 {
    width: 244px !important;
  }
}

.w-min-244 {
  min-width: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-244 {
    min-width: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-244 {
    min-width: 244px !important;
  }
}

.w-max-244 {
  max-width: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-244 {
    max-width: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-244 {
    max-width: 244px !important;
  }
}

.h-245 {
  height: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-245 {
    height: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-245 {
    height: 245px !important;
  }
}

.h-min-245 {
  min-height: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-245 {
    min-height: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-245 {
    min-height: 245px !important;
  }
}

.h-max-245 {
  max-height: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-245 {
    max-height: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-245 {
    max-height: 245px !important;
  }
}

.w-245 {
  width: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-245 {
    width: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-245 {
    width: 245px !important;
  }
}

.w-min-245 {
  min-width: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-245 {
    min-width: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-245 {
    min-width: 245px !important;
  }
}

.w-max-245 {
  max-width: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-245 {
    max-width: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-245 {
    max-width: 245px !important;
  }
}

.h-246 {
  height: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-246 {
    height: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-246 {
    height: 246px !important;
  }
}

.h-min-246 {
  min-height: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-246 {
    min-height: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-246 {
    min-height: 246px !important;
  }
}

.h-max-246 {
  max-height: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-246 {
    max-height: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-246 {
    max-height: 246px !important;
  }
}

.w-246 {
  width: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-246 {
    width: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-246 {
    width: 246px !important;
  }
}

.w-min-246 {
  min-width: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-246 {
    min-width: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-246 {
    min-width: 246px !important;
  }
}

.w-max-246 {
  max-width: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-246 {
    max-width: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-246 {
    max-width: 246px !important;
  }
}

.h-247 {
  height: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-247 {
    height: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-247 {
    height: 247px !important;
  }
}

.h-min-247 {
  min-height: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-247 {
    min-height: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-247 {
    min-height: 247px !important;
  }
}

.h-max-247 {
  max-height: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-247 {
    max-height: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-247 {
    max-height: 247px !important;
  }
}

.w-247 {
  width: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-247 {
    width: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-247 {
    width: 247px !important;
  }
}

.w-min-247 {
  min-width: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-247 {
    min-width: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-247 {
    min-width: 247px !important;
  }
}

.w-max-247 {
  max-width: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-247 {
    max-width: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-247 {
    max-width: 247px !important;
  }
}

.h-248 {
  height: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-248 {
    height: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-248 {
    height: 248px !important;
  }
}

.h-min-248 {
  min-height: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-248 {
    min-height: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-248 {
    min-height: 248px !important;
  }
}

.h-max-248 {
  max-height: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-248 {
    max-height: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-248 {
    max-height: 248px !important;
  }
}

.w-248 {
  width: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-248 {
    width: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-248 {
    width: 248px !important;
  }
}

.w-min-248 {
  min-width: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-248 {
    min-width: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-248 {
    min-width: 248px !important;
  }
}

.w-max-248 {
  max-width: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-248 {
    max-width: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-248 {
    max-width: 248px !important;
  }
}

.h-249 {
  height: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-249 {
    height: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-249 {
    height: 249px !important;
  }
}

.h-min-249 {
  min-height: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-249 {
    min-height: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-249 {
    min-height: 249px !important;
  }
}

.h-max-249 {
  max-height: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-249 {
    max-height: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-249 {
    max-height: 249px !important;
  }
}

.w-249 {
  width: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-249 {
    width: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-249 {
    width: 249px !important;
  }
}

.w-min-249 {
  min-width: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-249 {
    min-width: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-249 {
    min-width: 249px !important;
  }
}

.w-max-249 {
  max-width: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-249 {
    max-width: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-249 {
    max-width: 249px !important;
  }
}

.h-250 {
  height: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-250 {
    height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-250 {
    height: 250px !important;
  }
}

.h-min-250 {
  min-height: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-250 {
    min-height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-250 {
    min-height: 250px !important;
  }
}

.h-max-250 {
  max-height: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-250 {
    max-height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-250 {
    max-height: 250px !important;
  }
}

.w-250 {
  width: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-250 {
    width: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-250 {
    width: 250px !important;
  }
}

.w-min-250 {
  min-width: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-250 {
    min-width: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-250 {
    min-width: 250px !important;
  }
}

.w-max-250 {
  max-width: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-250 {
    max-width: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-250 {
    max-width: 250px !important;
  }
}

.h-251 {
  height: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-251 {
    height: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-251 {
    height: 251px !important;
  }
}

.h-min-251 {
  min-height: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-251 {
    min-height: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-251 {
    min-height: 251px !important;
  }
}

.h-max-251 {
  max-height: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-251 {
    max-height: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-251 {
    max-height: 251px !important;
  }
}

.w-251 {
  width: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-251 {
    width: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-251 {
    width: 251px !important;
  }
}

.w-min-251 {
  min-width: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-251 {
    min-width: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-251 {
    min-width: 251px !important;
  }
}

.w-max-251 {
  max-width: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-251 {
    max-width: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-251 {
    max-width: 251px !important;
  }
}

.h-252 {
  height: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-252 {
    height: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-252 {
    height: 252px !important;
  }
}

.h-min-252 {
  min-height: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-252 {
    min-height: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-252 {
    min-height: 252px !important;
  }
}

.h-max-252 {
  max-height: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-252 {
    max-height: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-252 {
    max-height: 252px !important;
  }
}

.w-252 {
  width: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-252 {
    width: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-252 {
    width: 252px !important;
  }
}

.w-min-252 {
  min-width: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-252 {
    min-width: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-252 {
    min-width: 252px !important;
  }
}

.w-max-252 {
  max-width: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-252 {
    max-width: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-252 {
    max-width: 252px !important;
  }
}

.h-253 {
  height: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-253 {
    height: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-253 {
    height: 253px !important;
  }
}

.h-min-253 {
  min-height: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-253 {
    min-height: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-253 {
    min-height: 253px !important;
  }
}

.h-max-253 {
  max-height: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-253 {
    max-height: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-253 {
    max-height: 253px !important;
  }
}

.w-253 {
  width: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-253 {
    width: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-253 {
    width: 253px !important;
  }
}

.w-min-253 {
  min-width: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-253 {
    min-width: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-253 {
    min-width: 253px !important;
  }
}

.w-max-253 {
  max-width: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-253 {
    max-width: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-253 {
    max-width: 253px !important;
  }
}

.h-254 {
  height: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-254 {
    height: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-254 {
    height: 254px !important;
  }
}

.h-min-254 {
  min-height: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-254 {
    min-height: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-254 {
    min-height: 254px !important;
  }
}

.h-max-254 {
  max-height: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-254 {
    max-height: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-254 {
    max-height: 254px !important;
  }
}

.w-254 {
  width: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-254 {
    width: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-254 {
    width: 254px !important;
  }
}

.w-min-254 {
  min-width: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-254 {
    min-width: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-254 {
    min-width: 254px !important;
  }
}

.w-max-254 {
  max-width: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-254 {
    max-width: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-254 {
    max-width: 254px !important;
  }
}

.h-255 {
  height: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-255 {
    height: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-255 {
    height: 255px !important;
  }
}

.h-min-255 {
  min-height: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-255 {
    min-height: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-255 {
    min-height: 255px !important;
  }
}

.h-max-255 {
  max-height: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-255 {
    max-height: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-255 {
    max-height: 255px !important;
  }
}

.w-255 {
  width: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-255 {
    width: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-255 {
    width: 255px !important;
  }
}

.w-min-255 {
  min-width: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-255 {
    min-width: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-255 {
    min-width: 255px !important;
  }
}

.w-max-255 {
  max-width: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-255 {
    max-width: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-255 {
    max-width: 255px !important;
  }
}

.h-256 {
  height: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-256 {
    height: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-256 {
    height: 256px !important;
  }
}

.h-min-256 {
  min-height: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-256 {
    min-height: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-256 {
    min-height: 256px !important;
  }
}

.h-max-256 {
  max-height: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-256 {
    max-height: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-256 {
    max-height: 256px !important;
  }
}

.w-256 {
  width: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-256 {
    width: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-256 {
    width: 256px !important;
  }
}

.w-min-256 {
  min-width: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-256 {
    min-width: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-256 {
    min-width: 256px !important;
  }
}

.w-max-256 {
  max-width: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-256 {
    max-width: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-256 {
    max-width: 256px !important;
  }
}

.h-257 {
  height: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-257 {
    height: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-257 {
    height: 257px !important;
  }
}

.h-min-257 {
  min-height: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-257 {
    min-height: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-257 {
    min-height: 257px !important;
  }
}

.h-max-257 {
  max-height: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-257 {
    max-height: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-257 {
    max-height: 257px !important;
  }
}

.w-257 {
  width: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-257 {
    width: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-257 {
    width: 257px !important;
  }
}

.w-min-257 {
  min-width: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-257 {
    min-width: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-257 {
    min-width: 257px !important;
  }
}

.w-max-257 {
  max-width: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-257 {
    max-width: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-257 {
    max-width: 257px !important;
  }
}

.h-258 {
  height: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-258 {
    height: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-258 {
    height: 258px !important;
  }
}

.h-min-258 {
  min-height: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-258 {
    min-height: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-258 {
    min-height: 258px !important;
  }
}

.h-max-258 {
  max-height: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-258 {
    max-height: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-258 {
    max-height: 258px !important;
  }
}

.w-258 {
  width: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-258 {
    width: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-258 {
    width: 258px !important;
  }
}

.w-min-258 {
  min-width: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-258 {
    min-width: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-258 {
    min-width: 258px !important;
  }
}

.w-max-258 {
  max-width: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-258 {
    max-width: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-258 {
    max-width: 258px !important;
  }
}

.h-259 {
  height: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-259 {
    height: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-259 {
    height: 259px !important;
  }
}

.h-min-259 {
  min-height: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-259 {
    min-height: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-259 {
    min-height: 259px !important;
  }
}

.h-max-259 {
  max-height: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-259 {
    max-height: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-259 {
    max-height: 259px !important;
  }
}

.w-259 {
  width: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-259 {
    width: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-259 {
    width: 259px !important;
  }
}

.w-min-259 {
  min-width: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-259 {
    min-width: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-259 {
    min-width: 259px !important;
  }
}

.w-max-259 {
  max-width: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-259 {
    max-width: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-259 {
    max-width: 259px !important;
  }
}

.h-260 {
  height: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-260 {
    height: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-260 {
    height: 260px !important;
  }
}

.h-min-260 {
  min-height: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-260 {
    min-height: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-260 {
    min-height: 260px !important;
  }
}

.h-max-260 {
  max-height: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-260 {
    max-height: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-260 {
    max-height: 260px !important;
  }
}

.w-260 {
  width: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-260 {
    width: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-260 {
    width: 260px !important;
  }
}

.w-min-260 {
  min-width: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-260 {
    min-width: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-260 {
    min-width: 260px !important;
  }
}

.w-max-260 {
  max-width: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-260 {
    max-width: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-260 {
    max-width: 260px !important;
  }
}

.h-261 {
  height: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-261 {
    height: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-261 {
    height: 261px !important;
  }
}

.h-min-261 {
  min-height: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-261 {
    min-height: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-261 {
    min-height: 261px !important;
  }
}

.h-max-261 {
  max-height: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-261 {
    max-height: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-261 {
    max-height: 261px !important;
  }
}

.w-261 {
  width: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-261 {
    width: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-261 {
    width: 261px !important;
  }
}

.w-min-261 {
  min-width: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-261 {
    min-width: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-261 {
    min-width: 261px !important;
  }
}

.w-max-261 {
  max-width: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-261 {
    max-width: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-261 {
    max-width: 261px !important;
  }
}

.h-262 {
  height: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-262 {
    height: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-262 {
    height: 262px !important;
  }
}

.h-min-262 {
  min-height: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-262 {
    min-height: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-262 {
    min-height: 262px !important;
  }
}

.h-max-262 {
  max-height: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-262 {
    max-height: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-262 {
    max-height: 262px !important;
  }
}

.w-262 {
  width: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-262 {
    width: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-262 {
    width: 262px !important;
  }
}

.w-min-262 {
  min-width: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-262 {
    min-width: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-262 {
    min-width: 262px !important;
  }
}

.w-max-262 {
  max-width: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-262 {
    max-width: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-262 {
    max-width: 262px !important;
  }
}

.h-263 {
  height: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-263 {
    height: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-263 {
    height: 263px !important;
  }
}

.h-min-263 {
  min-height: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-263 {
    min-height: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-263 {
    min-height: 263px !important;
  }
}

.h-max-263 {
  max-height: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-263 {
    max-height: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-263 {
    max-height: 263px !important;
  }
}

.w-263 {
  width: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-263 {
    width: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-263 {
    width: 263px !important;
  }
}

.w-min-263 {
  min-width: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-263 {
    min-width: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-263 {
    min-width: 263px !important;
  }
}

.w-max-263 {
  max-width: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-263 {
    max-width: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-263 {
    max-width: 263px !important;
  }
}

.h-264 {
  height: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-264 {
    height: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-264 {
    height: 264px !important;
  }
}

.h-min-264 {
  min-height: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-264 {
    min-height: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-264 {
    min-height: 264px !important;
  }
}

.h-max-264 {
  max-height: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-264 {
    max-height: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-264 {
    max-height: 264px !important;
  }
}

.w-264 {
  width: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-264 {
    width: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-264 {
    width: 264px !important;
  }
}

.w-min-264 {
  min-width: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-264 {
    min-width: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-264 {
    min-width: 264px !important;
  }
}

.w-max-264 {
  max-width: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-264 {
    max-width: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-264 {
    max-width: 264px !important;
  }
}

.h-265 {
  height: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-265 {
    height: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-265 {
    height: 265px !important;
  }
}

.h-min-265 {
  min-height: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-265 {
    min-height: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-265 {
    min-height: 265px !important;
  }
}

.h-max-265 {
  max-height: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-265 {
    max-height: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-265 {
    max-height: 265px !important;
  }
}

.w-265 {
  width: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-265 {
    width: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-265 {
    width: 265px !important;
  }
}

.w-min-265 {
  min-width: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-265 {
    min-width: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-265 {
    min-width: 265px !important;
  }
}

.w-max-265 {
  max-width: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-265 {
    max-width: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-265 {
    max-width: 265px !important;
  }
}

.h-266 {
  height: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-266 {
    height: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-266 {
    height: 266px !important;
  }
}

.h-min-266 {
  min-height: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-266 {
    min-height: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-266 {
    min-height: 266px !important;
  }
}

.h-max-266 {
  max-height: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-266 {
    max-height: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-266 {
    max-height: 266px !important;
  }
}

.w-266 {
  width: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-266 {
    width: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-266 {
    width: 266px !important;
  }
}

.w-min-266 {
  min-width: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-266 {
    min-width: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-266 {
    min-width: 266px !important;
  }
}

.w-max-266 {
  max-width: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-266 {
    max-width: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-266 {
    max-width: 266px !important;
  }
}

.h-267 {
  height: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-267 {
    height: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-267 {
    height: 267px !important;
  }
}

.h-min-267 {
  min-height: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-267 {
    min-height: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-267 {
    min-height: 267px !important;
  }
}

.h-max-267 {
  max-height: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-267 {
    max-height: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-267 {
    max-height: 267px !important;
  }
}

.w-267 {
  width: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-267 {
    width: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-267 {
    width: 267px !important;
  }
}

.w-min-267 {
  min-width: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-267 {
    min-width: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-267 {
    min-width: 267px !important;
  }
}

.w-max-267 {
  max-width: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-267 {
    max-width: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-267 {
    max-width: 267px !important;
  }
}

.h-268 {
  height: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-268 {
    height: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-268 {
    height: 268px !important;
  }
}

.h-min-268 {
  min-height: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-268 {
    min-height: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-268 {
    min-height: 268px !important;
  }
}

.h-max-268 {
  max-height: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-268 {
    max-height: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-268 {
    max-height: 268px !important;
  }
}

.w-268 {
  width: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-268 {
    width: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-268 {
    width: 268px !important;
  }
}

.w-min-268 {
  min-width: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-268 {
    min-width: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-268 {
    min-width: 268px !important;
  }
}

.w-max-268 {
  max-width: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-268 {
    max-width: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-268 {
    max-width: 268px !important;
  }
}

.h-269 {
  height: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-269 {
    height: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-269 {
    height: 269px !important;
  }
}

.h-min-269 {
  min-height: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-269 {
    min-height: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-269 {
    min-height: 269px !important;
  }
}

.h-max-269 {
  max-height: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-269 {
    max-height: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-269 {
    max-height: 269px !important;
  }
}

.w-269 {
  width: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-269 {
    width: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-269 {
    width: 269px !important;
  }
}

.w-min-269 {
  min-width: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-269 {
    min-width: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-269 {
    min-width: 269px !important;
  }
}

.w-max-269 {
  max-width: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-269 {
    max-width: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-269 {
    max-width: 269px !important;
  }
}

.h-270 {
  height: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-270 {
    height: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-270 {
    height: 270px !important;
  }
}

.h-min-270 {
  min-height: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-270 {
    min-height: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-270 {
    min-height: 270px !important;
  }
}

.h-max-270 {
  max-height: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-270 {
    max-height: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-270 {
    max-height: 270px !important;
  }
}

.w-270 {
  width: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-270 {
    width: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-270 {
    width: 270px !important;
  }
}

.w-min-270 {
  min-width: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-270 {
    min-width: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-270 {
    min-width: 270px !important;
  }
}

.w-max-270 {
  max-width: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-270 {
    max-width: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-270 {
    max-width: 270px !important;
  }
}

.h-271 {
  height: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-271 {
    height: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-271 {
    height: 271px !important;
  }
}

.h-min-271 {
  min-height: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-271 {
    min-height: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-271 {
    min-height: 271px !important;
  }
}

.h-max-271 {
  max-height: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-271 {
    max-height: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-271 {
    max-height: 271px !important;
  }
}

.w-271 {
  width: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-271 {
    width: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-271 {
    width: 271px !important;
  }
}

.w-min-271 {
  min-width: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-271 {
    min-width: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-271 {
    min-width: 271px !important;
  }
}

.w-max-271 {
  max-width: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-271 {
    max-width: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-271 {
    max-width: 271px !important;
  }
}

.h-272 {
  height: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-272 {
    height: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-272 {
    height: 272px !important;
  }
}

.h-min-272 {
  min-height: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-272 {
    min-height: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-272 {
    min-height: 272px !important;
  }
}

.h-max-272 {
  max-height: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-272 {
    max-height: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-272 {
    max-height: 272px !important;
  }
}

.w-272 {
  width: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-272 {
    width: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-272 {
    width: 272px !important;
  }
}

.w-min-272 {
  min-width: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-272 {
    min-width: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-272 {
    min-width: 272px !important;
  }
}

.w-max-272 {
  max-width: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-272 {
    max-width: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-272 {
    max-width: 272px !important;
  }
}

.h-273 {
  height: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-273 {
    height: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-273 {
    height: 273px !important;
  }
}

.h-min-273 {
  min-height: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-273 {
    min-height: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-273 {
    min-height: 273px !important;
  }
}

.h-max-273 {
  max-height: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-273 {
    max-height: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-273 {
    max-height: 273px !important;
  }
}

.w-273 {
  width: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-273 {
    width: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-273 {
    width: 273px !important;
  }
}

.w-min-273 {
  min-width: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-273 {
    min-width: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-273 {
    min-width: 273px !important;
  }
}

.w-max-273 {
  max-width: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-273 {
    max-width: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-273 {
    max-width: 273px !important;
  }
}

.h-274 {
  height: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-274 {
    height: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-274 {
    height: 274px !important;
  }
}

.h-min-274 {
  min-height: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-274 {
    min-height: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-274 {
    min-height: 274px !important;
  }
}

.h-max-274 {
  max-height: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-274 {
    max-height: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-274 {
    max-height: 274px !important;
  }
}

.w-274 {
  width: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-274 {
    width: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-274 {
    width: 274px !important;
  }
}

.w-min-274 {
  min-width: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-274 {
    min-width: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-274 {
    min-width: 274px !important;
  }
}

.w-max-274 {
  max-width: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-274 {
    max-width: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-274 {
    max-width: 274px !important;
  }
}

.h-275 {
  height: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-275 {
    height: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-275 {
    height: 275px !important;
  }
}

.h-min-275 {
  min-height: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-275 {
    min-height: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-275 {
    min-height: 275px !important;
  }
}

.h-max-275 {
  max-height: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-275 {
    max-height: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-275 {
    max-height: 275px !important;
  }
}

.w-275 {
  width: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-275 {
    width: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-275 {
    width: 275px !important;
  }
}

.w-min-275 {
  min-width: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-275 {
    min-width: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-275 {
    min-width: 275px !important;
  }
}

.w-max-275 {
  max-width: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-275 {
    max-width: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-275 {
    max-width: 275px !important;
  }
}

.h-276 {
  height: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-276 {
    height: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-276 {
    height: 276px !important;
  }
}

.h-min-276 {
  min-height: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-276 {
    min-height: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-276 {
    min-height: 276px !important;
  }
}

.h-max-276 {
  max-height: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-276 {
    max-height: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-276 {
    max-height: 276px !important;
  }
}

.w-276 {
  width: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-276 {
    width: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-276 {
    width: 276px !important;
  }
}

.w-min-276 {
  min-width: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-276 {
    min-width: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-276 {
    min-width: 276px !important;
  }
}

.w-max-276 {
  max-width: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-276 {
    max-width: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-276 {
    max-width: 276px !important;
  }
}

.h-277 {
  height: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-277 {
    height: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-277 {
    height: 277px !important;
  }
}

.h-min-277 {
  min-height: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-277 {
    min-height: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-277 {
    min-height: 277px !important;
  }
}

.h-max-277 {
  max-height: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-277 {
    max-height: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-277 {
    max-height: 277px !important;
  }
}

.w-277 {
  width: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-277 {
    width: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-277 {
    width: 277px !important;
  }
}

.w-min-277 {
  min-width: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-277 {
    min-width: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-277 {
    min-width: 277px !important;
  }
}

.w-max-277 {
  max-width: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-277 {
    max-width: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-277 {
    max-width: 277px !important;
  }
}

.h-278 {
  height: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-278 {
    height: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-278 {
    height: 278px !important;
  }
}

.h-min-278 {
  min-height: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-278 {
    min-height: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-278 {
    min-height: 278px !important;
  }
}

.h-max-278 {
  max-height: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-278 {
    max-height: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-278 {
    max-height: 278px !important;
  }
}

.w-278 {
  width: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-278 {
    width: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-278 {
    width: 278px !important;
  }
}

.w-min-278 {
  min-width: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-278 {
    min-width: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-278 {
    min-width: 278px !important;
  }
}

.w-max-278 {
  max-width: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-278 {
    max-width: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-278 {
    max-width: 278px !important;
  }
}

.h-279 {
  height: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-279 {
    height: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-279 {
    height: 279px !important;
  }
}

.h-min-279 {
  min-height: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-279 {
    min-height: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-279 {
    min-height: 279px !important;
  }
}

.h-max-279 {
  max-height: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-279 {
    max-height: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-279 {
    max-height: 279px !important;
  }
}

.w-279 {
  width: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-279 {
    width: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-279 {
    width: 279px !important;
  }
}

.w-min-279 {
  min-width: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-279 {
    min-width: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-279 {
    min-width: 279px !important;
  }
}

.w-max-279 {
  max-width: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-279 {
    max-width: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-279 {
    max-width: 279px !important;
  }
}

.h-280 {
  height: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-280 {
    height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-280 {
    height: 280px !important;
  }
}

.h-min-280 {
  min-height: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-280 {
    min-height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-280 {
    min-height: 280px !important;
  }
}

.h-max-280 {
  max-height: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-280 {
    max-height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-280 {
    max-height: 280px !important;
  }
}

.w-280 {
  width: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-280 {
    width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-280 {
    width: 280px !important;
  }
}

.w-min-280 {
  min-width: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-280 {
    min-width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-280 {
    min-width: 280px !important;
  }
}

.w-max-280 {
  max-width: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-280 {
    max-width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-280 {
    max-width: 280px !important;
  }
}

.h-281 {
  height: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-281 {
    height: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-281 {
    height: 281px !important;
  }
}

.h-min-281 {
  min-height: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-281 {
    min-height: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-281 {
    min-height: 281px !important;
  }
}

.h-max-281 {
  max-height: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-281 {
    max-height: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-281 {
    max-height: 281px !important;
  }
}

.w-281 {
  width: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-281 {
    width: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-281 {
    width: 281px !important;
  }
}

.w-min-281 {
  min-width: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-281 {
    min-width: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-281 {
    min-width: 281px !important;
  }
}

.w-max-281 {
  max-width: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-281 {
    max-width: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-281 {
    max-width: 281px !important;
  }
}

.h-282 {
  height: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-282 {
    height: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-282 {
    height: 282px !important;
  }
}

.h-min-282 {
  min-height: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-282 {
    min-height: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-282 {
    min-height: 282px !important;
  }
}

.h-max-282 {
  max-height: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-282 {
    max-height: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-282 {
    max-height: 282px !important;
  }
}

.w-282 {
  width: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-282 {
    width: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-282 {
    width: 282px !important;
  }
}

.w-min-282 {
  min-width: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-282 {
    min-width: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-282 {
    min-width: 282px !important;
  }
}

.w-max-282 {
  max-width: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-282 {
    max-width: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-282 {
    max-width: 282px !important;
  }
}

.h-283 {
  height: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-283 {
    height: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-283 {
    height: 283px !important;
  }
}

.h-min-283 {
  min-height: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-283 {
    min-height: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-283 {
    min-height: 283px !important;
  }
}

.h-max-283 {
  max-height: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-283 {
    max-height: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-283 {
    max-height: 283px !important;
  }
}

.w-283 {
  width: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-283 {
    width: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-283 {
    width: 283px !important;
  }
}

.w-min-283 {
  min-width: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-283 {
    min-width: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-283 {
    min-width: 283px !important;
  }
}

.w-max-283 {
  max-width: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-283 {
    max-width: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-283 {
    max-width: 283px !important;
  }
}

.h-284 {
  height: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-284 {
    height: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-284 {
    height: 284px !important;
  }
}

.h-min-284 {
  min-height: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-284 {
    min-height: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-284 {
    min-height: 284px !important;
  }
}

.h-max-284 {
  max-height: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-284 {
    max-height: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-284 {
    max-height: 284px !important;
  }
}

.w-284 {
  width: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-284 {
    width: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-284 {
    width: 284px !important;
  }
}

.w-min-284 {
  min-width: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-284 {
    min-width: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-284 {
    min-width: 284px !important;
  }
}

.w-max-284 {
  max-width: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-284 {
    max-width: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-284 {
    max-width: 284px !important;
  }
}

.h-285 {
  height: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-285 {
    height: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-285 {
    height: 285px !important;
  }
}

.h-min-285 {
  min-height: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-285 {
    min-height: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-285 {
    min-height: 285px !important;
  }
}

.h-max-285 {
  max-height: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-285 {
    max-height: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-285 {
    max-height: 285px !important;
  }
}

.w-285 {
  width: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-285 {
    width: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-285 {
    width: 285px !important;
  }
}

.w-min-285 {
  min-width: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-285 {
    min-width: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-285 {
    min-width: 285px !important;
  }
}

.w-max-285 {
  max-width: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-285 {
    max-width: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-285 {
    max-width: 285px !important;
  }
}

.h-286 {
  height: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-286 {
    height: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-286 {
    height: 286px !important;
  }
}

.h-min-286 {
  min-height: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-286 {
    min-height: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-286 {
    min-height: 286px !important;
  }
}

.h-max-286 {
  max-height: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-286 {
    max-height: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-286 {
    max-height: 286px !important;
  }
}

.w-286 {
  width: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-286 {
    width: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-286 {
    width: 286px !important;
  }
}

.w-min-286 {
  min-width: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-286 {
    min-width: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-286 {
    min-width: 286px !important;
  }
}

.w-max-286 {
  max-width: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-286 {
    max-width: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-286 {
    max-width: 286px !important;
  }
}

.h-287 {
  height: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-287 {
    height: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-287 {
    height: 287px !important;
  }
}

.h-min-287 {
  min-height: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-287 {
    min-height: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-287 {
    min-height: 287px !important;
  }
}

.h-max-287 {
  max-height: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-287 {
    max-height: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-287 {
    max-height: 287px !important;
  }
}

.w-287 {
  width: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-287 {
    width: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-287 {
    width: 287px !important;
  }
}

.w-min-287 {
  min-width: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-287 {
    min-width: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-287 {
    min-width: 287px !important;
  }
}

.w-max-287 {
  max-width: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-287 {
    max-width: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-287 {
    max-width: 287px !important;
  }
}

.h-288 {
  height: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-288 {
    height: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-288 {
    height: 288px !important;
  }
}

.h-min-288 {
  min-height: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-288 {
    min-height: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-288 {
    min-height: 288px !important;
  }
}

.h-max-288 {
  max-height: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-288 {
    max-height: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-288 {
    max-height: 288px !important;
  }
}

.w-288 {
  width: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-288 {
    width: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-288 {
    width: 288px !important;
  }
}

.w-min-288 {
  min-width: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-288 {
    min-width: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-288 {
    min-width: 288px !important;
  }
}

.w-max-288 {
  max-width: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-288 {
    max-width: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-288 {
    max-width: 288px !important;
  }
}

.h-289 {
  height: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-289 {
    height: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-289 {
    height: 289px !important;
  }
}

.h-min-289 {
  min-height: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-289 {
    min-height: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-289 {
    min-height: 289px !important;
  }
}

.h-max-289 {
  max-height: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-289 {
    max-height: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-289 {
    max-height: 289px !important;
  }
}

.w-289 {
  width: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-289 {
    width: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-289 {
    width: 289px !important;
  }
}

.w-min-289 {
  min-width: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-289 {
    min-width: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-289 {
    min-width: 289px !important;
  }
}

.w-max-289 {
  max-width: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-289 {
    max-width: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-289 {
    max-width: 289px !important;
  }
}

.h-290 {
  height: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-290 {
    height: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-290 {
    height: 290px !important;
  }
}

.h-min-290 {
  min-height: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-290 {
    min-height: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-290 {
    min-height: 290px !important;
  }
}

.h-max-290 {
  max-height: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-290 {
    max-height: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-290 {
    max-height: 290px !important;
  }
}

.w-290 {
  width: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-290 {
    width: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-290 {
    width: 290px !important;
  }
}

.w-min-290 {
  min-width: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-290 {
    min-width: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-290 {
    min-width: 290px !important;
  }
}

.w-max-290 {
  max-width: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-290 {
    max-width: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-290 {
    max-width: 290px !important;
  }
}

.h-291 {
  height: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-291 {
    height: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-291 {
    height: 291px !important;
  }
}

.h-min-291 {
  min-height: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-291 {
    min-height: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-291 {
    min-height: 291px !important;
  }
}

.h-max-291 {
  max-height: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-291 {
    max-height: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-291 {
    max-height: 291px !important;
  }
}

.w-291 {
  width: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-291 {
    width: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-291 {
    width: 291px !important;
  }
}

.w-min-291 {
  min-width: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-291 {
    min-width: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-291 {
    min-width: 291px !important;
  }
}

.w-max-291 {
  max-width: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-291 {
    max-width: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-291 {
    max-width: 291px !important;
  }
}

.h-292 {
  height: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-292 {
    height: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-292 {
    height: 292px !important;
  }
}

.h-min-292 {
  min-height: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-292 {
    min-height: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-292 {
    min-height: 292px !important;
  }
}

.h-max-292 {
  max-height: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-292 {
    max-height: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-292 {
    max-height: 292px !important;
  }
}

.w-292 {
  width: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-292 {
    width: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-292 {
    width: 292px !important;
  }
}

.w-min-292 {
  min-width: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-292 {
    min-width: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-292 {
    min-width: 292px !important;
  }
}

.w-max-292 {
  max-width: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-292 {
    max-width: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-292 {
    max-width: 292px !important;
  }
}

.h-293 {
  height: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-293 {
    height: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-293 {
    height: 293px !important;
  }
}

.h-min-293 {
  min-height: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-293 {
    min-height: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-293 {
    min-height: 293px !important;
  }
}

.h-max-293 {
  max-height: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-293 {
    max-height: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-293 {
    max-height: 293px !important;
  }
}

.w-293 {
  width: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-293 {
    width: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-293 {
    width: 293px !important;
  }
}

.w-min-293 {
  min-width: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-293 {
    min-width: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-293 {
    min-width: 293px !important;
  }
}

.w-max-293 {
  max-width: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-293 {
    max-width: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-293 {
    max-width: 293px !important;
  }
}

.h-294 {
  height: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-294 {
    height: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-294 {
    height: 294px !important;
  }
}

.h-min-294 {
  min-height: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-294 {
    min-height: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-294 {
    min-height: 294px !important;
  }
}

.h-max-294 {
  max-height: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-294 {
    max-height: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-294 {
    max-height: 294px !important;
  }
}

.w-294 {
  width: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-294 {
    width: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-294 {
    width: 294px !important;
  }
}

.w-min-294 {
  min-width: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-294 {
    min-width: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-294 {
    min-width: 294px !important;
  }
}

.w-max-294 {
  max-width: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-294 {
    max-width: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-294 {
    max-width: 294px !important;
  }
}

.h-295 {
  height: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-295 {
    height: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-295 {
    height: 295px !important;
  }
}

.h-min-295 {
  min-height: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-295 {
    min-height: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-295 {
    min-height: 295px !important;
  }
}

.h-max-295 {
  max-height: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-295 {
    max-height: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-295 {
    max-height: 295px !important;
  }
}

.w-295 {
  width: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-295 {
    width: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-295 {
    width: 295px !important;
  }
}

.w-min-295 {
  min-width: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-295 {
    min-width: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-295 {
    min-width: 295px !important;
  }
}

.w-max-295 {
  max-width: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-295 {
    max-width: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-295 {
    max-width: 295px !important;
  }
}

.h-296 {
  height: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-296 {
    height: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-296 {
    height: 296px !important;
  }
}

.h-min-296 {
  min-height: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-296 {
    min-height: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-296 {
    min-height: 296px !important;
  }
}

.h-max-296 {
  max-height: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-296 {
    max-height: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-296 {
    max-height: 296px !important;
  }
}

.w-296 {
  width: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-296 {
    width: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-296 {
    width: 296px !important;
  }
}

.w-min-296 {
  min-width: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-296 {
    min-width: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-296 {
    min-width: 296px !important;
  }
}

.w-max-296 {
  max-width: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-296 {
    max-width: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-296 {
    max-width: 296px !important;
  }
}

.h-297 {
  height: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-297 {
    height: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-297 {
    height: 297px !important;
  }
}

.h-min-297 {
  min-height: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-297 {
    min-height: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-297 {
    min-height: 297px !important;
  }
}

.h-max-297 {
  max-height: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-297 {
    max-height: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-297 {
    max-height: 297px !important;
  }
}

.w-297 {
  width: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-297 {
    width: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-297 {
    width: 297px !important;
  }
}

.w-min-297 {
  min-width: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-297 {
    min-width: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-297 {
    min-width: 297px !important;
  }
}

.w-max-297 {
  max-width: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-297 {
    max-width: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-297 {
    max-width: 297px !important;
  }
}

.h-298 {
  height: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-298 {
    height: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-298 {
    height: 298px !important;
  }
}

.h-min-298 {
  min-height: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-298 {
    min-height: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-298 {
    min-height: 298px !important;
  }
}

.h-max-298 {
  max-height: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-298 {
    max-height: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-298 {
    max-height: 298px !important;
  }
}

.w-298 {
  width: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-298 {
    width: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-298 {
    width: 298px !important;
  }
}

.w-min-298 {
  min-width: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-298 {
    min-width: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-298 {
    min-width: 298px !important;
  }
}

.w-max-298 {
  max-width: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-298 {
    max-width: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-298 {
    max-width: 298px !important;
  }
}

.h-299 {
  height: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-299 {
    height: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-299 {
    height: 299px !important;
  }
}

.h-min-299 {
  min-height: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-299 {
    min-height: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-299 {
    min-height: 299px !important;
  }
}

.h-max-299 {
  max-height: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-299 {
    max-height: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-299 {
    max-height: 299px !important;
  }
}

.w-299 {
  width: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-299 {
    width: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-299 {
    width: 299px !important;
  }
}

.w-min-299 {
  min-width: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-299 {
    min-width: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-299 {
    min-width: 299px !important;
  }
}

.w-max-299 {
  max-width: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-299 {
    max-width: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-299 {
    max-width: 299px !important;
  }
}

.h-300 {
  height: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-300 {
    height: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-300 {
    height: 300px !important;
  }
}

.h-min-300 {
  min-height: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-300 {
    min-height: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-300 {
    min-height: 300px !important;
  }
}

.h-max-300 {
  max-height: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-300 {
    max-height: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-300 {
    max-height: 300px !important;
  }
}

.w-300 {
  width: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-300 {
    width: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-300 {
    width: 300px !important;
  }
}

.w-min-300 {
  min-width: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-300 {
    min-width: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-300 {
    min-width: 300px !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-300 {
    max-width: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-300 {
    max-width: 300px !important;
  }
}

.h-301 {
  height: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-301 {
    height: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-301 {
    height: 301px !important;
  }
}

.h-min-301 {
  min-height: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-301 {
    min-height: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-301 {
    min-height: 301px !important;
  }
}

.h-max-301 {
  max-height: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-301 {
    max-height: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-301 {
    max-height: 301px !important;
  }
}

.w-301 {
  width: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-301 {
    width: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-301 {
    width: 301px !important;
  }
}

.w-min-301 {
  min-width: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-301 {
    min-width: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-301 {
    min-width: 301px !important;
  }
}

.w-max-301 {
  max-width: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-301 {
    max-width: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-301 {
    max-width: 301px !important;
  }
}

.h-302 {
  height: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-302 {
    height: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-302 {
    height: 302px !important;
  }
}

.h-min-302 {
  min-height: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-302 {
    min-height: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-302 {
    min-height: 302px !important;
  }
}

.h-max-302 {
  max-height: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-302 {
    max-height: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-302 {
    max-height: 302px !important;
  }
}

.w-302 {
  width: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-302 {
    width: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-302 {
    width: 302px !important;
  }
}

.w-min-302 {
  min-width: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-302 {
    min-width: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-302 {
    min-width: 302px !important;
  }
}

.w-max-302 {
  max-width: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-302 {
    max-width: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-302 {
    max-width: 302px !important;
  }
}

.h-303 {
  height: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-303 {
    height: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-303 {
    height: 303px !important;
  }
}

.h-min-303 {
  min-height: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-303 {
    min-height: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-303 {
    min-height: 303px !important;
  }
}

.h-max-303 {
  max-height: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-303 {
    max-height: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-303 {
    max-height: 303px !important;
  }
}

.w-303 {
  width: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-303 {
    width: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-303 {
    width: 303px !important;
  }
}

.w-min-303 {
  min-width: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-303 {
    min-width: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-303 {
    min-width: 303px !important;
  }
}

.w-max-303 {
  max-width: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-303 {
    max-width: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-303 {
    max-width: 303px !important;
  }
}

.h-304 {
  height: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-304 {
    height: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-304 {
    height: 304px !important;
  }
}

.h-min-304 {
  min-height: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-304 {
    min-height: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-304 {
    min-height: 304px !important;
  }
}

.h-max-304 {
  max-height: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-304 {
    max-height: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-304 {
    max-height: 304px !important;
  }
}

.w-304 {
  width: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-304 {
    width: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-304 {
    width: 304px !important;
  }
}

.w-min-304 {
  min-width: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-304 {
    min-width: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-304 {
    min-width: 304px !important;
  }
}

.w-max-304 {
  max-width: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-304 {
    max-width: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-304 {
    max-width: 304px !important;
  }
}

.h-305 {
  height: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-305 {
    height: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-305 {
    height: 305px !important;
  }
}

.h-min-305 {
  min-height: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-305 {
    min-height: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-305 {
    min-height: 305px !important;
  }
}

.h-max-305 {
  max-height: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-305 {
    max-height: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-305 {
    max-height: 305px !important;
  }
}

.w-305 {
  width: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-305 {
    width: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-305 {
    width: 305px !important;
  }
}

.w-min-305 {
  min-width: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-305 {
    min-width: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-305 {
    min-width: 305px !important;
  }
}

.w-max-305 {
  max-width: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-305 {
    max-width: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-305 {
    max-width: 305px !important;
  }
}

.h-306 {
  height: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-306 {
    height: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-306 {
    height: 306px !important;
  }
}

.h-min-306 {
  min-height: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-306 {
    min-height: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-306 {
    min-height: 306px !important;
  }
}

.h-max-306 {
  max-height: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-306 {
    max-height: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-306 {
    max-height: 306px !important;
  }
}

.w-306 {
  width: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-306 {
    width: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-306 {
    width: 306px !important;
  }
}

.w-min-306 {
  min-width: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-306 {
    min-width: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-306 {
    min-width: 306px !important;
  }
}

.w-max-306 {
  max-width: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-306 {
    max-width: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-306 {
    max-width: 306px !important;
  }
}

.h-307 {
  height: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-307 {
    height: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-307 {
    height: 307px !important;
  }
}

.h-min-307 {
  min-height: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-307 {
    min-height: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-307 {
    min-height: 307px !important;
  }
}

.h-max-307 {
  max-height: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-307 {
    max-height: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-307 {
    max-height: 307px !important;
  }
}

.w-307 {
  width: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-307 {
    width: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-307 {
    width: 307px !important;
  }
}

.w-min-307 {
  min-width: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-307 {
    min-width: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-307 {
    min-width: 307px !important;
  }
}

.w-max-307 {
  max-width: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-307 {
    max-width: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-307 {
    max-width: 307px !important;
  }
}

.h-308 {
  height: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-308 {
    height: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-308 {
    height: 308px !important;
  }
}

.h-min-308 {
  min-height: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-308 {
    min-height: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-308 {
    min-height: 308px !important;
  }
}

.h-max-308 {
  max-height: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-308 {
    max-height: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-308 {
    max-height: 308px !important;
  }
}

.w-308 {
  width: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-308 {
    width: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-308 {
    width: 308px !important;
  }
}

.w-min-308 {
  min-width: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-308 {
    min-width: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-308 {
    min-width: 308px !important;
  }
}

.w-max-308 {
  max-width: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-308 {
    max-width: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-308 {
    max-width: 308px !important;
  }
}

.h-309 {
  height: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-309 {
    height: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-309 {
    height: 309px !important;
  }
}

.h-min-309 {
  min-height: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-309 {
    min-height: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-309 {
    min-height: 309px !important;
  }
}

.h-max-309 {
  max-height: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-309 {
    max-height: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-309 {
    max-height: 309px !important;
  }
}

.w-309 {
  width: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-309 {
    width: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-309 {
    width: 309px !important;
  }
}

.w-min-309 {
  min-width: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-309 {
    min-width: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-309 {
    min-width: 309px !important;
  }
}

.w-max-309 {
  max-width: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-309 {
    max-width: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-309 {
    max-width: 309px !important;
  }
}

.h-310 {
  height: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-310 {
    height: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-310 {
    height: 310px !important;
  }
}

.h-min-310 {
  min-height: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-310 {
    min-height: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-310 {
    min-height: 310px !important;
  }
}

.h-max-310 {
  max-height: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-310 {
    max-height: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-310 {
    max-height: 310px !important;
  }
}

.w-310 {
  width: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-310 {
    width: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-310 {
    width: 310px !important;
  }
}

.w-min-310 {
  min-width: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-310 {
    min-width: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-310 {
    min-width: 310px !important;
  }
}

.w-max-310 {
  max-width: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-310 {
    max-width: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-310 {
    max-width: 310px !important;
  }
}

.h-311 {
  height: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-311 {
    height: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-311 {
    height: 311px !important;
  }
}

.h-min-311 {
  min-height: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-311 {
    min-height: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-311 {
    min-height: 311px !important;
  }
}

.h-max-311 {
  max-height: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-311 {
    max-height: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-311 {
    max-height: 311px !important;
  }
}

.w-311 {
  width: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-311 {
    width: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-311 {
    width: 311px !important;
  }
}

.w-min-311 {
  min-width: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-311 {
    min-width: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-311 {
    min-width: 311px !important;
  }
}

.w-max-311 {
  max-width: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-311 {
    max-width: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-311 {
    max-width: 311px !important;
  }
}

.h-312 {
  height: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-312 {
    height: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-312 {
    height: 312px !important;
  }
}

.h-min-312 {
  min-height: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-312 {
    min-height: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-312 {
    min-height: 312px !important;
  }
}

.h-max-312 {
  max-height: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-312 {
    max-height: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-312 {
    max-height: 312px !important;
  }
}

.w-312 {
  width: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-312 {
    width: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-312 {
    width: 312px !important;
  }
}

.w-min-312 {
  min-width: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-312 {
    min-width: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-312 {
    min-width: 312px !important;
  }
}

.w-max-312 {
  max-width: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-312 {
    max-width: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-312 {
    max-width: 312px !important;
  }
}

.h-313 {
  height: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-313 {
    height: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-313 {
    height: 313px !important;
  }
}

.h-min-313 {
  min-height: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-313 {
    min-height: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-313 {
    min-height: 313px !important;
  }
}

.h-max-313 {
  max-height: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-313 {
    max-height: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-313 {
    max-height: 313px !important;
  }
}

.w-313 {
  width: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-313 {
    width: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-313 {
    width: 313px !important;
  }
}

.w-min-313 {
  min-width: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-313 {
    min-width: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-313 {
    min-width: 313px !important;
  }
}

.w-max-313 {
  max-width: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-313 {
    max-width: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-313 {
    max-width: 313px !important;
  }
}

.h-314 {
  height: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-314 {
    height: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-314 {
    height: 314px !important;
  }
}

.h-min-314 {
  min-height: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-314 {
    min-height: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-314 {
    min-height: 314px !important;
  }
}

.h-max-314 {
  max-height: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-314 {
    max-height: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-314 {
    max-height: 314px !important;
  }
}

.w-314 {
  width: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-314 {
    width: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-314 {
    width: 314px !important;
  }
}

.w-min-314 {
  min-width: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-314 {
    min-width: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-314 {
    min-width: 314px !important;
  }
}

.w-max-314 {
  max-width: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-314 {
    max-width: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-314 {
    max-width: 314px !important;
  }
}

.h-315 {
  height: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-315 {
    height: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-315 {
    height: 315px !important;
  }
}

.h-min-315 {
  min-height: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-315 {
    min-height: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-315 {
    min-height: 315px !important;
  }
}

.h-max-315 {
  max-height: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-315 {
    max-height: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-315 {
    max-height: 315px !important;
  }
}

.w-315 {
  width: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-315 {
    width: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-315 {
    width: 315px !important;
  }
}

.w-min-315 {
  min-width: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-315 {
    min-width: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-315 {
    min-width: 315px !important;
  }
}

.w-max-315 {
  max-width: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-315 {
    max-width: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-315 {
    max-width: 315px !important;
  }
}

.h-316 {
  height: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-316 {
    height: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-316 {
    height: 316px !important;
  }
}

.h-min-316 {
  min-height: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-316 {
    min-height: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-316 {
    min-height: 316px !important;
  }
}

.h-max-316 {
  max-height: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-316 {
    max-height: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-316 {
    max-height: 316px !important;
  }
}

.w-316 {
  width: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-316 {
    width: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-316 {
    width: 316px !important;
  }
}

.w-min-316 {
  min-width: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-316 {
    min-width: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-316 {
    min-width: 316px !important;
  }
}

.w-max-316 {
  max-width: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-316 {
    max-width: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-316 {
    max-width: 316px !important;
  }
}

.h-317 {
  height: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-317 {
    height: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-317 {
    height: 317px !important;
  }
}

.h-min-317 {
  min-height: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-317 {
    min-height: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-317 {
    min-height: 317px !important;
  }
}

.h-max-317 {
  max-height: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-317 {
    max-height: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-317 {
    max-height: 317px !important;
  }
}

.w-317 {
  width: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-317 {
    width: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-317 {
    width: 317px !important;
  }
}

.w-min-317 {
  min-width: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-317 {
    min-width: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-317 {
    min-width: 317px !important;
  }
}

.w-max-317 {
  max-width: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-317 {
    max-width: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-317 {
    max-width: 317px !important;
  }
}

.h-318 {
  height: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-318 {
    height: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-318 {
    height: 318px !important;
  }
}

.h-min-318 {
  min-height: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-318 {
    min-height: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-318 {
    min-height: 318px !important;
  }
}

.h-max-318 {
  max-height: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-318 {
    max-height: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-318 {
    max-height: 318px !important;
  }
}

.w-318 {
  width: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-318 {
    width: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-318 {
    width: 318px !important;
  }
}

.w-min-318 {
  min-width: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-318 {
    min-width: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-318 {
    min-width: 318px !important;
  }
}

.w-max-318 {
  max-width: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-318 {
    max-width: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-318 {
    max-width: 318px !important;
  }
}

.h-319 {
  height: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-319 {
    height: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-319 {
    height: 319px !important;
  }
}

.h-min-319 {
  min-height: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-319 {
    min-height: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-319 {
    min-height: 319px !important;
  }
}

.h-max-319 {
  max-height: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-319 {
    max-height: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-319 {
    max-height: 319px !important;
  }
}

.w-319 {
  width: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-319 {
    width: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-319 {
    width: 319px !important;
  }
}

.w-min-319 {
  min-width: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-319 {
    min-width: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-319 {
    min-width: 319px !important;
  }
}

.w-max-319 {
  max-width: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-319 {
    max-width: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-319 {
    max-width: 319px !important;
  }
}

.h-320 {
  height: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-320 {
    height: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-320 {
    height: 320px !important;
  }
}

.h-min-320 {
  min-height: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-320 {
    min-height: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-320 {
    min-height: 320px !important;
  }
}

.h-max-320 {
  max-height: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-320 {
    max-height: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-320 {
    max-height: 320px !important;
  }
}

.w-320 {
  width: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-320 {
    width: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-320 {
    width: 320px !important;
  }
}

.w-min-320 {
  min-width: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-320 {
    min-width: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-320 {
    min-width: 320px !important;
  }
}

.w-max-320 {
  max-width: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-320 {
    max-width: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-320 {
    max-width: 320px !important;
  }
}

.h-321 {
  height: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-321 {
    height: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-321 {
    height: 321px !important;
  }
}

.h-min-321 {
  min-height: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-321 {
    min-height: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-321 {
    min-height: 321px !important;
  }
}

.h-max-321 {
  max-height: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-321 {
    max-height: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-321 {
    max-height: 321px !important;
  }
}

.w-321 {
  width: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-321 {
    width: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-321 {
    width: 321px !important;
  }
}

.w-min-321 {
  min-width: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-321 {
    min-width: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-321 {
    min-width: 321px !important;
  }
}

.w-max-321 {
  max-width: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-321 {
    max-width: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-321 {
    max-width: 321px !important;
  }
}

.h-322 {
  height: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-322 {
    height: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-322 {
    height: 322px !important;
  }
}

.h-min-322 {
  min-height: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-322 {
    min-height: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-322 {
    min-height: 322px !important;
  }
}

.h-max-322 {
  max-height: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-322 {
    max-height: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-322 {
    max-height: 322px !important;
  }
}

.w-322 {
  width: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-322 {
    width: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-322 {
    width: 322px !important;
  }
}

.w-min-322 {
  min-width: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-322 {
    min-width: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-322 {
    min-width: 322px !important;
  }
}

.w-max-322 {
  max-width: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-322 {
    max-width: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-322 {
    max-width: 322px !important;
  }
}

.h-323 {
  height: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-323 {
    height: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-323 {
    height: 323px !important;
  }
}

.h-min-323 {
  min-height: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-323 {
    min-height: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-323 {
    min-height: 323px !important;
  }
}

.h-max-323 {
  max-height: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-323 {
    max-height: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-323 {
    max-height: 323px !important;
  }
}

.w-323 {
  width: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-323 {
    width: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-323 {
    width: 323px !important;
  }
}

.w-min-323 {
  min-width: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-323 {
    min-width: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-323 {
    min-width: 323px !important;
  }
}

.w-max-323 {
  max-width: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-323 {
    max-width: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-323 {
    max-width: 323px !important;
  }
}

.h-324 {
  height: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-324 {
    height: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-324 {
    height: 324px !important;
  }
}

.h-min-324 {
  min-height: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-324 {
    min-height: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-324 {
    min-height: 324px !important;
  }
}

.h-max-324 {
  max-height: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-324 {
    max-height: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-324 {
    max-height: 324px !important;
  }
}

.w-324 {
  width: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-324 {
    width: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-324 {
    width: 324px !important;
  }
}

.w-min-324 {
  min-width: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-324 {
    min-width: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-324 {
    min-width: 324px !important;
  }
}

.w-max-324 {
  max-width: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-324 {
    max-width: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-324 {
    max-width: 324px !important;
  }
}

.h-325 {
  height: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-325 {
    height: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-325 {
    height: 325px !important;
  }
}

.h-min-325 {
  min-height: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-325 {
    min-height: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-325 {
    min-height: 325px !important;
  }
}

.h-max-325 {
  max-height: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-325 {
    max-height: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-325 {
    max-height: 325px !important;
  }
}

.w-325 {
  width: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-325 {
    width: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-325 {
    width: 325px !important;
  }
}

.w-min-325 {
  min-width: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-325 {
    min-width: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-325 {
    min-width: 325px !important;
  }
}

.w-max-325 {
  max-width: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-325 {
    max-width: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-325 {
    max-width: 325px !important;
  }
}

.h-326 {
  height: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-326 {
    height: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-326 {
    height: 326px !important;
  }
}

.h-min-326 {
  min-height: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-326 {
    min-height: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-326 {
    min-height: 326px !important;
  }
}

.h-max-326 {
  max-height: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-326 {
    max-height: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-326 {
    max-height: 326px !important;
  }
}

.w-326 {
  width: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-326 {
    width: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-326 {
    width: 326px !important;
  }
}

.w-min-326 {
  min-width: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-326 {
    min-width: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-326 {
    min-width: 326px !important;
  }
}

.w-max-326 {
  max-width: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-326 {
    max-width: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-326 {
    max-width: 326px !important;
  }
}

.h-327 {
  height: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-327 {
    height: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-327 {
    height: 327px !important;
  }
}

.h-min-327 {
  min-height: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-327 {
    min-height: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-327 {
    min-height: 327px !important;
  }
}

.h-max-327 {
  max-height: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-327 {
    max-height: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-327 {
    max-height: 327px !important;
  }
}

.w-327 {
  width: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-327 {
    width: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-327 {
    width: 327px !important;
  }
}

.w-min-327 {
  min-width: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-327 {
    min-width: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-327 {
    min-width: 327px !important;
  }
}

.w-max-327 {
  max-width: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-327 {
    max-width: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-327 {
    max-width: 327px !important;
  }
}

.h-328 {
  height: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-328 {
    height: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-328 {
    height: 328px !important;
  }
}

.h-min-328 {
  min-height: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-328 {
    min-height: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-328 {
    min-height: 328px !important;
  }
}

.h-max-328 {
  max-height: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-328 {
    max-height: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-328 {
    max-height: 328px !important;
  }
}

.w-328 {
  width: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-328 {
    width: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-328 {
    width: 328px !important;
  }
}

.w-min-328 {
  min-width: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-328 {
    min-width: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-328 {
    min-width: 328px !important;
  }
}

.w-max-328 {
  max-width: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-328 {
    max-width: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-328 {
    max-width: 328px !important;
  }
}

.h-329 {
  height: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-329 {
    height: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-329 {
    height: 329px !important;
  }
}

.h-min-329 {
  min-height: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-329 {
    min-height: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-329 {
    min-height: 329px !important;
  }
}

.h-max-329 {
  max-height: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-329 {
    max-height: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-329 {
    max-height: 329px !important;
  }
}

.w-329 {
  width: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-329 {
    width: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-329 {
    width: 329px !important;
  }
}

.w-min-329 {
  min-width: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-329 {
    min-width: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-329 {
    min-width: 329px !important;
  }
}

.w-max-329 {
  max-width: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-329 {
    max-width: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-329 {
    max-width: 329px !important;
  }
}

.h-330 {
  height: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-330 {
    height: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-330 {
    height: 330px !important;
  }
}

.h-min-330 {
  min-height: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-330 {
    min-height: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-330 {
    min-height: 330px !important;
  }
}

.h-max-330 {
  max-height: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-330 {
    max-height: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-330 {
    max-height: 330px !important;
  }
}

.w-330 {
  width: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-330 {
    width: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-330 {
    width: 330px !important;
  }
}

.w-min-330 {
  min-width: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-330 {
    min-width: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-330 {
    min-width: 330px !important;
  }
}

.w-max-330 {
  max-width: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-330 {
    max-width: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-330 {
    max-width: 330px !important;
  }
}

.h-331 {
  height: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-331 {
    height: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-331 {
    height: 331px !important;
  }
}

.h-min-331 {
  min-height: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-331 {
    min-height: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-331 {
    min-height: 331px !important;
  }
}

.h-max-331 {
  max-height: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-331 {
    max-height: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-331 {
    max-height: 331px !important;
  }
}

.w-331 {
  width: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-331 {
    width: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-331 {
    width: 331px !important;
  }
}

.w-min-331 {
  min-width: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-331 {
    min-width: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-331 {
    min-width: 331px !important;
  }
}

.w-max-331 {
  max-width: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-331 {
    max-width: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-331 {
    max-width: 331px !important;
  }
}

.h-332 {
  height: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-332 {
    height: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-332 {
    height: 332px !important;
  }
}

.h-min-332 {
  min-height: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-332 {
    min-height: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-332 {
    min-height: 332px !important;
  }
}

.h-max-332 {
  max-height: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-332 {
    max-height: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-332 {
    max-height: 332px !important;
  }
}

.w-332 {
  width: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-332 {
    width: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-332 {
    width: 332px !important;
  }
}

.w-min-332 {
  min-width: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-332 {
    min-width: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-332 {
    min-width: 332px !important;
  }
}

.w-max-332 {
  max-width: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-332 {
    max-width: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-332 {
    max-width: 332px !important;
  }
}

.h-333 {
  height: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-333 {
    height: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-333 {
    height: 333px !important;
  }
}

.h-min-333 {
  min-height: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-333 {
    min-height: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-333 {
    min-height: 333px !important;
  }
}

.h-max-333 {
  max-height: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-333 {
    max-height: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-333 {
    max-height: 333px !important;
  }
}

.w-333 {
  width: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-333 {
    width: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-333 {
    width: 333px !important;
  }
}

.w-min-333 {
  min-width: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-333 {
    min-width: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-333 {
    min-width: 333px !important;
  }
}

.w-max-333 {
  max-width: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-333 {
    max-width: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-333 {
    max-width: 333px !important;
  }
}

.h-334 {
  height: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-334 {
    height: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-334 {
    height: 334px !important;
  }
}

.h-min-334 {
  min-height: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-334 {
    min-height: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-334 {
    min-height: 334px !important;
  }
}

.h-max-334 {
  max-height: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-334 {
    max-height: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-334 {
    max-height: 334px !important;
  }
}

.w-334 {
  width: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-334 {
    width: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-334 {
    width: 334px !important;
  }
}

.w-min-334 {
  min-width: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-334 {
    min-width: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-334 {
    min-width: 334px !important;
  }
}

.w-max-334 {
  max-width: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-334 {
    max-width: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-334 {
    max-width: 334px !important;
  }
}

.h-335 {
  height: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-335 {
    height: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-335 {
    height: 335px !important;
  }
}

.h-min-335 {
  min-height: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-335 {
    min-height: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-335 {
    min-height: 335px !important;
  }
}

.h-max-335 {
  max-height: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-335 {
    max-height: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-335 {
    max-height: 335px !important;
  }
}

.w-335 {
  width: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-335 {
    width: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-335 {
    width: 335px !important;
  }
}

.w-min-335 {
  min-width: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-335 {
    min-width: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-335 {
    min-width: 335px !important;
  }
}

.w-max-335 {
  max-width: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-335 {
    max-width: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-335 {
    max-width: 335px !important;
  }
}

.h-336 {
  height: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-336 {
    height: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-336 {
    height: 336px !important;
  }
}

.h-min-336 {
  min-height: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-336 {
    min-height: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-336 {
    min-height: 336px !important;
  }
}

.h-max-336 {
  max-height: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-336 {
    max-height: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-336 {
    max-height: 336px !important;
  }
}

.w-336 {
  width: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-336 {
    width: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-336 {
    width: 336px !important;
  }
}

.w-min-336 {
  min-width: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-336 {
    min-width: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-336 {
    min-width: 336px !important;
  }
}

.w-max-336 {
  max-width: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-336 {
    max-width: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-336 {
    max-width: 336px !important;
  }
}

.h-337 {
  height: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-337 {
    height: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-337 {
    height: 337px !important;
  }
}

.h-min-337 {
  min-height: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-337 {
    min-height: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-337 {
    min-height: 337px !important;
  }
}

.h-max-337 {
  max-height: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-337 {
    max-height: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-337 {
    max-height: 337px !important;
  }
}

.w-337 {
  width: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-337 {
    width: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-337 {
    width: 337px !important;
  }
}

.w-min-337 {
  min-width: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-337 {
    min-width: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-337 {
    min-width: 337px !important;
  }
}

.w-max-337 {
  max-width: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-337 {
    max-width: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-337 {
    max-width: 337px !important;
  }
}

.h-338 {
  height: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-338 {
    height: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-338 {
    height: 338px !important;
  }
}

.h-min-338 {
  min-height: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-338 {
    min-height: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-338 {
    min-height: 338px !important;
  }
}

.h-max-338 {
  max-height: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-338 {
    max-height: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-338 {
    max-height: 338px !important;
  }
}

.w-338 {
  width: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-338 {
    width: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-338 {
    width: 338px !important;
  }
}

.w-min-338 {
  min-width: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-338 {
    min-width: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-338 {
    min-width: 338px !important;
  }
}

.w-max-338 {
  max-width: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-338 {
    max-width: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-338 {
    max-width: 338px !important;
  }
}

.h-339 {
  height: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-339 {
    height: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-339 {
    height: 339px !important;
  }
}

.h-min-339 {
  min-height: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-339 {
    min-height: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-339 {
    min-height: 339px !important;
  }
}

.h-max-339 {
  max-height: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-339 {
    max-height: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-339 {
    max-height: 339px !important;
  }
}

.w-339 {
  width: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-339 {
    width: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-339 {
    width: 339px !important;
  }
}

.w-min-339 {
  min-width: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-339 {
    min-width: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-339 {
    min-width: 339px !important;
  }
}

.w-max-339 {
  max-width: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-339 {
    max-width: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-339 {
    max-width: 339px !important;
  }
}

.h-340 {
  height: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-340 {
    height: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-340 {
    height: 340px !important;
  }
}

.h-min-340 {
  min-height: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-340 {
    min-height: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-340 {
    min-height: 340px !important;
  }
}

.h-max-340 {
  max-height: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-340 {
    max-height: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-340 {
    max-height: 340px !important;
  }
}

.w-340 {
  width: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-340 {
    width: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-340 {
    width: 340px !important;
  }
}

.w-min-340 {
  min-width: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-340 {
    min-width: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-340 {
    min-width: 340px !important;
  }
}

.w-max-340 {
  max-width: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-340 {
    max-width: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-340 {
    max-width: 340px !important;
  }
}

.h-341 {
  height: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-341 {
    height: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-341 {
    height: 341px !important;
  }
}

.h-min-341 {
  min-height: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-341 {
    min-height: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-341 {
    min-height: 341px !important;
  }
}

.h-max-341 {
  max-height: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-341 {
    max-height: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-341 {
    max-height: 341px !important;
  }
}

.w-341 {
  width: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-341 {
    width: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-341 {
    width: 341px !important;
  }
}

.w-min-341 {
  min-width: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-341 {
    min-width: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-341 {
    min-width: 341px !important;
  }
}

.w-max-341 {
  max-width: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-341 {
    max-width: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-341 {
    max-width: 341px !important;
  }
}

.h-342 {
  height: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-342 {
    height: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-342 {
    height: 342px !important;
  }
}

.h-min-342 {
  min-height: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-342 {
    min-height: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-342 {
    min-height: 342px !important;
  }
}

.h-max-342 {
  max-height: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-342 {
    max-height: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-342 {
    max-height: 342px !important;
  }
}

.w-342 {
  width: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-342 {
    width: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-342 {
    width: 342px !important;
  }
}

.w-min-342 {
  min-width: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-342 {
    min-width: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-342 {
    min-width: 342px !important;
  }
}

.w-max-342 {
  max-width: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-342 {
    max-width: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-342 {
    max-width: 342px !important;
  }
}

.h-343 {
  height: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-343 {
    height: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-343 {
    height: 343px !important;
  }
}

.h-min-343 {
  min-height: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-343 {
    min-height: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-343 {
    min-height: 343px !important;
  }
}

.h-max-343 {
  max-height: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-343 {
    max-height: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-343 {
    max-height: 343px !important;
  }
}

.w-343 {
  width: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-343 {
    width: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-343 {
    width: 343px !important;
  }
}

.w-min-343 {
  min-width: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-343 {
    min-width: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-343 {
    min-width: 343px !important;
  }
}

.w-max-343 {
  max-width: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-343 {
    max-width: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-343 {
    max-width: 343px !important;
  }
}

.h-344 {
  height: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-344 {
    height: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-344 {
    height: 344px !important;
  }
}

.h-min-344 {
  min-height: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-344 {
    min-height: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-344 {
    min-height: 344px !important;
  }
}

.h-max-344 {
  max-height: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-344 {
    max-height: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-344 {
    max-height: 344px !important;
  }
}

.w-344 {
  width: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-344 {
    width: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-344 {
    width: 344px !important;
  }
}

.w-min-344 {
  min-width: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-344 {
    min-width: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-344 {
    min-width: 344px !important;
  }
}

.w-max-344 {
  max-width: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-344 {
    max-width: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-344 {
    max-width: 344px !important;
  }
}

.h-345 {
  height: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-345 {
    height: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-345 {
    height: 345px !important;
  }
}

.h-min-345 {
  min-height: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-345 {
    min-height: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-345 {
    min-height: 345px !important;
  }
}

.h-max-345 {
  max-height: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-345 {
    max-height: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-345 {
    max-height: 345px !important;
  }
}

.w-345 {
  width: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-345 {
    width: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-345 {
    width: 345px !important;
  }
}

.w-min-345 {
  min-width: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-345 {
    min-width: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-345 {
    min-width: 345px !important;
  }
}

.w-max-345 {
  max-width: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-345 {
    max-width: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-345 {
    max-width: 345px !important;
  }
}

.h-346 {
  height: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-346 {
    height: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-346 {
    height: 346px !important;
  }
}

.h-min-346 {
  min-height: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-346 {
    min-height: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-346 {
    min-height: 346px !important;
  }
}

.h-max-346 {
  max-height: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-346 {
    max-height: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-346 {
    max-height: 346px !important;
  }
}

.w-346 {
  width: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-346 {
    width: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-346 {
    width: 346px !important;
  }
}

.w-min-346 {
  min-width: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-346 {
    min-width: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-346 {
    min-width: 346px !important;
  }
}

.w-max-346 {
  max-width: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-346 {
    max-width: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-346 {
    max-width: 346px !important;
  }
}

.h-347 {
  height: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-347 {
    height: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-347 {
    height: 347px !important;
  }
}

.h-min-347 {
  min-height: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-347 {
    min-height: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-347 {
    min-height: 347px !important;
  }
}

.h-max-347 {
  max-height: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-347 {
    max-height: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-347 {
    max-height: 347px !important;
  }
}

.w-347 {
  width: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-347 {
    width: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-347 {
    width: 347px !important;
  }
}

.w-min-347 {
  min-width: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-347 {
    min-width: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-347 {
    min-width: 347px !important;
  }
}

.w-max-347 {
  max-width: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-347 {
    max-width: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-347 {
    max-width: 347px !important;
  }
}

.h-348 {
  height: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-348 {
    height: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-348 {
    height: 348px !important;
  }
}

.h-min-348 {
  min-height: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-348 {
    min-height: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-348 {
    min-height: 348px !important;
  }
}

.h-max-348 {
  max-height: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-348 {
    max-height: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-348 {
    max-height: 348px !important;
  }
}

.w-348 {
  width: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-348 {
    width: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-348 {
    width: 348px !important;
  }
}

.w-min-348 {
  min-width: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-348 {
    min-width: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-348 {
    min-width: 348px !important;
  }
}

.w-max-348 {
  max-width: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-348 {
    max-width: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-348 {
    max-width: 348px !important;
  }
}

.h-349 {
  height: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-349 {
    height: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-349 {
    height: 349px !important;
  }
}

.h-min-349 {
  min-height: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-349 {
    min-height: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-349 {
    min-height: 349px !important;
  }
}

.h-max-349 {
  max-height: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-349 {
    max-height: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-349 {
    max-height: 349px !important;
  }
}

.w-349 {
  width: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-349 {
    width: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-349 {
    width: 349px !important;
  }
}

.w-min-349 {
  min-width: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-349 {
    min-width: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-349 {
    min-width: 349px !important;
  }
}

.w-max-349 {
  max-width: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-349 {
    max-width: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-349 {
    max-width: 349px !important;
  }
}

.h-350 {
  height: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-350 {
    height: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-350 {
    height: 350px !important;
  }
}

.h-min-350 {
  min-height: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-350 {
    min-height: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-350 {
    min-height: 350px !important;
  }
}

.h-max-350 {
  max-height: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-350 {
    max-height: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-350 {
    max-height: 350px !important;
  }
}

.w-350 {
  width: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-350 {
    width: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-350 {
    width: 350px !important;
  }
}

.w-min-350 {
  min-width: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-350 {
    min-width: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-350 {
    min-width: 350px !important;
  }
}

.w-max-350 {
  max-width: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-350 {
    max-width: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-350 {
    max-width: 350px !important;
  }
}

.h-351 {
  height: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-351 {
    height: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-351 {
    height: 351px !important;
  }
}

.h-min-351 {
  min-height: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-351 {
    min-height: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-351 {
    min-height: 351px !important;
  }
}

.h-max-351 {
  max-height: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-351 {
    max-height: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-351 {
    max-height: 351px !important;
  }
}

.w-351 {
  width: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-351 {
    width: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-351 {
    width: 351px !important;
  }
}

.w-min-351 {
  min-width: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-351 {
    min-width: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-351 {
    min-width: 351px !important;
  }
}

.w-max-351 {
  max-width: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-351 {
    max-width: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-351 {
    max-width: 351px !important;
  }
}

.h-352 {
  height: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-352 {
    height: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-352 {
    height: 352px !important;
  }
}

.h-min-352 {
  min-height: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-352 {
    min-height: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-352 {
    min-height: 352px !important;
  }
}

.h-max-352 {
  max-height: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-352 {
    max-height: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-352 {
    max-height: 352px !important;
  }
}

.w-352 {
  width: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-352 {
    width: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-352 {
    width: 352px !important;
  }
}

.w-min-352 {
  min-width: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-352 {
    min-width: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-352 {
    min-width: 352px !important;
  }
}

.w-max-352 {
  max-width: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-352 {
    max-width: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-352 {
    max-width: 352px !important;
  }
}

.h-353 {
  height: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-353 {
    height: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-353 {
    height: 353px !important;
  }
}

.h-min-353 {
  min-height: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-353 {
    min-height: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-353 {
    min-height: 353px !important;
  }
}

.h-max-353 {
  max-height: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-353 {
    max-height: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-353 {
    max-height: 353px !important;
  }
}

.w-353 {
  width: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-353 {
    width: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-353 {
    width: 353px !important;
  }
}

.w-min-353 {
  min-width: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-353 {
    min-width: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-353 {
    min-width: 353px !important;
  }
}

.w-max-353 {
  max-width: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-353 {
    max-width: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-353 {
    max-width: 353px !important;
  }
}

.h-354 {
  height: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-354 {
    height: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-354 {
    height: 354px !important;
  }
}

.h-min-354 {
  min-height: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-354 {
    min-height: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-354 {
    min-height: 354px !important;
  }
}

.h-max-354 {
  max-height: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-354 {
    max-height: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-354 {
    max-height: 354px !important;
  }
}

.w-354 {
  width: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-354 {
    width: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-354 {
    width: 354px !important;
  }
}

.w-min-354 {
  min-width: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-354 {
    min-width: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-354 {
    min-width: 354px !important;
  }
}

.w-max-354 {
  max-width: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-354 {
    max-width: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-354 {
    max-width: 354px !important;
  }
}

.h-355 {
  height: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-355 {
    height: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-355 {
    height: 355px !important;
  }
}

.h-min-355 {
  min-height: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-355 {
    min-height: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-355 {
    min-height: 355px !important;
  }
}

.h-max-355 {
  max-height: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-355 {
    max-height: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-355 {
    max-height: 355px !important;
  }
}

.w-355 {
  width: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-355 {
    width: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-355 {
    width: 355px !important;
  }
}

.w-min-355 {
  min-width: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-355 {
    min-width: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-355 {
    min-width: 355px !important;
  }
}

.w-max-355 {
  max-width: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-355 {
    max-width: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-355 {
    max-width: 355px !important;
  }
}

.h-356 {
  height: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-356 {
    height: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-356 {
    height: 356px !important;
  }
}

.h-min-356 {
  min-height: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-356 {
    min-height: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-356 {
    min-height: 356px !important;
  }
}

.h-max-356 {
  max-height: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-356 {
    max-height: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-356 {
    max-height: 356px !important;
  }
}

.w-356 {
  width: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-356 {
    width: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-356 {
    width: 356px !important;
  }
}

.w-min-356 {
  min-width: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-356 {
    min-width: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-356 {
    min-width: 356px !important;
  }
}

.w-max-356 {
  max-width: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-356 {
    max-width: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-356 {
    max-width: 356px !important;
  }
}

.h-357 {
  height: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-357 {
    height: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-357 {
    height: 357px !important;
  }
}

.h-min-357 {
  min-height: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-357 {
    min-height: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-357 {
    min-height: 357px !important;
  }
}

.h-max-357 {
  max-height: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-357 {
    max-height: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-357 {
    max-height: 357px !important;
  }
}

.w-357 {
  width: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-357 {
    width: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-357 {
    width: 357px !important;
  }
}

.w-min-357 {
  min-width: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-357 {
    min-width: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-357 {
    min-width: 357px !important;
  }
}

.w-max-357 {
  max-width: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-357 {
    max-width: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-357 {
    max-width: 357px !important;
  }
}

.h-358 {
  height: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-358 {
    height: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-358 {
    height: 358px !important;
  }
}

.h-min-358 {
  min-height: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-358 {
    min-height: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-358 {
    min-height: 358px !important;
  }
}

.h-max-358 {
  max-height: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-358 {
    max-height: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-358 {
    max-height: 358px !important;
  }
}

.w-358 {
  width: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-358 {
    width: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-358 {
    width: 358px !important;
  }
}

.w-min-358 {
  min-width: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-358 {
    min-width: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-358 {
    min-width: 358px !important;
  }
}

.w-max-358 {
  max-width: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-358 {
    max-width: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-358 {
    max-width: 358px !important;
  }
}

.h-359 {
  height: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-359 {
    height: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-359 {
    height: 359px !important;
  }
}

.h-min-359 {
  min-height: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-359 {
    min-height: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-359 {
    min-height: 359px !important;
  }
}

.h-max-359 {
  max-height: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-359 {
    max-height: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-359 {
    max-height: 359px !important;
  }
}

.w-359 {
  width: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-359 {
    width: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-359 {
    width: 359px !important;
  }
}

.w-min-359 {
  min-width: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-359 {
    min-width: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-359 {
    min-width: 359px !important;
  }
}

.w-max-359 {
  max-width: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-359 {
    max-width: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-359 {
    max-width: 359px !important;
  }
}

.h-360 {
  height: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-360 {
    height: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-360 {
    height: 360px !important;
  }
}

.h-min-360 {
  min-height: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-360 {
    min-height: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-360 {
    min-height: 360px !important;
  }
}

.h-max-360 {
  max-height: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-360 {
    max-height: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-360 {
    max-height: 360px !important;
  }
}

.w-360 {
  width: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-360 {
    width: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-360 {
    width: 360px !important;
  }
}

.w-min-360 {
  min-width: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-360 {
    min-width: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-360 {
    min-width: 360px !important;
  }
}

.w-max-360 {
  max-width: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-360 {
    max-width: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-360 {
    max-width: 360px !important;
  }
}

.h-361 {
  height: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-361 {
    height: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-361 {
    height: 361px !important;
  }
}

.h-min-361 {
  min-height: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-361 {
    min-height: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-361 {
    min-height: 361px !important;
  }
}

.h-max-361 {
  max-height: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-361 {
    max-height: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-361 {
    max-height: 361px !important;
  }
}

.w-361 {
  width: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-361 {
    width: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-361 {
    width: 361px !important;
  }
}

.w-min-361 {
  min-width: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-361 {
    min-width: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-361 {
    min-width: 361px !important;
  }
}

.w-max-361 {
  max-width: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-361 {
    max-width: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-361 {
    max-width: 361px !important;
  }
}

.h-362 {
  height: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-362 {
    height: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-362 {
    height: 362px !important;
  }
}

.h-min-362 {
  min-height: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-362 {
    min-height: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-362 {
    min-height: 362px !important;
  }
}

.h-max-362 {
  max-height: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-362 {
    max-height: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-362 {
    max-height: 362px !important;
  }
}

.w-362 {
  width: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-362 {
    width: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-362 {
    width: 362px !important;
  }
}

.w-min-362 {
  min-width: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-362 {
    min-width: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-362 {
    min-width: 362px !important;
  }
}

.w-max-362 {
  max-width: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-362 {
    max-width: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-362 {
    max-width: 362px !important;
  }
}

.h-363 {
  height: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-363 {
    height: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-363 {
    height: 363px !important;
  }
}

.h-min-363 {
  min-height: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-363 {
    min-height: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-363 {
    min-height: 363px !important;
  }
}

.h-max-363 {
  max-height: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-363 {
    max-height: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-363 {
    max-height: 363px !important;
  }
}

.w-363 {
  width: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-363 {
    width: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-363 {
    width: 363px !important;
  }
}

.w-min-363 {
  min-width: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-363 {
    min-width: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-363 {
    min-width: 363px !important;
  }
}

.w-max-363 {
  max-width: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-363 {
    max-width: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-363 {
    max-width: 363px !important;
  }
}

.h-364 {
  height: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-364 {
    height: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-364 {
    height: 364px !important;
  }
}

.h-min-364 {
  min-height: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-364 {
    min-height: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-364 {
    min-height: 364px !important;
  }
}

.h-max-364 {
  max-height: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-364 {
    max-height: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-364 {
    max-height: 364px !important;
  }
}

.w-364 {
  width: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-364 {
    width: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-364 {
    width: 364px !important;
  }
}

.w-min-364 {
  min-width: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-364 {
    min-width: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-364 {
    min-width: 364px !important;
  }
}

.w-max-364 {
  max-width: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-364 {
    max-width: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-364 {
    max-width: 364px !important;
  }
}

.h-365 {
  height: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-365 {
    height: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-365 {
    height: 365px !important;
  }
}

.h-min-365 {
  min-height: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-365 {
    min-height: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-365 {
    min-height: 365px !important;
  }
}

.h-max-365 {
  max-height: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-365 {
    max-height: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-365 {
    max-height: 365px !important;
  }
}

.w-365 {
  width: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-365 {
    width: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-365 {
    width: 365px !important;
  }
}

.w-min-365 {
  min-width: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-365 {
    min-width: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-365 {
    min-width: 365px !important;
  }
}

.w-max-365 {
  max-width: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-365 {
    max-width: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-365 {
    max-width: 365px !important;
  }
}

.h-366 {
  height: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-366 {
    height: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-366 {
    height: 366px !important;
  }
}

.h-min-366 {
  min-height: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-366 {
    min-height: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-366 {
    min-height: 366px !important;
  }
}

.h-max-366 {
  max-height: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-366 {
    max-height: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-366 {
    max-height: 366px !important;
  }
}

.w-366 {
  width: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-366 {
    width: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-366 {
    width: 366px !important;
  }
}

.w-min-366 {
  min-width: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-366 {
    min-width: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-366 {
    min-width: 366px !important;
  }
}

.w-max-366 {
  max-width: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-366 {
    max-width: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-366 {
    max-width: 366px !important;
  }
}

.h-367 {
  height: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-367 {
    height: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-367 {
    height: 367px !important;
  }
}

.h-min-367 {
  min-height: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-367 {
    min-height: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-367 {
    min-height: 367px !important;
  }
}

.h-max-367 {
  max-height: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-367 {
    max-height: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-367 {
    max-height: 367px !important;
  }
}

.w-367 {
  width: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-367 {
    width: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-367 {
    width: 367px !important;
  }
}

.w-min-367 {
  min-width: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-367 {
    min-width: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-367 {
    min-width: 367px !important;
  }
}

.w-max-367 {
  max-width: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-367 {
    max-width: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-367 {
    max-width: 367px !important;
  }
}

.h-368 {
  height: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-368 {
    height: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-368 {
    height: 368px !important;
  }
}

.h-min-368 {
  min-height: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-368 {
    min-height: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-368 {
    min-height: 368px !important;
  }
}

.h-max-368 {
  max-height: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-368 {
    max-height: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-368 {
    max-height: 368px !important;
  }
}

.w-368 {
  width: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-368 {
    width: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-368 {
    width: 368px !important;
  }
}

.w-min-368 {
  min-width: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-368 {
    min-width: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-368 {
    min-width: 368px !important;
  }
}

.w-max-368 {
  max-width: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-368 {
    max-width: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-368 {
    max-width: 368px !important;
  }
}

.h-369 {
  height: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-369 {
    height: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-369 {
    height: 369px !important;
  }
}

.h-min-369 {
  min-height: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-369 {
    min-height: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-369 {
    min-height: 369px !important;
  }
}

.h-max-369 {
  max-height: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-369 {
    max-height: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-369 {
    max-height: 369px !important;
  }
}

.w-369 {
  width: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-369 {
    width: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-369 {
    width: 369px !important;
  }
}

.w-min-369 {
  min-width: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-369 {
    min-width: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-369 {
    min-width: 369px !important;
  }
}

.w-max-369 {
  max-width: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-369 {
    max-width: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-369 {
    max-width: 369px !important;
  }
}

.h-370 {
  height: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-370 {
    height: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-370 {
    height: 370px !important;
  }
}

.h-min-370 {
  min-height: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-370 {
    min-height: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-370 {
    min-height: 370px !important;
  }
}

.h-max-370 {
  max-height: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-370 {
    max-height: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-370 {
    max-height: 370px !important;
  }
}

.w-370 {
  width: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-370 {
    width: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-370 {
    width: 370px !important;
  }
}

.w-min-370 {
  min-width: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-370 {
    min-width: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-370 {
    min-width: 370px !important;
  }
}

.w-max-370 {
  max-width: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-370 {
    max-width: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-370 {
    max-width: 370px !important;
  }
}

.h-371 {
  height: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-371 {
    height: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-371 {
    height: 371px !important;
  }
}

.h-min-371 {
  min-height: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-371 {
    min-height: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-371 {
    min-height: 371px !important;
  }
}

.h-max-371 {
  max-height: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-371 {
    max-height: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-371 {
    max-height: 371px !important;
  }
}

.w-371 {
  width: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-371 {
    width: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-371 {
    width: 371px !important;
  }
}

.w-min-371 {
  min-width: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-371 {
    min-width: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-371 {
    min-width: 371px !important;
  }
}

.w-max-371 {
  max-width: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-371 {
    max-width: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-371 {
    max-width: 371px !important;
  }
}

.h-372 {
  height: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-372 {
    height: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-372 {
    height: 372px !important;
  }
}

.h-min-372 {
  min-height: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-372 {
    min-height: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-372 {
    min-height: 372px !important;
  }
}

.h-max-372 {
  max-height: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-372 {
    max-height: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-372 {
    max-height: 372px !important;
  }
}

.w-372 {
  width: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-372 {
    width: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-372 {
    width: 372px !important;
  }
}

.w-min-372 {
  min-width: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-372 {
    min-width: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-372 {
    min-width: 372px !important;
  }
}

.w-max-372 {
  max-width: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-372 {
    max-width: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-372 {
    max-width: 372px !important;
  }
}

.h-373 {
  height: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-373 {
    height: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-373 {
    height: 373px !important;
  }
}

.h-min-373 {
  min-height: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-373 {
    min-height: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-373 {
    min-height: 373px !important;
  }
}

.h-max-373 {
  max-height: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-373 {
    max-height: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-373 {
    max-height: 373px !important;
  }
}

.w-373 {
  width: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-373 {
    width: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-373 {
    width: 373px !important;
  }
}

.w-min-373 {
  min-width: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-373 {
    min-width: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-373 {
    min-width: 373px !important;
  }
}

.w-max-373 {
  max-width: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-373 {
    max-width: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-373 {
    max-width: 373px !important;
  }
}

.h-374 {
  height: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-374 {
    height: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-374 {
    height: 374px !important;
  }
}

.h-min-374 {
  min-height: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-374 {
    min-height: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-374 {
    min-height: 374px !important;
  }
}

.h-max-374 {
  max-height: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-374 {
    max-height: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-374 {
    max-height: 374px !important;
  }
}

.w-374 {
  width: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-374 {
    width: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-374 {
    width: 374px !important;
  }
}

.w-min-374 {
  min-width: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-374 {
    min-width: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-374 {
    min-width: 374px !important;
  }
}

.w-max-374 {
  max-width: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-374 {
    max-width: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-374 {
    max-width: 374px !important;
  }
}

.h-375 {
  height: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-375 {
    height: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-375 {
    height: 375px !important;
  }
}

.h-min-375 {
  min-height: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-375 {
    min-height: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-375 {
    min-height: 375px !important;
  }
}

.h-max-375 {
  max-height: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-375 {
    max-height: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-375 {
    max-height: 375px !important;
  }
}

.w-375 {
  width: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-375 {
    width: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-375 {
    width: 375px !important;
  }
}

.w-min-375 {
  min-width: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-375 {
    min-width: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-375 {
    min-width: 375px !important;
  }
}

.w-max-375 {
  max-width: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-375 {
    max-width: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-375 {
    max-width: 375px !important;
  }
}

.h-376 {
  height: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-376 {
    height: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-376 {
    height: 376px !important;
  }
}

.h-min-376 {
  min-height: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-376 {
    min-height: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-376 {
    min-height: 376px !important;
  }
}

.h-max-376 {
  max-height: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-376 {
    max-height: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-376 {
    max-height: 376px !important;
  }
}

.w-376 {
  width: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-376 {
    width: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-376 {
    width: 376px !important;
  }
}

.w-min-376 {
  min-width: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-376 {
    min-width: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-376 {
    min-width: 376px !important;
  }
}

.w-max-376 {
  max-width: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-376 {
    max-width: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-376 {
    max-width: 376px !important;
  }
}

.h-377 {
  height: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-377 {
    height: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-377 {
    height: 377px !important;
  }
}

.h-min-377 {
  min-height: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-377 {
    min-height: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-377 {
    min-height: 377px !important;
  }
}

.h-max-377 {
  max-height: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-377 {
    max-height: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-377 {
    max-height: 377px !important;
  }
}

.w-377 {
  width: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-377 {
    width: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-377 {
    width: 377px !important;
  }
}

.w-min-377 {
  min-width: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-377 {
    min-width: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-377 {
    min-width: 377px !important;
  }
}

.w-max-377 {
  max-width: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-377 {
    max-width: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-377 {
    max-width: 377px !important;
  }
}

.h-378 {
  height: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-378 {
    height: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-378 {
    height: 378px !important;
  }
}

.h-min-378 {
  min-height: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-378 {
    min-height: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-378 {
    min-height: 378px !important;
  }
}

.h-max-378 {
  max-height: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-378 {
    max-height: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-378 {
    max-height: 378px !important;
  }
}

.w-378 {
  width: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-378 {
    width: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-378 {
    width: 378px !important;
  }
}

.w-min-378 {
  min-width: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-378 {
    min-width: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-378 {
    min-width: 378px !important;
  }
}

.w-max-378 {
  max-width: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-378 {
    max-width: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-378 {
    max-width: 378px !important;
  }
}

.h-379 {
  height: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-379 {
    height: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-379 {
    height: 379px !important;
  }
}

.h-min-379 {
  min-height: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-379 {
    min-height: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-379 {
    min-height: 379px !important;
  }
}

.h-max-379 {
  max-height: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-379 {
    max-height: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-379 {
    max-height: 379px !important;
  }
}

.w-379 {
  width: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-379 {
    width: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-379 {
    width: 379px !important;
  }
}

.w-min-379 {
  min-width: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-379 {
    min-width: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-379 {
    min-width: 379px !important;
  }
}

.w-max-379 {
  max-width: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-379 {
    max-width: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-379 {
    max-width: 379px !important;
  }
}

.h-380 {
  height: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-380 {
    height: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-380 {
    height: 380px !important;
  }
}

.h-min-380 {
  min-height: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-380 {
    min-height: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-380 {
    min-height: 380px !important;
  }
}

.h-max-380 {
  max-height: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-380 {
    max-height: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-380 {
    max-height: 380px !important;
  }
}

.w-380 {
  width: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-380 {
    width: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-380 {
    width: 380px !important;
  }
}

.w-min-380 {
  min-width: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-380 {
    min-width: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-380 {
    min-width: 380px !important;
  }
}

.w-max-380 {
  max-width: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-380 {
    max-width: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-380 {
    max-width: 380px !important;
  }
}

.h-381 {
  height: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-381 {
    height: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-381 {
    height: 381px !important;
  }
}

.h-min-381 {
  min-height: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-381 {
    min-height: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-381 {
    min-height: 381px !important;
  }
}

.h-max-381 {
  max-height: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-381 {
    max-height: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-381 {
    max-height: 381px !important;
  }
}

.w-381 {
  width: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-381 {
    width: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-381 {
    width: 381px !important;
  }
}

.w-min-381 {
  min-width: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-381 {
    min-width: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-381 {
    min-width: 381px !important;
  }
}

.w-max-381 {
  max-width: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-381 {
    max-width: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-381 {
    max-width: 381px !important;
  }
}

.h-382 {
  height: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-382 {
    height: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-382 {
    height: 382px !important;
  }
}

.h-min-382 {
  min-height: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-382 {
    min-height: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-382 {
    min-height: 382px !important;
  }
}

.h-max-382 {
  max-height: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-382 {
    max-height: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-382 {
    max-height: 382px !important;
  }
}

.w-382 {
  width: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-382 {
    width: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-382 {
    width: 382px !important;
  }
}

.w-min-382 {
  min-width: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-382 {
    min-width: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-382 {
    min-width: 382px !important;
  }
}

.w-max-382 {
  max-width: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-382 {
    max-width: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-382 {
    max-width: 382px !important;
  }
}

.h-383 {
  height: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-383 {
    height: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-383 {
    height: 383px !important;
  }
}

.h-min-383 {
  min-height: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-383 {
    min-height: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-383 {
    min-height: 383px !important;
  }
}

.h-max-383 {
  max-height: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-383 {
    max-height: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-383 {
    max-height: 383px !important;
  }
}

.w-383 {
  width: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-383 {
    width: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-383 {
    width: 383px !important;
  }
}

.w-min-383 {
  min-width: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-383 {
    min-width: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-383 {
    min-width: 383px !important;
  }
}

.w-max-383 {
  max-width: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-383 {
    max-width: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-383 {
    max-width: 383px !important;
  }
}

.h-384 {
  height: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-384 {
    height: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-384 {
    height: 384px !important;
  }
}

.h-min-384 {
  min-height: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-384 {
    min-height: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-384 {
    min-height: 384px !important;
  }
}

.h-max-384 {
  max-height: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-384 {
    max-height: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-384 {
    max-height: 384px !important;
  }
}

.w-384 {
  width: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-384 {
    width: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-384 {
    width: 384px !important;
  }
}

.w-min-384 {
  min-width: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-384 {
    min-width: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-384 {
    min-width: 384px !important;
  }
}

.w-max-384 {
  max-width: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-384 {
    max-width: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-384 {
    max-width: 384px !important;
  }
}

.h-385 {
  height: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-385 {
    height: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-385 {
    height: 385px !important;
  }
}

.h-min-385 {
  min-height: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-385 {
    min-height: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-385 {
    min-height: 385px !important;
  }
}

.h-max-385 {
  max-height: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-385 {
    max-height: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-385 {
    max-height: 385px !important;
  }
}

.w-385 {
  width: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-385 {
    width: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-385 {
    width: 385px !important;
  }
}

.w-min-385 {
  min-width: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-385 {
    min-width: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-385 {
    min-width: 385px !important;
  }
}

.w-max-385 {
  max-width: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-385 {
    max-width: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-385 {
    max-width: 385px !important;
  }
}

.h-386 {
  height: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-386 {
    height: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-386 {
    height: 386px !important;
  }
}

.h-min-386 {
  min-height: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-386 {
    min-height: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-386 {
    min-height: 386px !important;
  }
}

.h-max-386 {
  max-height: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-386 {
    max-height: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-386 {
    max-height: 386px !important;
  }
}

.w-386 {
  width: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-386 {
    width: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-386 {
    width: 386px !important;
  }
}

.w-min-386 {
  min-width: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-386 {
    min-width: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-386 {
    min-width: 386px !important;
  }
}

.w-max-386 {
  max-width: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-386 {
    max-width: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-386 {
    max-width: 386px !important;
  }
}

.h-387 {
  height: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-387 {
    height: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-387 {
    height: 387px !important;
  }
}

.h-min-387 {
  min-height: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-387 {
    min-height: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-387 {
    min-height: 387px !important;
  }
}

.h-max-387 {
  max-height: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-387 {
    max-height: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-387 {
    max-height: 387px !important;
  }
}

.w-387 {
  width: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-387 {
    width: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-387 {
    width: 387px !important;
  }
}

.w-min-387 {
  min-width: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-387 {
    min-width: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-387 {
    min-width: 387px !important;
  }
}

.w-max-387 {
  max-width: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-387 {
    max-width: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-387 {
    max-width: 387px !important;
  }
}

.h-388 {
  height: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-388 {
    height: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-388 {
    height: 388px !important;
  }
}

.h-min-388 {
  min-height: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-388 {
    min-height: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-388 {
    min-height: 388px !important;
  }
}

.h-max-388 {
  max-height: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-388 {
    max-height: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-388 {
    max-height: 388px !important;
  }
}

.w-388 {
  width: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-388 {
    width: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-388 {
    width: 388px !important;
  }
}

.w-min-388 {
  min-width: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-388 {
    min-width: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-388 {
    min-width: 388px !important;
  }
}

.w-max-388 {
  max-width: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-388 {
    max-width: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-388 {
    max-width: 388px !important;
  }
}

.h-389 {
  height: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-389 {
    height: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-389 {
    height: 389px !important;
  }
}

.h-min-389 {
  min-height: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-389 {
    min-height: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-389 {
    min-height: 389px !important;
  }
}

.h-max-389 {
  max-height: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-389 {
    max-height: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-389 {
    max-height: 389px !important;
  }
}

.w-389 {
  width: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-389 {
    width: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-389 {
    width: 389px !important;
  }
}

.w-min-389 {
  min-width: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-389 {
    min-width: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-389 {
    min-width: 389px !important;
  }
}

.w-max-389 {
  max-width: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-389 {
    max-width: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-389 {
    max-width: 389px !important;
  }
}

.h-390 {
  height: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-390 {
    height: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-390 {
    height: 390px !important;
  }
}

.h-min-390 {
  min-height: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-390 {
    min-height: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-390 {
    min-height: 390px !important;
  }
}

.h-max-390 {
  max-height: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-390 {
    max-height: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-390 {
    max-height: 390px !important;
  }
}

.w-390 {
  width: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-390 {
    width: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-390 {
    width: 390px !important;
  }
}

.w-min-390 {
  min-width: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-390 {
    min-width: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-390 {
    min-width: 390px !important;
  }
}

.w-max-390 {
  max-width: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-390 {
    max-width: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-390 {
    max-width: 390px !important;
  }
}

.h-391 {
  height: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-391 {
    height: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-391 {
    height: 391px !important;
  }
}

.h-min-391 {
  min-height: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-391 {
    min-height: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-391 {
    min-height: 391px !important;
  }
}

.h-max-391 {
  max-height: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-391 {
    max-height: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-391 {
    max-height: 391px !important;
  }
}

.w-391 {
  width: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-391 {
    width: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-391 {
    width: 391px !important;
  }
}

.w-min-391 {
  min-width: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-391 {
    min-width: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-391 {
    min-width: 391px !important;
  }
}

.w-max-391 {
  max-width: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-391 {
    max-width: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-391 {
    max-width: 391px !important;
  }
}

.h-392 {
  height: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-392 {
    height: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-392 {
    height: 392px !important;
  }
}

.h-min-392 {
  min-height: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-392 {
    min-height: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-392 {
    min-height: 392px !important;
  }
}

.h-max-392 {
  max-height: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-392 {
    max-height: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-392 {
    max-height: 392px !important;
  }
}

.w-392 {
  width: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-392 {
    width: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-392 {
    width: 392px !important;
  }
}

.w-min-392 {
  min-width: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-392 {
    min-width: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-392 {
    min-width: 392px !important;
  }
}

.w-max-392 {
  max-width: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-392 {
    max-width: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-392 {
    max-width: 392px !important;
  }
}

.h-393 {
  height: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-393 {
    height: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-393 {
    height: 393px !important;
  }
}

.h-min-393 {
  min-height: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-393 {
    min-height: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-393 {
    min-height: 393px !important;
  }
}

.h-max-393 {
  max-height: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-393 {
    max-height: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-393 {
    max-height: 393px !important;
  }
}

.w-393 {
  width: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-393 {
    width: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-393 {
    width: 393px !important;
  }
}

.w-min-393 {
  min-width: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-393 {
    min-width: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-393 {
    min-width: 393px !important;
  }
}

.w-max-393 {
  max-width: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-393 {
    max-width: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-393 {
    max-width: 393px !important;
  }
}

.h-394 {
  height: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-394 {
    height: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-394 {
    height: 394px !important;
  }
}

.h-min-394 {
  min-height: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-394 {
    min-height: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-394 {
    min-height: 394px !important;
  }
}

.h-max-394 {
  max-height: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-394 {
    max-height: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-394 {
    max-height: 394px !important;
  }
}

.w-394 {
  width: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-394 {
    width: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-394 {
    width: 394px !important;
  }
}

.w-min-394 {
  min-width: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-394 {
    min-width: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-394 {
    min-width: 394px !important;
  }
}

.w-max-394 {
  max-width: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-394 {
    max-width: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-394 {
    max-width: 394px !important;
  }
}

.h-395 {
  height: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-395 {
    height: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-395 {
    height: 395px !important;
  }
}

.h-min-395 {
  min-height: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-395 {
    min-height: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-395 {
    min-height: 395px !important;
  }
}

.h-max-395 {
  max-height: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-395 {
    max-height: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-395 {
    max-height: 395px !important;
  }
}

.w-395 {
  width: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-395 {
    width: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-395 {
    width: 395px !important;
  }
}

.w-min-395 {
  min-width: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-395 {
    min-width: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-395 {
    min-width: 395px !important;
  }
}

.w-max-395 {
  max-width: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-395 {
    max-width: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-395 {
    max-width: 395px !important;
  }
}

.h-396 {
  height: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-396 {
    height: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-396 {
    height: 396px !important;
  }
}

.h-min-396 {
  min-height: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-396 {
    min-height: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-396 {
    min-height: 396px !important;
  }
}

.h-max-396 {
  max-height: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-396 {
    max-height: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-396 {
    max-height: 396px !important;
  }
}

.w-396 {
  width: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-396 {
    width: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-396 {
    width: 396px !important;
  }
}

.w-min-396 {
  min-width: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-396 {
    min-width: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-396 {
    min-width: 396px !important;
  }
}

.w-max-396 {
  max-width: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-396 {
    max-width: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-396 {
    max-width: 396px !important;
  }
}

.h-397 {
  height: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-397 {
    height: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-397 {
    height: 397px !important;
  }
}

.h-min-397 {
  min-height: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-397 {
    min-height: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-397 {
    min-height: 397px !important;
  }
}

.h-max-397 {
  max-height: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-397 {
    max-height: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-397 {
    max-height: 397px !important;
  }
}

.w-397 {
  width: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-397 {
    width: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-397 {
    width: 397px !important;
  }
}

.w-min-397 {
  min-width: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-397 {
    min-width: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-397 {
    min-width: 397px !important;
  }
}

.w-max-397 {
  max-width: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-397 {
    max-width: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-397 {
    max-width: 397px !important;
  }
}

.h-398 {
  height: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-398 {
    height: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-398 {
    height: 398px !important;
  }
}

.h-min-398 {
  min-height: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-398 {
    min-height: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-398 {
    min-height: 398px !important;
  }
}

.h-max-398 {
  max-height: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-398 {
    max-height: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-398 {
    max-height: 398px !important;
  }
}

.w-398 {
  width: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-398 {
    width: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-398 {
    width: 398px !important;
  }
}

.w-min-398 {
  min-width: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-398 {
    min-width: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-398 {
    min-width: 398px !important;
  }
}

.w-max-398 {
  max-width: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-398 {
    max-width: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-398 {
    max-width: 398px !important;
  }
}

.h-399 {
  height: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-399 {
    height: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-399 {
    height: 399px !important;
  }
}

.h-min-399 {
  min-height: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-399 {
    min-height: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-399 {
    min-height: 399px !important;
  }
}

.h-max-399 {
  max-height: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-399 {
    max-height: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-399 {
    max-height: 399px !important;
  }
}

.w-399 {
  width: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-399 {
    width: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-399 {
    width: 399px !important;
  }
}

.w-min-399 {
  min-width: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-399 {
    min-width: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-399 {
    min-width: 399px !important;
  }
}

.w-max-399 {
  max-width: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-399 {
    max-width: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-399 {
    max-width: 399px !important;
  }
}

.h-400 {
  height: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-400 {
    height: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-400 {
    height: 400px !important;
  }
}

.h-min-400 {
  min-height: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-400 {
    min-height: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-400 {
    min-height: 400px !important;
  }
}

.h-max-400 {
  max-height: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-400 {
    max-height: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-400 {
    max-height: 400px !important;
  }
}

.w-400 {
  width: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-400 {
    width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-400 {
    width: 400px !important;
  }
}

.w-min-400 {
  min-width: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-400 {
    min-width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-400 {
    min-width: 400px !important;
  }
}

.w-max-400 {
  max-width: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-400 {
    max-width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-400 {
    max-width: 400px !important;
  }
}

.h-401 {
  height: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-401 {
    height: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-401 {
    height: 401px !important;
  }
}

.h-min-401 {
  min-height: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-401 {
    min-height: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-401 {
    min-height: 401px !important;
  }
}

.h-max-401 {
  max-height: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-401 {
    max-height: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-401 {
    max-height: 401px !important;
  }
}

.w-401 {
  width: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-401 {
    width: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-401 {
    width: 401px !important;
  }
}

.w-min-401 {
  min-width: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-401 {
    min-width: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-401 {
    min-width: 401px !important;
  }
}

.w-max-401 {
  max-width: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-401 {
    max-width: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-401 {
    max-width: 401px !important;
  }
}

.h-402 {
  height: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-402 {
    height: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-402 {
    height: 402px !important;
  }
}

.h-min-402 {
  min-height: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-402 {
    min-height: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-402 {
    min-height: 402px !important;
  }
}

.h-max-402 {
  max-height: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-402 {
    max-height: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-402 {
    max-height: 402px !important;
  }
}

.w-402 {
  width: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-402 {
    width: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-402 {
    width: 402px !important;
  }
}

.w-min-402 {
  min-width: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-402 {
    min-width: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-402 {
    min-width: 402px !important;
  }
}

.w-max-402 {
  max-width: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-402 {
    max-width: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-402 {
    max-width: 402px !important;
  }
}

.h-403 {
  height: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-403 {
    height: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-403 {
    height: 403px !important;
  }
}

.h-min-403 {
  min-height: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-403 {
    min-height: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-403 {
    min-height: 403px !important;
  }
}

.h-max-403 {
  max-height: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-403 {
    max-height: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-403 {
    max-height: 403px !important;
  }
}

.w-403 {
  width: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-403 {
    width: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-403 {
    width: 403px !important;
  }
}

.w-min-403 {
  min-width: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-403 {
    min-width: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-403 {
    min-width: 403px !important;
  }
}

.w-max-403 {
  max-width: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-403 {
    max-width: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-403 {
    max-width: 403px !important;
  }
}

.h-404 {
  height: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-404 {
    height: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-404 {
    height: 404px !important;
  }
}

.h-min-404 {
  min-height: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-404 {
    min-height: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-404 {
    min-height: 404px !important;
  }
}

.h-max-404 {
  max-height: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-404 {
    max-height: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-404 {
    max-height: 404px !important;
  }
}

.w-404 {
  width: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-404 {
    width: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-404 {
    width: 404px !important;
  }
}

.w-min-404 {
  min-width: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-404 {
    min-width: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-404 {
    min-width: 404px !important;
  }
}

.w-max-404 {
  max-width: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-404 {
    max-width: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-404 {
    max-width: 404px !important;
  }
}

.h-405 {
  height: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-405 {
    height: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-405 {
    height: 405px !important;
  }
}

.h-min-405 {
  min-height: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-405 {
    min-height: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-405 {
    min-height: 405px !important;
  }
}

.h-max-405 {
  max-height: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-405 {
    max-height: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-405 {
    max-height: 405px !important;
  }
}

.w-405 {
  width: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-405 {
    width: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-405 {
    width: 405px !important;
  }
}

.w-min-405 {
  min-width: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-405 {
    min-width: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-405 {
    min-width: 405px !important;
  }
}

.w-max-405 {
  max-width: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-405 {
    max-width: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-405 {
    max-width: 405px !important;
  }
}

.h-406 {
  height: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-406 {
    height: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-406 {
    height: 406px !important;
  }
}

.h-min-406 {
  min-height: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-406 {
    min-height: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-406 {
    min-height: 406px !important;
  }
}

.h-max-406 {
  max-height: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-406 {
    max-height: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-406 {
    max-height: 406px !important;
  }
}

.w-406 {
  width: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-406 {
    width: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-406 {
    width: 406px !important;
  }
}

.w-min-406 {
  min-width: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-406 {
    min-width: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-406 {
    min-width: 406px !important;
  }
}

.w-max-406 {
  max-width: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-406 {
    max-width: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-406 {
    max-width: 406px !important;
  }
}

.h-407 {
  height: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-407 {
    height: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-407 {
    height: 407px !important;
  }
}

.h-min-407 {
  min-height: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-407 {
    min-height: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-407 {
    min-height: 407px !important;
  }
}

.h-max-407 {
  max-height: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-407 {
    max-height: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-407 {
    max-height: 407px !important;
  }
}

.w-407 {
  width: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-407 {
    width: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-407 {
    width: 407px !important;
  }
}

.w-min-407 {
  min-width: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-407 {
    min-width: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-407 {
    min-width: 407px !important;
  }
}

.w-max-407 {
  max-width: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-407 {
    max-width: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-407 {
    max-width: 407px !important;
  }
}

.h-408 {
  height: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-408 {
    height: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-408 {
    height: 408px !important;
  }
}

.h-min-408 {
  min-height: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-408 {
    min-height: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-408 {
    min-height: 408px !important;
  }
}

.h-max-408 {
  max-height: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-408 {
    max-height: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-408 {
    max-height: 408px !important;
  }
}

.w-408 {
  width: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-408 {
    width: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-408 {
    width: 408px !important;
  }
}

.w-min-408 {
  min-width: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-408 {
    min-width: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-408 {
    min-width: 408px !important;
  }
}

.w-max-408 {
  max-width: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-408 {
    max-width: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-408 {
    max-width: 408px !important;
  }
}

.h-409 {
  height: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-409 {
    height: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-409 {
    height: 409px !important;
  }
}

.h-min-409 {
  min-height: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-409 {
    min-height: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-409 {
    min-height: 409px !important;
  }
}

.h-max-409 {
  max-height: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-409 {
    max-height: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-409 {
    max-height: 409px !important;
  }
}

.w-409 {
  width: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-409 {
    width: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-409 {
    width: 409px !important;
  }
}

.w-min-409 {
  min-width: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-409 {
    min-width: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-409 {
    min-width: 409px !important;
  }
}

.w-max-409 {
  max-width: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-409 {
    max-width: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-409 {
    max-width: 409px !important;
  }
}

.h-410 {
  height: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-410 {
    height: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-410 {
    height: 410px !important;
  }
}

.h-min-410 {
  min-height: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-410 {
    min-height: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-410 {
    min-height: 410px !important;
  }
}

.h-max-410 {
  max-height: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-410 {
    max-height: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-410 {
    max-height: 410px !important;
  }
}

.w-410 {
  width: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-410 {
    width: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-410 {
    width: 410px !important;
  }
}

.w-min-410 {
  min-width: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-410 {
    min-width: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-410 {
    min-width: 410px !important;
  }
}

.w-max-410 {
  max-width: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-410 {
    max-width: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-410 {
    max-width: 410px !important;
  }
}

.h-411 {
  height: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-411 {
    height: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-411 {
    height: 411px !important;
  }
}

.h-min-411 {
  min-height: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-411 {
    min-height: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-411 {
    min-height: 411px !important;
  }
}

.h-max-411 {
  max-height: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-411 {
    max-height: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-411 {
    max-height: 411px !important;
  }
}

.w-411 {
  width: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-411 {
    width: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-411 {
    width: 411px !important;
  }
}

.w-min-411 {
  min-width: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-411 {
    min-width: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-411 {
    min-width: 411px !important;
  }
}

.w-max-411 {
  max-width: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-411 {
    max-width: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-411 {
    max-width: 411px !important;
  }
}

.h-412 {
  height: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-412 {
    height: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-412 {
    height: 412px !important;
  }
}

.h-min-412 {
  min-height: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-412 {
    min-height: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-412 {
    min-height: 412px !important;
  }
}

.h-max-412 {
  max-height: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-412 {
    max-height: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-412 {
    max-height: 412px !important;
  }
}

.w-412 {
  width: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-412 {
    width: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-412 {
    width: 412px !important;
  }
}

.w-min-412 {
  min-width: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-412 {
    min-width: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-412 {
    min-width: 412px !important;
  }
}

.w-max-412 {
  max-width: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-412 {
    max-width: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-412 {
    max-width: 412px !important;
  }
}

.h-413 {
  height: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-413 {
    height: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-413 {
    height: 413px !important;
  }
}

.h-min-413 {
  min-height: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-413 {
    min-height: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-413 {
    min-height: 413px !important;
  }
}

.h-max-413 {
  max-height: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-413 {
    max-height: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-413 {
    max-height: 413px !important;
  }
}

.w-413 {
  width: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-413 {
    width: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-413 {
    width: 413px !important;
  }
}

.w-min-413 {
  min-width: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-413 {
    min-width: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-413 {
    min-width: 413px !important;
  }
}

.w-max-413 {
  max-width: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-413 {
    max-width: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-413 {
    max-width: 413px !important;
  }
}

.h-414 {
  height: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-414 {
    height: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-414 {
    height: 414px !important;
  }
}

.h-min-414 {
  min-height: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-414 {
    min-height: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-414 {
    min-height: 414px !important;
  }
}

.h-max-414 {
  max-height: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-414 {
    max-height: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-414 {
    max-height: 414px !important;
  }
}

.w-414 {
  width: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-414 {
    width: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-414 {
    width: 414px !important;
  }
}

.w-min-414 {
  min-width: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-414 {
    min-width: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-414 {
    min-width: 414px !important;
  }
}

.w-max-414 {
  max-width: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-414 {
    max-width: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-414 {
    max-width: 414px !important;
  }
}

.h-415 {
  height: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-415 {
    height: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-415 {
    height: 415px !important;
  }
}

.h-min-415 {
  min-height: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-415 {
    min-height: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-415 {
    min-height: 415px !important;
  }
}

.h-max-415 {
  max-height: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-415 {
    max-height: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-415 {
    max-height: 415px !important;
  }
}

.w-415 {
  width: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-415 {
    width: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-415 {
    width: 415px !important;
  }
}

.w-min-415 {
  min-width: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-415 {
    min-width: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-415 {
    min-width: 415px !important;
  }
}

.w-max-415 {
  max-width: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-415 {
    max-width: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-415 {
    max-width: 415px !important;
  }
}

.h-416 {
  height: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-416 {
    height: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-416 {
    height: 416px !important;
  }
}

.h-min-416 {
  min-height: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-416 {
    min-height: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-416 {
    min-height: 416px !important;
  }
}

.h-max-416 {
  max-height: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-416 {
    max-height: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-416 {
    max-height: 416px !important;
  }
}

.w-416 {
  width: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-416 {
    width: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-416 {
    width: 416px !important;
  }
}

.w-min-416 {
  min-width: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-416 {
    min-width: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-416 {
    min-width: 416px !important;
  }
}

.w-max-416 {
  max-width: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-416 {
    max-width: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-416 {
    max-width: 416px !important;
  }
}

.h-417 {
  height: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-417 {
    height: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-417 {
    height: 417px !important;
  }
}

.h-min-417 {
  min-height: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-417 {
    min-height: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-417 {
    min-height: 417px !important;
  }
}

.h-max-417 {
  max-height: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-417 {
    max-height: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-417 {
    max-height: 417px !important;
  }
}

.w-417 {
  width: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-417 {
    width: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-417 {
    width: 417px !important;
  }
}

.w-min-417 {
  min-width: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-417 {
    min-width: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-417 {
    min-width: 417px !important;
  }
}

.w-max-417 {
  max-width: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-417 {
    max-width: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-417 {
    max-width: 417px !important;
  }
}

.h-418 {
  height: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-418 {
    height: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-418 {
    height: 418px !important;
  }
}

.h-min-418 {
  min-height: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-418 {
    min-height: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-418 {
    min-height: 418px !important;
  }
}

.h-max-418 {
  max-height: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-418 {
    max-height: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-418 {
    max-height: 418px !important;
  }
}

.w-418 {
  width: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-418 {
    width: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-418 {
    width: 418px !important;
  }
}

.w-min-418 {
  min-width: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-418 {
    min-width: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-418 {
    min-width: 418px !important;
  }
}

.w-max-418 {
  max-width: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-418 {
    max-width: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-418 {
    max-width: 418px !important;
  }
}

.h-419 {
  height: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-419 {
    height: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-419 {
    height: 419px !important;
  }
}

.h-min-419 {
  min-height: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-419 {
    min-height: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-419 {
    min-height: 419px !important;
  }
}

.h-max-419 {
  max-height: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-419 {
    max-height: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-419 {
    max-height: 419px !important;
  }
}

.w-419 {
  width: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-419 {
    width: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-419 {
    width: 419px !important;
  }
}

.w-min-419 {
  min-width: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-419 {
    min-width: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-419 {
    min-width: 419px !important;
  }
}

.w-max-419 {
  max-width: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-419 {
    max-width: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-419 {
    max-width: 419px !important;
  }
}

.h-420 {
  height: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-420 {
    height: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-420 {
    height: 420px !important;
  }
}

.h-min-420 {
  min-height: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-420 {
    min-height: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-420 {
    min-height: 420px !important;
  }
}

.h-max-420 {
  max-height: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-420 {
    max-height: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-420 {
    max-height: 420px !important;
  }
}

.w-420 {
  width: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-420 {
    width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-420 {
    width: 420px !important;
  }
}

.w-min-420 {
  min-width: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-420 {
    min-width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-420 {
    min-width: 420px !important;
  }
}

.w-max-420 {
  max-width: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-420 {
    max-width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-420 {
    max-width: 420px !important;
  }
}

.h-421 {
  height: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-421 {
    height: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-421 {
    height: 421px !important;
  }
}

.h-min-421 {
  min-height: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-421 {
    min-height: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-421 {
    min-height: 421px !important;
  }
}

.h-max-421 {
  max-height: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-421 {
    max-height: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-421 {
    max-height: 421px !important;
  }
}

.w-421 {
  width: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-421 {
    width: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-421 {
    width: 421px !important;
  }
}

.w-min-421 {
  min-width: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-421 {
    min-width: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-421 {
    min-width: 421px !important;
  }
}

.w-max-421 {
  max-width: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-421 {
    max-width: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-421 {
    max-width: 421px !important;
  }
}

.h-422 {
  height: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-422 {
    height: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-422 {
    height: 422px !important;
  }
}

.h-min-422 {
  min-height: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-422 {
    min-height: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-422 {
    min-height: 422px !important;
  }
}

.h-max-422 {
  max-height: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-422 {
    max-height: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-422 {
    max-height: 422px !important;
  }
}

.w-422 {
  width: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-422 {
    width: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-422 {
    width: 422px !important;
  }
}

.w-min-422 {
  min-width: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-422 {
    min-width: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-422 {
    min-width: 422px !important;
  }
}

.w-max-422 {
  max-width: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-422 {
    max-width: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-422 {
    max-width: 422px !important;
  }
}

.h-423 {
  height: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-423 {
    height: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-423 {
    height: 423px !important;
  }
}

.h-min-423 {
  min-height: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-423 {
    min-height: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-423 {
    min-height: 423px !important;
  }
}

.h-max-423 {
  max-height: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-423 {
    max-height: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-423 {
    max-height: 423px !important;
  }
}

.w-423 {
  width: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-423 {
    width: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-423 {
    width: 423px !important;
  }
}

.w-min-423 {
  min-width: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-423 {
    min-width: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-423 {
    min-width: 423px !important;
  }
}

.w-max-423 {
  max-width: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-423 {
    max-width: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-423 {
    max-width: 423px !important;
  }
}

.h-424 {
  height: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-424 {
    height: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-424 {
    height: 424px !important;
  }
}

.h-min-424 {
  min-height: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-424 {
    min-height: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-424 {
    min-height: 424px !important;
  }
}

.h-max-424 {
  max-height: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-424 {
    max-height: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-424 {
    max-height: 424px !important;
  }
}

.w-424 {
  width: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-424 {
    width: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-424 {
    width: 424px !important;
  }
}

.w-min-424 {
  min-width: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-424 {
    min-width: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-424 {
    min-width: 424px !important;
  }
}

.w-max-424 {
  max-width: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-424 {
    max-width: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-424 {
    max-width: 424px !important;
  }
}

.h-425 {
  height: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-425 {
    height: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-425 {
    height: 425px !important;
  }
}

.h-min-425 {
  min-height: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-425 {
    min-height: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-425 {
    min-height: 425px !important;
  }
}

.h-max-425 {
  max-height: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-425 {
    max-height: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-425 {
    max-height: 425px !important;
  }
}

.w-425 {
  width: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-425 {
    width: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-425 {
    width: 425px !important;
  }
}

.w-min-425 {
  min-width: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-425 {
    min-width: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-425 {
    min-width: 425px !important;
  }
}

.w-max-425 {
  max-width: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-425 {
    max-width: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-425 {
    max-width: 425px !important;
  }
}

.h-426 {
  height: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-426 {
    height: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-426 {
    height: 426px !important;
  }
}

.h-min-426 {
  min-height: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-426 {
    min-height: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-426 {
    min-height: 426px !important;
  }
}

.h-max-426 {
  max-height: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-426 {
    max-height: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-426 {
    max-height: 426px !important;
  }
}

.w-426 {
  width: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-426 {
    width: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-426 {
    width: 426px !important;
  }
}

.w-min-426 {
  min-width: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-426 {
    min-width: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-426 {
    min-width: 426px !important;
  }
}

.w-max-426 {
  max-width: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-426 {
    max-width: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-426 {
    max-width: 426px !important;
  }
}

.h-427 {
  height: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-427 {
    height: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-427 {
    height: 427px !important;
  }
}

.h-min-427 {
  min-height: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-427 {
    min-height: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-427 {
    min-height: 427px !important;
  }
}

.h-max-427 {
  max-height: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-427 {
    max-height: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-427 {
    max-height: 427px !important;
  }
}

.w-427 {
  width: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-427 {
    width: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-427 {
    width: 427px !important;
  }
}

.w-min-427 {
  min-width: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-427 {
    min-width: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-427 {
    min-width: 427px !important;
  }
}

.w-max-427 {
  max-width: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-427 {
    max-width: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-427 {
    max-width: 427px !important;
  }
}

.h-428 {
  height: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-428 {
    height: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-428 {
    height: 428px !important;
  }
}

.h-min-428 {
  min-height: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-428 {
    min-height: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-428 {
    min-height: 428px !important;
  }
}

.h-max-428 {
  max-height: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-428 {
    max-height: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-428 {
    max-height: 428px !important;
  }
}

.w-428 {
  width: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-428 {
    width: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-428 {
    width: 428px !important;
  }
}

.w-min-428 {
  min-width: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-428 {
    min-width: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-428 {
    min-width: 428px !important;
  }
}

.w-max-428 {
  max-width: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-428 {
    max-width: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-428 {
    max-width: 428px !important;
  }
}

.h-429 {
  height: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-429 {
    height: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-429 {
    height: 429px !important;
  }
}

.h-min-429 {
  min-height: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-429 {
    min-height: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-429 {
    min-height: 429px !important;
  }
}

.h-max-429 {
  max-height: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-429 {
    max-height: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-429 {
    max-height: 429px !important;
  }
}

.w-429 {
  width: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-429 {
    width: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-429 {
    width: 429px !important;
  }
}

.w-min-429 {
  min-width: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-429 {
    min-width: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-429 {
    min-width: 429px !important;
  }
}

.w-max-429 {
  max-width: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-429 {
    max-width: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-429 {
    max-width: 429px !important;
  }
}

.h-430 {
  height: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-430 {
    height: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-430 {
    height: 430px !important;
  }
}

.h-min-430 {
  min-height: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-430 {
    min-height: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-430 {
    min-height: 430px !important;
  }
}

.h-max-430 {
  max-height: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-430 {
    max-height: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-430 {
    max-height: 430px !important;
  }
}

.w-430 {
  width: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-430 {
    width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-430 {
    width: 430px !important;
  }
}

.w-min-430 {
  min-width: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-430 {
    min-width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-430 {
    min-width: 430px !important;
  }
}

.w-max-430 {
  max-width: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-430 {
    max-width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-430 {
    max-width: 430px !important;
  }
}

.h-431 {
  height: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-431 {
    height: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-431 {
    height: 431px !important;
  }
}

.h-min-431 {
  min-height: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-431 {
    min-height: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-431 {
    min-height: 431px !important;
  }
}

.h-max-431 {
  max-height: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-431 {
    max-height: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-431 {
    max-height: 431px !important;
  }
}

.w-431 {
  width: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-431 {
    width: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-431 {
    width: 431px !important;
  }
}

.w-min-431 {
  min-width: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-431 {
    min-width: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-431 {
    min-width: 431px !important;
  }
}

.w-max-431 {
  max-width: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-431 {
    max-width: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-431 {
    max-width: 431px !important;
  }
}

.h-432 {
  height: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-432 {
    height: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-432 {
    height: 432px !important;
  }
}

.h-min-432 {
  min-height: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-432 {
    min-height: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-432 {
    min-height: 432px !important;
  }
}

.h-max-432 {
  max-height: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-432 {
    max-height: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-432 {
    max-height: 432px !important;
  }
}

.w-432 {
  width: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-432 {
    width: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-432 {
    width: 432px !important;
  }
}

.w-min-432 {
  min-width: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-432 {
    min-width: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-432 {
    min-width: 432px !important;
  }
}

.w-max-432 {
  max-width: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-432 {
    max-width: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-432 {
    max-width: 432px !important;
  }
}

.h-433 {
  height: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-433 {
    height: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-433 {
    height: 433px !important;
  }
}

.h-min-433 {
  min-height: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-433 {
    min-height: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-433 {
    min-height: 433px !important;
  }
}

.h-max-433 {
  max-height: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-433 {
    max-height: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-433 {
    max-height: 433px !important;
  }
}

.w-433 {
  width: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-433 {
    width: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-433 {
    width: 433px !important;
  }
}

.w-min-433 {
  min-width: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-433 {
    min-width: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-433 {
    min-width: 433px !important;
  }
}

.w-max-433 {
  max-width: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-433 {
    max-width: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-433 {
    max-width: 433px !important;
  }
}

.h-434 {
  height: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-434 {
    height: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-434 {
    height: 434px !important;
  }
}

.h-min-434 {
  min-height: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-434 {
    min-height: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-434 {
    min-height: 434px !important;
  }
}

.h-max-434 {
  max-height: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-434 {
    max-height: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-434 {
    max-height: 434px !important;
  }
}

.w-434 {
  width: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-434 {
    width: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-434 {
    width: 434px !important;
  }
}

.w-min-434 {
  min-width: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-434 {
    min-width: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-434 {
    min-width: 434px !important;
  }
}

.w-max-434 {
  max-width: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-434 {
    max-width: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-434 {
    max-width: 434px !important;
  }
}

.h-435 {
  height: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-435 {
    height: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-435 {
    height: 435px !important;
  }
}

.h-min-435 {
  min-height: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-435 {
    min-height: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-435 {
    min-height: 435px !important;
  }
}

.h-max-435 {
  max-height: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-435 {
    max-height: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-435 {
    max-height: 435px !important;
  }
}

.w-435 {
  width: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-435 {
    width: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-435 {
    width: 435px !important;
  }
}

.w-min-435 {
  min-width: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-435 {
    min-width: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-435 {
    min-width: 435px !important;
  }
}

.w-max-435 {
  max-width: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-435 {
    max-width: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-435 {
    max-width: 435px !important;
  }
}

.h-436 {
  height: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-436 {
    height: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-436 {
    height: 436px !important;
  }
}

.h-min-436 {
  min-height: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-436 {
    min-height: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-436 {
    min-height: 436px !important;
  }
}

.h-max-436 {
  max-height: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-436 {
    max-height: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-436 {
    max-height: 436px !important;
  }
}

.w-436 {
  width: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-436 {
    width: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-436 {
    width: 436px !important;
  }
}

.w-min-436 {
  min-width: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-436 {
    min-width: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-436 {
    min-width: 436px !important;
  }
}

.w-max-436 {
  max-width: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-436 {
    max-width: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-436 {
    max-width: 436px !important;
  }
}

.h-437 {
  height: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-437 {
    height: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-437 {
    height: 437px !important;
  }
}

.h-min-437 {
  min-height: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-437 {
    min-height: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-437 {
    min-height: 437px !important;
  }
}

.h-max-437 {
  max-height: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-437 {
    max-height: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-437 {
    max-height: 437px !important;
  }
}

.w-437 {
  width: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-437 {
    width: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-437 {
    width: 437px !important;
  }
}

.w-min-437 {
  min-width: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-437 {
    min-width: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-437 {
    min-width: 437px !important;
  }
}

.w-max-437 {
  max-width: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-437 {
    max-width: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-437 {
    max-width: 437px !important;
  }
}

.h-438 {
  height: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-438 {
    height: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-438 {
    height: 438px !important;
  }
}

.h-min-438 {
  min-height: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-438 {
    min-height: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-438 {
    min-height: 438px !important;
  }
}

.h-max-438 {
  max-height: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-438 {
    max-height: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-438 {
    max-height: 438px !important;
  }
}

.w-438 {
  width: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-438 {
    width: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-438 {
    width: 438px !important;
  }
}

.w-min-438 {
  min-width: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-438 {
    min-width: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-438 {
    min-width: 438px !important;
  }
}

.w-max-438 {
  max-width: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-438 {
    max-width: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-438 {
    max-width: 438px !important;
  }
}

.h-439 {
  height: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-439 {
    height: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-439 {
    height: 439px !important;
  }
}

.h-min-439 {
  min-height: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-439 {
    min-height: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-439 {
    min-height: 439px !important;
  }
}

.h-max-439 {
  max-height: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-439 {
    max-height: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-439 {
    max-height: 439px !important;
  }
}

.w-439 {
  width: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-439 {
    width: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-439 {
    width: 439px !important;
  }
}

.w-min-439 {
  min-width: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-439 {
    min-width: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-439 {
    min-width: 439px !important;
  }
}

.w-max-439 {
  max-width: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-439 {
    max-width: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-439 {
    max-width: 439px !important;
  }
}

.h-440 {
  height: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-440 {
    height: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-440 {
    height: 440px !important;
  }
}

.h-min-440 {
  min-height: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-440 {
    min-height: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-440 {
    min-height: 440px !important;
  }
}

.h-max-440 {
  max-height: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-440 {
    max-height: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-440 {
    max-height: 440px !important;
  }
}

.w-440 {
  width: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-440 {
    width: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-440 {
    width: 440px !important;
  }
}

.w-min-440 {
  min-width: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-440 {
    min-width: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-440 {
    min-width: 440px !important;
  }
}

.w-max-440 {
  max-width: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-440 {
    max-width: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-440 {
    max-width: 440px !important;
  }
}

.h-441 {
  height: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-441 {
    height: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-441 {
    height: 441px !important;
  }
}

.h-min-441 {
  min-height: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-441 {
    min-height: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-441 {
    min-height: 441px !important;
  }
}

.h-max-441 {
  max-height: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-441 {
    max-height: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-441 {
    max-height: 441px !important;
  }
}

.w-441 {
  width: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-441 {
    width: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-441 {
    width: 441px !important;
  }
}

.w-min-441 {
  min-width: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-441 {
    min-width: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-441 {
    min-width: 441px !important;
  }
}

.w-max-441 {
  max-width: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-441 {
    max-width: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-441 {
    max-width: 441px !important;
  }
}

.h-442 {
  height: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-442 {
    height: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-442 {
    height: 442px !important;
  }
}

.h-min-442 {
  min-height: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-442 {
    min-height: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-442 {
    min-height: 442px !important;
  }
}

.h-max-442 {
  max-height: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-442 {
    max-height: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-442 {
    max-height: 442px !important;
  }
}

.w-442 {
  width: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-442 {
    width: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-442 {
    width: 442px !important;
  }
}

.w-min-442 {
  min-width: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-442 {
    min-width: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-442 {
    min-width: 442px !important;
  }
}

.w-max-442 {
  max-width: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-442 {
    max-width: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-442 {
    max-width: 442px !important;
  }
}

.h-443 {
  height: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-443 {
    height: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-443 {
    height: 443px !important;
  }
}

.h-min-443 {
  min-height: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-443 {
    min-height: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-443 {
    min-height: 443px !important;
  }
}

.h-max-443 {
  max-height: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-443 {
    max-height: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-443 {
    max-height: 443px !important;
  }
}

.w-443 {
  width: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-443 {
    width: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-443 {
    width: 443px !important;
  }
}

.w-min-443 {
  min-width: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-443 {
    min-width: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-443 {
    min-width: 443px !important;
  }
}

.w-max-443 {
  max-width: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-443 {
    max-width: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-443 {
    max-width: 443px !important;
  }
}

.h-444 {
  height: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-444 {
    height: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-444 {
    height: 444px !important;
  }
}

.h-min-444 {
  min-height: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-444 {
    min-height: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-444 {
    min-height: 444px !important;
  }
}

.h-max-444 {
  max-height: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-444 {
    max-height: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-444 {
    max-height: 444px !important;
  }
}

.w-444 {
  width: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-444 {
    width: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-444 {
    width: 444px !important;
  }
}

.w-min-444 {
  min-width: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-444 {
    min-width: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-444 {
    min-width: 444px !important;
  }
}

.w-max-444 {
  max-width: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-444 {
    max-width: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-444 {
    max-width: 444px !important;
  }
}

.h-445 {
  height: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-445 {
    height: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-445 {
    height: 445px !important;
  }
}

.h-min-445 {
  min-height: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-445 {
    min-height: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-445 {
    min-height: 445px !important;
  }
}

.h-max-445 {
  max-height: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-445 {
    max-height: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-445 {
    max-height: 445px !important;
  }
}

.w-445 {
  width: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-445 {
    width: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-445 {
    width: 445px !important;
  }
}

.w-min-445 {
  min-width: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-445 {
    min-width: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-445 {
    min-width: 445px !important;
  }
}

.w-max-445 {
  max-width: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-445 {
    max-width: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-445 {
    max-width: 445px !important;
  }
}

.h-446 {
  height: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-446 {
    height: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-446 {
    height: 446px !important;
  }
}

.h-min-446 {
  min-height: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-446 {
    min-height: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-446 {
    min-height: 446px !important;
  }
}

.h-max-446 {
  max-height: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-446 {
    max-height: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-446 {
    max-height: 446px !important;
  }
}

.w-446 {
  width: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-446 {
    width: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-446 {
    width: 446px !important;
  }
}

.w-min-446 {
  min-width: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-446 {
    min-width: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-446 {
    min-width: 446px !important;
  }
}

.w-max-446 {
  max-width: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-446 {
    max-width: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-446 {
    max-width: 446px !important;
  }
}

.h-447 {
  height: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-447 {
    height: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-447 {
    height: 447px !important;
  }
}

.h-min-447 {
  min-height: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-447 {
    min-height: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-447 {
    min-height: 447px !important;
  }
}

.h-max-447 {
  max-height: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-447 {
    max-height: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-447 {
    max-height: 447px !important;
  }
}

.w-447 {
  width: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-447 {
    width: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-447 {
    width: 447px !important;
  }
}

.w-min-447 {
  min-width: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-447 {
    min-width: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-447 {
    min-width: 447px !important;
  }
}

.w-max-447 {
  max-width: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-447 {
    max-width: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-447 {
    max-width: 447px !important;
  }
}

.h-448 {
  height: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-448 {
    height: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-448 {
    height: 448px !important;
  }
}

.h-min-448 {
  min-height: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-448 {
    min-height: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-448 {
    min-height: 448px !important;
  }
}

.h-max-448 {
  max-height: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-448 {
    max-height: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-448 {
    max-height: 448px !important;
  }
}

.w-448 {
  width: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-448 {
    width: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-448 {
    width: 448px !important;
  }
}

.w-min-448 {
  min-width: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-448 {
    min-width: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-448 {
    min-width: 448px !important;
  }
}

.w-max-448 {
  max-width: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-448 {
    max-width: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-448 {
    max-width: 448px !important;
  }
}

.h-449 {
  height: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-449 {
    height: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-449 {
    height: 449px !important;
  }
}

.h-min-449 {
  min-height: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-449 {
    min-height: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-449 {
    min-height: 449px !important;
  }
}

.h-max-449 {
  max-height: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-449 {
    max-height: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-449 {
    max-height: 449px !important;
  }
}

.w-449 {
  width: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-449 {
    width: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-449 {
    width: 449px !important;
  }
}

.w-min-449 {
  min-width: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-449 {
    min-width: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-449 {
    min-width: 449px !important;
  }
}

.w-max-449 {
  max-width: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-449 {
    max-width: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-449 {
    max-width: 449px !important;
  }
}

.h-450 {
  height: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-450 {
    height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-450 {
    height: 450px !important;
  }
}

.h-min-450 {
  min-height: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-450 {
    min-height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-450 {
    min-height: 450px !important;
  }
}

.h-max-450 {
  max-height: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-450 {
    max-height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-450 {
    max-height: 450px !important;
  }
}

.w-450 {
  width: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-450 {
    width: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-450 {
    width: 450px !important;
  }
}

.w-min-450 {
  min-width: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-450 {
    min-width: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-450 {
    min-width: 450px !important;
  }
}

.w-max-450 {
  max-width: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-450 {
    max-width: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-450 {
    max-width: 450px !important;
  }
}

.h-451 {
  height: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-451 {
    height: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-451 {
    height: 451px !important;
  }
}

.h-min-451 {
  min-height: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-451 {
    min-height: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-451 {
    min-height: 451px !important;
  }
}

.h-max-451 {
  max-height: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-451 {
    max-height: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-451 {
    max-height: 451px !important;
  }
}

.w-451 {
  width: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-451 {
    width: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-451 {
    width: 451px !important;
  }
}

.w-min-451 {
  min-width: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-451 {
    min-width: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-451 {
    min-width: 451px !important;
  }
}

.w-max-451 {
  max-width: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-451 {
    max-width: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-451 {
    max-width: 451px !important;
  }
}

.h-452 {
  height: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-452 {
    height: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-452 {
    height: 452px !important;
  }
}

.h-min-452 {
  min-height: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-452 {
    min-height: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-452 {
    min-height: 452px !important;
  }
}

.h-max-452 {
  max-height: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-452 {
    max-height: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-452 {
    max-height: 452px !important;
  }
}

.w-452 {
  width: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-452 {
    width: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-452 {
    width: 452px !important;
  }
}

.w-min-452 {
  min-width: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-452 {
    min-width: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-452 {
    min-width: 452px !important;
  }
}

.w-max-452 {
  max-width: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-452 {
    max-width: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-452 {
    max-width: 452px !important;
  }
}

.h-453 {
  height: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-453 {
    height: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-453 {
    height: 453px !important;
  }
}

.h-min-453 {
  min-height: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-453 {
    min-height: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-453 {
    min-height: 453px !important;
  }
}

.h-max-453 {
  max-height: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-453 {
    max-height: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-453 {
    max-height: 453px !important;
  }
}

.w-453 {
  width: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-453 {
    width: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-453 {
    width: 453px !important;
  }
}

.w-min-453 {
  min-width: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-453 {
    min-width: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-453 {
    min-width: 453px !important;
  }
}

.w-max-453 {
  max-width: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-453 {
    max-width: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-453 {
    max-width: 453px !important;
  }
}

.h-454 {
  height: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-454 {
    height: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-454 {
    height: 454px !important;
  }
}

.h-min-454 {
  min-height: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-454 {
    min-height: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-454 {
    min-height: 454px !important;
  }
}

.h-max-454 {
  max-height: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-454 {
    max-height: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-454 {
    max-height: 454px !important;
  }
}

.w-454 {
  width: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-454 {
    width: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-454 {
    width: 454px !important;
  }
}

.w-min-454 {
  min-width: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-454 {
    min-width: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-454 {
    min-width: 454px !important;
  }
}

.w-max-454 {
  max-width: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-454 {
    max-width: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-454 {
    max-width: 454px !important;
  }
}

.h-455 {
  height: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-455 {
    height: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-455 {
    height: 455px !important;
  }
}

.h-min-455 {
  min-height: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-455 {
    min-height: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-455 {
    min-height: 455px !important;
  }
}

.h-max-455 {
  max-height: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-455 {
    max-height: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-455 {
    max-height: 455px !important;
  }
}

.w-455 {
  width: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-455 {
    width: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-455 {
    width: 455px !important;
  }
}

.w-min-455 {
  min-width: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-455 {
    min-width: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-455 {
    min-width: 455px !important;
  }
}

.w-max-455 {
  max-width: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-455 {
    max-width: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-455 {
    max-width: 455px !important;
  }
}

.h-456 {
  height: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-456 {
    height: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-456 {
    height: 456px !important;
  }
}

.h-min-456 {
  min-height: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-456 {
    min-height: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-456 {
    min-height: 456px !important;
  }
}

.h-max-456 {
  max-height: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-456 {
    max-height: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-456 {
    max-height: 456px !important;
  }
}

.w-456 {
  width: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-456 {
    width: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-456 {
    width: 456px !important;
  }
}

.w-min-456 {
  min-width: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-456 {
    min-width: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-456 {
    min-width: 456px !important;
  }
}

.w-max-456 {
  max-width: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-456 {
    max-width: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-456 {
    max-width: 456px !important;
  }
}

.h-457 {
  height: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-457 {
    height: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-457 {
    height: 457px !important;
  }
}

.h-min-457 {
  min-height: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-457 {
    min-height: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-457 {
    min-height: 457px !important;
  }
}

.h-max-457 {
  max-height: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-457 {
    max-height: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-457 {
    max-height: 457px !important;
  }
}

.w-457 {
  width: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-457 {
    width: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-457 {
    width: 457px !important;
  }
}

.w-min-457 {
  min-width: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-457 {
    min-width: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-457 {
    min-width: 457px !important;
  }
}

.w-max-457 {
  max-width: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-457 {
    max-width: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-457 {
    max-width: 457px !important;
  }
}

.h-458 {
  height: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-458 {
    height: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-458 {
    height: 458px !important;
  }
}

.h-min-458 {
  min-height: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-458 {
    min-height: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-458 {
    min-height: 458px !important;
  }
}

.h-max-458 {
  max-height: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-458 {
    max-height: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-458 {
    max-height: 458px !important;
  }
}

.w-458 {
  width: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-458 {
    width: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-458 {
    width: 458px !important;
  }
}

.w-min-458 {
  min-width: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-458 {
    min-width: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-458 {
    min-width: 458px !important;
  }
}

.w-max-458 {
  max-width: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-458 {
    max-width: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-458 {
    max-width: 458px !important;
  }
}

.h-459 {
  height: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-459 {
    height: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-459 {
    height: 459px !important;
  }
}

.h-min-459 {
  min-height: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-459 {
    min-height: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-459 {
    min-height: 459px !important;
  }
}

.h-max-459 {
  max-height: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-459 {
    max-height: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-459 {
    max-height: 459px !important;
  }
}

.w-459 {
  width: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-459 {
    width: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-459 {
    width: 459px !important;
  }
}

.w-min-459 {
  min-width: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-459 {
    min-width: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-459 {
    min-width: 459px !important;
  }
}

.w-max-459 {
  max-width: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-459 {
    max-width: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-459 {
    max-width: 459px !important;
  }
}

.h-460 {
  height: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-460 {
    height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-460 {
    height: 460px !important;
  }
}

.h-min-460 {
  min-height: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-460 {
    min-height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-460 {
    min-height: 460px !important;
  }
}

.h-max-460 {
  max-height: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-460 {
    max-height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-460 {
    max-height: 460px !important;
  }
}

.w-460 {
  width: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-460 {
    width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-460 {
    width: 460px !important;
  }
}

.w-min-460 {
  min-width: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-460 {
    min-width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-460 {
    min-width: 460px !important;
  }
}

.w-max-460 {
  max-width: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-460 {
    max-width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-460 {
    max-width: 460px !important;
  }
}

.h-461 {
  height: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-461 {
    height: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-461 {
    height: 461px !important;
  }
}

.h-min-461 {
  min-height: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-461 {
    min-height: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-461 {
    min-height: 461px !important;
  }
}

.h-max-461 {
  max-height: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-461 {
    max-height: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-461 {
    max-height: 461px !important;
  }
}

.w-461 {
  width: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-461 {
    width: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-461 {
    width: 461px !important;
  }
}

.w-min-461 {
  min-width: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-461 {
    min-width: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-461 {
    min-width: 461px !important;
  }
}

.w-max-461 {
  max-width: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-461 {
    max-width: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-461 {
    max-width: 461px !important;
  }
}

.h-462 {
  height: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-462 {
    height: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-462 {
    height: 462px !important;
  }
}

.h-min-462 {
  min-height: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-462 {
    min-height: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-462 {
    min-height: 462px !important;
  }
}

.h-max-462 {
  max-height: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-462 {
    max-height: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-462 {
    max-height: 462px !important;
  }
}

.w-462 {
  width: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-462 {
    width: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-462 {
    width: 462px !important;
  }
}

.w-min-462 {
  min-width: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-462 {
    min-width: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-462 {
    min-width: 462px !important;
  }
}

.w-max-462 {
  max-width: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-462 {
    max-width: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-462 {
    max-width: 462px !important;
  }
}

.h-463 {
  height: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-463 {
    height: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-463 {
    height: 463px !important;
  }
}

.h-min-463 {
  min-height: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-463 {
    min-height: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-463 {
    min-height: 463px !important;
  }
}

.h-max-463 {
  max-height: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-463 {
    max-height: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-463 {
    max-height: 463px !important;
  }
}

.w-463 {
  width: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-463 {
    width: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-463 {
    width: 463px !important;
  }
}

.w-min-463 {
  min-width: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-463 {
    min-width: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-463 {
    min-width: 463px !important;
  }
}

.w-max-463 {
  max-width: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-463 {
    max-width: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-463 {
    max-width: 463px !important;
  }
}

.h-464 {
  height: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-464 {
    height: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-464 {
    height: 464px !important;
  }
}

.h-min-464 {
  min-height: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-464 {
    min-height: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-464 {
    min-height: 464px !important;
  }
}

.h-max-464 {
  max-height: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-464 {
    max-height: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-464 {
    max-height: 464px !important;
  }
}

.w-464 {
  width: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-464 {
    width: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-464 {
    width: 464px !important;
  }
}

.w-min-464 {
  min-width: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-464 {
    min-width: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-464 {
    min-width: 464px !important;
  }
}

.w-max-464 {
  max-width: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-464 {
    max-width: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-464 {
    max-width: 464px !important;
  }
}

.h-465 {
  height: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-465 {
    height: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-465 {
    height: 465px !important;
  }
}

.h-min-465 {
  min-height: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-465 {
    min-height: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-465 {
    min-height: 465px !important;
  }
}

.h-max-465 {
  max-height: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-465 {
    max-height: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-465 {
    max-height: 465px !important;
  }
}

.w-465 {
  width: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-465 {
    width: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-465 {
    width: 465px !important;
  }
}

.w-min-465 {
  min-width: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-465 {
    min-width: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-465 {
    min-width: 465px !important;
  }
}

.w-max-465 {
  max-width: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-465 {
    max-width: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-465 {
    max-width: 465px !important;
  }
}

.h-466 {
  height: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-466 {
    height: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-466 {
    height: 466px !important;
  }
}

.h-min-466 {
  min-height: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-466 {
    min-height: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-466 {
    min-height: 466px !important;
  }
}

.h-max-466 {
  max-height: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-466 {
    max-height: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-466 {
    max-height: 466px !important;
  }
}

.w-466 {
  width: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-466 {
    width: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-466 {
    width: 466px !important;
  }
}

.w-min-466 {
  min-width: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-466 {
    min-width: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-466 {
    min-width: 466px !important;
  }
}

.w-max-466 {
  max-width: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-466 {
    max-width: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-466 {
    max-width: 466px !important;
  }
}

.h-467 {
  height: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-467 {
    height: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-467 {
    height: 467px !important;
  }
}

.h-min-467 {
  min-height: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-467 {
    min-height: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-467 {
    min-height: 467px !important;
  }
}

.h-max-467 {
  max-height: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-467 {
    max-height: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-467 {
    max-height: 467px !important;
  }
}

.w-467 {
  width: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-467 {
    width: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-467 {
    width: 467px !important;
  }
}

.w-min-467 {
  min-width: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-467 {
    min-width: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-467 {
    min-width: 467px !important;
  }
}

.w-max-467 {
  max-width: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-467 {
    max-width: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-467 {
    max-width: 467px !important;
  }
}

.h-468 {
  height: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-468 {
    height: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-468 {
    height: 468px !important;
  }
}

.h-min-468 {
  min-height: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-468 {
    min-height: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-468 {
    min-height: 468px !important;
  }
}

.h-max-468 {
  max-height: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-468 {
    max-height: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-468 {
    max-height: 468px !important;
  }
}

.w-468 {
  width: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-468 {
    width: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-468 {
    width: 468px !important;
  }
}

.w-min-468 {
  min-width: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-468 {
    min-width: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-468 {
    min-width: 468px !important;
  }
}

.w-max-468 {
  max-width: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-468 {
    max-width: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-468 {
    max-width: 468px !important;
  }
}

.h-469 {
  height: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-469 {
    height: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-469 {
    height: 469px !important;
  }
}

.h-min-469 {
  min-height: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-469 {
    min-height: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-469 {
    min-height: 469px !important;
  }
}

.h-max-469 {
  max-height: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-469 {
    max-height: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-469 {
    max-height: 469px !important;
  }
}

.w-469 {
  width: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-469 {
    width: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-469 {
    width: 469px !important;
  }
}

.w-min-469 {
  min-width: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-469 {
    min-width: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-469 {
    min-width: 469px !important;
  }
}

.w-max-469 {
  max-width: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-469 {
    max-width: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-469 {
    max-width: 469px !important;
  }
}

.h-470 {
  height: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-470 {
    height: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-470 {
    height: 470px !important;
  }
}

.h-min-470 {
  min-height: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-470 {
    min-height: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-470 {
    min-height: 470px !important;
  }
}

.h-max-470 {
  max-height: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-470 {
    max-height: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-470 {
    max-height: 470px !important;
  }
}

.w-470 {
  width: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-470 {
    width: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-470 {
    width: 470px !important;
  }
}

.w-min-470 {
  min-width: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-470 {
    min-width: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-470 {
    min-width: 470px !important;
  }
}

.w-max-470 {
  max-width: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-470 {
    max-width: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-470 {
    max-width: 470px !important;
  }
}

.h-471 {
  height: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-471 {
    height: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-471 {
    height: 471px !important;
  }
}

.h-min-471 {
  min-height: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-471 {
    min-height: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-471 {
    min-height: 471px !important;
  }
}

.h-max-471 {
  max-height: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-471 {
    max-height: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-471 {
    max-height: 471px !important;
  }
}

.w-471 {
  width: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-471 {
    width: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-471 {
    width: 471px !important;
  }
}

.w-min-471 {
  min-width: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-471 {
    min-width: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-471 {
    min-width: 471px !important;
  }
}

.w-max-471 {
  max-width: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-471 {
    max-width: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-471 {
    max-width: 471px !important;
  }
}

.h-472 {
  height: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-472 {
    height: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-472 {
    height: 472px !important;
  }
}

.h-min-472 {
  min-height: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-472 {
    min-height: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-472 {
    min-height: 472px !important;
  }
}

.h-max-472 {
  max-height: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-472 {
    max-height: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-472 {
    max-height: 472px !important;
  }
}

.w-472 {
  width: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-472 {
    width: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-472 {
    width: 472px !important;
  }
}

.w-min-472 {
  min-width: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-472 {
    min-width: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-472 {
    min-width: 472px !important;
  }
}

.w-max-472 {
  max-width: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-472 {
    max-width: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-472 {
    max-width: 472px !important;
  }
}

.h-473 {
  height: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-473 {
    height: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-473 {
    height: 473px !important;
  }
}

.h-min-473 {
  min-height: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-473 {
    min-height: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-473 {
    min-height: 473px !important;
  }
}

.h-max-473 {
  max-height: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-473 {
    max-height: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-473 {
    max-height: 473px !important;
  }
}

.w-473 {
  width: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-473 {
    width: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-473 {
    width: 473px !important;
  }
}

.w-min-473 {
  min-width: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-473 {
    min-width: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-473 {
    min-width: 473px !important;
  }
}

.w-max-473 {
  max-width: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-473 {
    max-width: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-473 {
    max-width: 473px !important;
  }
}

.h-474 {
  height: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-474 {
    height: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-474 {
    height: 474px !important;
  }
}

.h-min-474 {
  min-height: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-474 {
    min-height: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-474 {
    min-height: 474px !important;
  }
}

.h-max-474 {
  max-height: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-474 {
    max-height: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-474 {
    max-height: 474px !important;
  }
}

.w-474 {
  width: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-474 {
    width: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-474 {
    width: 474px !important;
  }
}

.w-min-474 {
  min-width: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-474 {
    min-width: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-474 {
    min-width: 474px !important;
  }
}

.w-max-474 {
  max-width: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-474 {
    max-width: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-474 {
    max-width: 474px !important;
  }
}

.h-475 {
  height: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-475 {
    height: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-475 {
    height: 475px !important;
  }
}

.h-min-475 {
  min-height: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-475 {
    min-height: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-475 {
    min-height: 475px !important;
  }
}

.h-max-475 {
  max-height: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-475 {
    max-height: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-475 {
    max-height: 475px !important;
  }
}

.w-475 {
  width: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-475 {
    width: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-475 {
    width: 475px !important;
  }
}

.w-min-475 {
  min-width: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-475 {
    min-width: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-475 {
    min-width: 475px !important;
  }
}

.w-max-475 {
  max-width: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-475 {
    max-width: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-475 {
    max-width: 475px !important;
  }
}

.h-476 {
  height: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-476 {
    height: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-476 {
    height: 476px !important;
  }
}

.h-min-476 {
  min-height: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-476 {
    min-height: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-476 {
    min-height: 476px !important;
  }
}

.h-max-476 {
  max-height: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-476 {
    max-height: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-476 {
    max-height: 476px !important;
  }
}

.w-476 {
  width: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-476 {
    width: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-476 {
    width: 476px !important;
  }
}

.w-min-476 {
  min-width: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-476 {
    min-width: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-476 {
    min-width: 476px !important;
  }
}

.w-max-476 {
  max-width: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-476 {
    max-width: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-476 {
    max-width: 476px !important;
  }
}

.h-477 {
  height: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-477 {
    height: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-477 {
    height: 477px !important;
  }
}

.h-min-477 {
  min-height: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-477 {
    min-height: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-477 {
    min-height: 477px !important;
  }
}

.h-max-477 {
  max-height: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-477 {
    max-height: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-477 {
    max-height: 477px !important;
  }
}

.w-477 {
  width: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-477 {
    width: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-477 {
    width: 477px !important;
  }
}

.w-min-477 {
  min-width: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-477 {
    min-width: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-477 {
    min-width: 477px !important;
  }
}

.w-max-477 {
  max-width: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-477 {
    max-width: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-477 {
    max-width: 477px !important;
  }
}

.h-478 {
  height: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-478 {
    height: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-478 {
    height: 478px !important;
  }
}

.h-min-478 {
  min-height: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-478 {
    min-height: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-478 {
    min-height: 478px !important;
  }
}

.h-max-478 {
  max-height: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-478 {
    max-height: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-478 {
    max-height: 478px !important;
  }
}

.w-478 {
  width: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-478 {
    width: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-478 {
    width: 478px !important;
  }
}

.w-min-478 {
  min-width: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-478 {
    min-width: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-478 {
    min-width: 478px !important;
  }
}

.w-max-478 {
  max-width: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-478 {
    max-width: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-478 {
    max-width: 478px !important;
  }
}

.h-479 {
  height: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-479 {
    height: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-479 {
    height: 479px !important;
  }
}

.h-min-479 {
  min-height: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-479 {
    min-height: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-479 {
    min-height: 479px !important;
  }
}

.h-max-479 {
  max-height: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-479 {
    max-height: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-479 {
    max-height: 479px !important;
  }
}

.w-479 {
  width: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-479 {
    width: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-479 {
    width: 479px !important;
  }
}

.w-min-479 {
  min-width: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-479 {
    min-width: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-479 {
    min-width: 479px !important;
  }
}

.w-max-479 {
  max-width: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-479 {
    max-width: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-479 {
    max-width: 479px !important;
  }
}

.h-480 {
  height: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-480 {
    height: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-480 {
    height: 480px !important;
  }
}

.h-min-480 {
  min-height: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-480 {
    min-height: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-480 {
    min-height: 480px !important;
  }
}

.h-max-480 {
  max-height: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-480 {
    max-height: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-480 {
    max-height: 480px !important;
  }
}

.w-480 {
  width: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-480 {
    width: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-480 {
    width: 480px !important;
  }
}

.w-min-480 {
  min-width: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-480 {
    min-width: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-480 {
    min-width: 480px !important;
  }
}

.w-max-480 {
  max-width: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-480 {
    max-width: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-480 {
    max-width: 480px !important;
  }
}

.h-481 {
  height: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-481 {
    height: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-481 {
    height: 481px !important;
  }
}

.h-min-481 {
  min-height: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-481 {
    min-height: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-481 {
    min-height: 481px !important;
  }
}

.h-max-481 {
  max-height: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-481 {
    max-height: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-481 {
    max-height: 481px !important;
  }
}

.w-481 {
  width: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-481 {
    width: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-481 {
    width: 481px !important;
  }
}

.w-min-481 {
  min-width: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-481 {
    min-width: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-481 {
    min-width: 481px !important;
  }
}

.w-max-481 {
  max-width: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-481 {
    max-width: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-481 {
    max-width: 481px !important;
  }
}

.h-482 {
  height: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-482 {
    height: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-482 {
    height: 482px !important;
  }
}

.h-min-482 {
  min-height: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-482 {
    min-height: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-482 {
    min-height: 482px !important;
  }
}

.h-max-482 {
  max-height: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-482 {
    max-height: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-482 {
    max-height: 482px !important;
  }
}

.w-482 {
  width: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-482 {
    width: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-482 {
    width: 482px !important;
  }
}

.w-min-482 {
  min-width: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-482 {
    min-width: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-482 {
    min-width: 482px !important;
  }
}

.w-max-482 {
  max-width: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-482 {
    max-width: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-482 {
    max-width: 482px !important;
  }
}

.h-483 {
  height: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-483 {
    height: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-483 {
    height: 483px !important;
  }
}

.h-min-483 {
  min-height: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-483 {
    min-height: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-483 {
    min-height: 483px !important;
  }
}

.h-max-483 {
  max-height: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-483 {
    max-height: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-483 {
    max-height: 483px !important;
  }
}

.w-483 {
  width: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-483 {
    width: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-483 {
    width: 483px !important;
  }
}

.w-min-483 {
  min-width: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-483 {
    min-width: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-483 {
    min-width: 483px !important;
  }
}

.w-max-483 {
  max-width: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-483 {
    max-width: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-483 {
    max-width: 483px !important;
  }
}

.h-484 {
  height: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-484 {
    height: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-484 {
    height: 484px !important;
  }
}

.h-min-484 {
  min-height: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-484 {
    min-height: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-484 {
    min-height: 484px !important;
  }
}

.h-max-484 {
  max-height: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-484 {
    max-height: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-484 {
    max-height: 484px !important;
  }
}

.w-484 {
  width: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-484 {
    width: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-484 {
    width: 484px !important;
  }
}

.w-min-484 {
  min-width: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-484 {
    min-width: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-484 {
    min-width: 484px !important;
  }
}

.w-max-484 {
  max-width: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-484 {
    max-width: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-484 {
    max-width: 484px !important;
  }
}

.h-485 {
  height: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-485 {
    height: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-485 {
    height: 485px !important;
  }
}

.h-min-485 {
  min-height: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-485 {
    min-height: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-485 {
    min-height: 485px !important;
  }
}

.h-max-485 {
  max-height: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-485 {
    max-height: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-485 {
    max-height: 485px !important;
  }
}

.w-485 {
  width: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-485 {
    width: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-485 {
    width: 485px !important;
  }
}

.w-min-485 {
  min-width: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-485 {
    min-width: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-485 {
    min-width: 485px !important;
  }
}

.w-max-485 {
  max-width: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-485 {
    max-width: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-485 {
    max-width: 485px !important;
  }
}

.h-486 {
  height: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-486 {
    height: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-486 {
    height: 486px !important;
  }
}

.h-min-486 {
  min-height: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-486 {
    min-height: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-486 {
    min-height: 486px !important;
  }
}

.h-max-486 {
  max-height: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-486 {
    max-height: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-486 {
    max-height: 486px !important;
  }
}

.w-486 {
  width: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-486 {
    width: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-486 {
    width: 486px !important;
  }
}

.w-min-486 {
  min-width: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-486 {
    min-width: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-486 {
    min-width: 486px !important;
  }
}

.w-max-486 {
  max-width: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-486 {
    max-width: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-486 {
    max-width: 486px !important;
  }
}

.h-487 {
  height: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-487 {
    height: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-487 {
    height: 487px !important;
  }
}

.h-min-487 {
  min-height: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-487 {
    min-height: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-487 {
    min-height: 487px !important;
  }
}

.h-max-487 {
  max-height: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-487 {
    max-height: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-487 {
    max-height: 487px !important;
  }
}

.w-487 {
  width: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-487 {
    width: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-487 {
    width: 487px !important;
  }
}

.w-min-487 {
  min-width: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-487 {
    min-width: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-487 {
    min-width: 487px !important;
  }
}

.w-max-487 {
  max-width: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-487 {
    max-width: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-487 {
    max-width: 487px !important;
  }
}

.h-488 {
  height: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-488 {
    height: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-488 {
    height: 488px !important;
  }
}

.h-min-488 {
  min-height: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-488 {
    min-height: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-488 {
    min-height: 488px !important;
  }
}

.h-max-488 {
  max-height: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-488 {
    max-height: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-488 {
    max-height: 488px !important;
  }
}

.w-488 {
  width: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-488 {
    width: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-488 {
    width: 488px !important;
  }
}

.w-min-488 {
  min-width: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-488 {
    min-width: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-488 {
    min-width: 488px !important;
  }
}

.w-max-488 {
  max-width: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-488 {
    max-width: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-488 {
    max-width: 488px !important;
  }
}

.h-489 {
  height: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-489 {
    height: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-489 {
    height: 489px !important;
  }
}

.h-min-489 {
  min-height: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-489 {
    min-height: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-489 {
    min-height: 489px !important;
  }
}

.h-max-489 {
  max-height: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-489 {
    max-height: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-489 {
    max-height: 489px !important;
  }
}

.w-489 {
  width: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-489 {
    width: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-489 {
    width: 489px !important;
  }
}

.w-min-489 {
  min-width: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-489 {
    min-width: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-489 {
    min-width: 489px !important;
  }
}

.w-max-489 {
  max-width: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-489 {
    max-width: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-489 {
    max-width: 489px !important;
  }
}

.h-490 {
  height: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-490 {
    height: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-490 {
    height: 490px !important;
  }
}

.h-min-490 {
  min-height: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-490 {
    min-height: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-490 {
    min-height: 490px !important;
  }
}

.h-max-490 {
  max-height: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-490 {
    max-height: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-490 {
    max-height: 490px !important;
  }
}

.w-490 {
  width: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-490 {
    width: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-490 {
    width: 490px !important;
  }
}

.w-min-490 {
  min-width: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-490 {
    min-width: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-490 {
    min-width: 490px !important;
  }
}

.w-max-490 {
  max-width: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-490 {
    max-width: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-490 {
    max-width: 490px !important;
  }
}

.h-491 {
  height: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-491 {
    height: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-491 {
    height: 491px !important;
  }
}

.h-min-491 {
  min-height: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-491 {
    min-height: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-491 {
    min-height: 491px !important;
  }
}

.h-max-491 {
  max-height: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-491 {
    max-height: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-491 {
    max-height: 491px !important;
  }
}

.w-491 {
  width: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-491 {
    width: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-491 {
    width: 491px !important;
  }
}

.w-min-491 {
  min-width: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-491 {
    min-width: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-491 {
    min-width: 491px !important;
  }
}

.w-max-491 {
  max-width: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-491 {
    max-width: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-491 {
    max-width: 491px !important;
  }
}

.h-492 {
  height: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-492 {
    height: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-492 {
    height: 492px !important;
  }
}

.h-min-492 {
  min-height: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-492 {
    min-height: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-492 {
    min-height: 492px !important;
  }
}

.h-max-492 {
  max-height: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-492 {
    max-height: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-492 {
    max-height: 492px !important;
  }
}

.w-492 {
  width: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-492 {
    width: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-492 {
    width: 492px !important;
  }
}

.w-min-492 {
  min-width: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-492 {
    min-width: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-492 {
    min-width: 492px !important;
  }
}

.w-max-492 {
  max-width: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-492 {
    max-width: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-492 {
    max-width: 492px !important;
  }
}

.h-493 {
  height: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-493 {
    height: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-493 {
    height: 493px !important;
  }
}

.h-min-493 {
  min-height: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-493 {
    min-height: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-493 {
    min-height: 493px !important;
  }
}

.h-max-493 {
  max-height: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-493 {
    max-height: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-493 {
    max-height: 493px !important;
  }
}

.w-493 {
  width: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-493 {
    width: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-493 {
    width: 493px !important;
  }
}

.w-min-493 {
  min-width: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-493 {
    min-width: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-493 {
    min-width: 493px !important;
  }
}

.w-max-493 {
  max-width: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-493 {
    max-width: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-493 {
    max-width: 493px !important;
  }
}

.h-494 {
  height: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-494 {
    height: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-494 {
    height: 494px !important;
  }
}

.h-min-494 {
  min-height: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-494 {
    min-height: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-494 {
    min-height: 494px !important;
  }
}

.h-max-494 {
  max-height: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-494 {
    max-height: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-494 {
    max-height: 494px !important;
  }
}

.w-494 {
  width: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-494 {
    width: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-494 {
    width: 494px !important;
  }
}

.w-min-494 {
  min-width: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-494 {
    min-width: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-494 {
    min-width: 494px !important;
  }
}

.w-max-494 {
  max-width: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-494 {
    max-width: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-494 {
    max-width: 494px !important;
  }
}

.h-495 {
  height: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-495 {
    height: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-495 {
    height: 495px !important;
  }
}

.h-min-495 {
  min-height: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-495 {
    min-height: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-495 {
    min-height: 495px !important;
  }
}

.h-max-495 {
  max-height: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-495 {
    max-height: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-495 {
    max-height: 495px !important;
  }
}

.w-495 {
  width: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-495 {
    width: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-495 {
    width: 495px !important;
  }
}

.w-min-495 {
  min-width: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-495 {
    min-width: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-495 {
    min-width: 495px !important;
  }
}

.w-max-495 {
  max-width: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-495 {
    max-width: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-495 {
    max-width: 495px !important;
  }
}

.h-496 {
  height: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-496 {
    height: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-496 {
    height: 496px !important;
  }
}

.h-min-496 {
  min-height: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-496 {
    min-height: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-496 {
    min-height: 496px !important;
  }
}

.h-max-496 {
  max-height: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-496 {
    max-height: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-496 {
    max-height: 496px !important;
  }
}

.w-496 {
  width: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-496 {
    width: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-496 {
    width: 496px !important;
  }
}

.w-min-496 {
  min-width: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-496 {
    min-width: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-496 {
    min-width: 496px !important;
  }
}

.w-max-496 {
  max-width: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-496 {
    max-width: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-496 {
    max-width: 496px !important;
  }
}

.h-497 {
  height: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-497 {
    height: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-497 {
    height: 497px !important;
  }
}

.h-min-497 {
  min-height: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-497 {
    min-height: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-497 {
    min-height: 497px !important;
  }
}

.h-max-497 {
  max-height: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-497 {
    max-height: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-497 {
    max-height: 497px !important;
  }
}

.w-497 {
  width: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-497 {
    width: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-497 {
    width: 497px !important;
  }
}

.w-min-497 {
  min-width: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-497 {
    min-width: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-497 {
    min-width: 497px !important;
  }
}

.w-max-497 {
  max-width: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-497 {
    max-width: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-497 {
    max-width: 497px !important;
  }
}

.h-498 {
  height: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-498 {
    height: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-498 {
    height: 498px !important;
  }
}

.h-min-498 {
  min-height: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-498 {
    min-height: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-498 {
    min-height: 498px !important;
  }
}

.h-max-498 {
  max-height: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-498 {
    max-height: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-498 {
    max-height: 498px !important;
  }
}

.w-498 {
  width: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-498 {
    width: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-498 {
    width: 498px !important;
  }
}

.w-min-498 {
  min-width: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-498 {
    min-width: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-498 {
    min-width: 498px !important;
  }
}

.w-max-498 {
  max-width: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-498 {
    max-width: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-498 {
    max-width: 498px !important;
  }
}

.h-499 {
  height: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-499 {
    height: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-499 {
    height: 499px !important;
  }
}

.h-min-499 {
  min-height: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-499 {
    min-height: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-499 {
    min-height: 499px !important;
  }
}

.h-max-499 {
  max-height: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-499 {
    max-height: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-499 {
    max-height: 499px !important;
  }
}

.w-499 {
  width: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-499 {
    width: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-499 {
    width: 499px !important;
  }
}

.w-min-499 {
  min-width: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-499 {
    min-width: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-499 {
    min-width: 499px !important;
  }
}

.w-max-499 {
  max-width: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-499 {
    max-width: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-499 {
    max-width: 499px !important;
  }
}

.h-500 {
  height: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-500 {
    height: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-500 {
    height: 500px !important;
  }
}

.h-min-500 {
  min-height: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-500 {
    min-height: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-500 {
    min-height: 500px !important;
  }
}

.h-max-500 {
  max-height: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-500 {
    max-height: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-500 {
    max-height: 500px !important;
  }
}

.w-500 {
  width: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-500 {
    width: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-500 {
    width: 500px !important;
  }
}

.w-min-500 {
  min-width: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-500 {
    min-width: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-500 {
    min-width: 500px !important;
  }
}

.w-max-500 {
  max-width: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-500 {
    max-width: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-500 {
    max-width: 500px !important;
  }
}

.h-501 {
  height: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-501 {
    height: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-501 {
    height: 501px !important;
  }
}

.h-min-501 {
  min-height: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-501 {
    min-height: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-501 {
    min-height: 501px !important;
  }
}

.h-max-501 {
  max-height: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-501 {
    max-height: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-501 {
    max-height: 501px !important;
  }
}

.w-501 {
  width: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-501 {
    width: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-501 {
    width: 501px !important;
  }
}

.w-min-501 {
  min-width: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-501 {
    min-width: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-501 {
    min-width: 501px !important;
  }
}

.w-max-501 {
  max-width: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-501 {
    max-width: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-501 {
    max-width: 501px !important;
  }
}

.h-502 {
  height: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-502 {
    height: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-502 {
    height: 502px !important;
  }
}

.h-min-502 {
  min-height: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-502 {
    min-height: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-502 {
    min-height: 502px !important;
  }
}

.h-max-502 {
  max-height: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-502 {
    max-height: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-502 {
    max-height: 502px !important;
  }
}

.w-502 {
  width: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-502 {
    width: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-502 {
    width: 502px !important;
  }
}

.w-min-502 {
  min-width: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-502 {
    min-width: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-502 {
    min-width: 502px !important;
  }
}

.w-max-502 {
  max-width: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-502 {
    max-width: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-502 {
    max-width: 502px !important;
  }
}

.h-503 {
  height: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-503 {
    height: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-503 {
    height: 503px !important;
  }
}

.h-min-503 {
  min-height: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-503 {
    min-height: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-503 {
    min-height: 503px !important;
  }
}

.h-max-503 {
  max-height: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-503 {
    max-height: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-503 {
    max-height: 503px !important;
  }
}

.w-503 {
  width: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-503 {
    width: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-503 {
    width: 503px !important;
  }
}

.w-min-503 {
  min-width: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-503 {
    min-width: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-503 {
    min-width: 503px !important;
  }
}

.w-max-503 {
  max-width: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-503 {
    max-width: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-503 {
    max-width: 503px !important;
  }
}

.h-504 {
  height: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-504 {
    height: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-504 {
    height: 504px !important;
  }
}

.h-min-504 {
  min-height: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-504 {
    min-height: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-504 {
    min-height: 504px !important;
  }
}

.h-max-504 {
  max-height: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-504 {
    max-height: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-504 {
    max-height: 504px !important;
  }
}

.w-504 {
  width: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-504 {
    width: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-504 {
    width: 504px !important;
  }
}

.w-min-504 {
  min-width: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-504 {
    min-width: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-504 {
    min-width: 504px !important;
  }
}

.w-max-504 {
  max-width: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-504 {
    max-width: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-504 {
    max-width: 504px !important;
  }
}

.h-505 {
  height: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-505 {
    height: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-505 {
    height: 505px !important;
  }
}

.h-min-505 {
  min-height: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-505 {
    min-height: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-505 {
    min-height: 505px !important;
  }
}

.h-max-505 {
  max-height: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-505 {
    max-height: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-505 {
    max-height: 505px !important;
  }
}

.w-505 {
  width: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-505 {
    width: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-505 {
    width: 505px !important;
  }
}

.w-min-505 {
  min-width: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-505 {
    min-width: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-505 {
    min-width: 505px !important;
  }
}

.w-max-505 {
  max-width: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-505 {
    max-width: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-505 {
    max-width: 505px !important;
  }
}

.h-506 {
  height: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-506 {
    height: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-506 {
    height: 506px !important;
  }
}

.h-min-506 {
  min-height: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-506 {
    min-height: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-506 {
    min-height: 506px !important;
  }
}

.h-max-506 {
  max-height: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-506 {
    max-height: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-506 {
    max-height: 506px !important;
  }
}

.w-506 {
  width: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-506 {
    width: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-506 {
    width: 506px !important;
  }
}

.w-min-506 {
  min-width: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-506 {
    min-width: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-506 {
    min-width: 506px !important;
  }
}

.w-max-506 {
  max-width: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-506 {
    max-width: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-506 {
    max-width: 506px !important;
  }
}

.h-507 {
  height: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-507 {
    height: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-507 {
    height: 507px !important;
  }
}

.h-min-507 {
  min-height: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-507 {
    min-height: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-507 {
    min-height: 507px !important;
  }
}

.h-max-507 {
  max-height: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-507 {
    max-height: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-507 {
    max-height: 507px !important;
  }
}

.w-507 {
  width: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-507 {
    width: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-507 {
    width: 507px !important;
  }
}

.w-min-507 {
  min-width: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-507 {
    min-width: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-507 {
    min-width: 507px !important;
  }
}

.w-max-507 {
  max-width: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-507 {
    max-width: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-507 {
    max-width: 507px !important;
  }
}

.h-508 {
  height: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-508 {
    height: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-508 {
    height: 508px !important;
  }
}

.h-min-508 {
  min-height: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-508 {
    min-height: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-508 {
    min-height: 508px !important;
  }
}

.h-max-508 {
  max-height: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-508 {
    max-height: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-508 {
    max-height: 508px !important;
  }
}

.w-508 {
  width: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-508 {
    width: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-508 {
    width: 508px !important;
  }
}

.w-min-508 {
  min-width: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-508 {
    min-width: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-508 {
    min-width: 508px !important;
  }
}

.w-max-508 {
  max-width: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-508 {
    max-width: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-508 {
    max-width: 508px !important;
  }
}

.h-509 {
  height: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-509 {
    height: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-509 {
    height: 509px !important;
  }
}

.h-min-509 {
  min-height: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-509 {
    min-height: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-509 {
    min-height: 509px !important;
  }
}

.h-max-509 {
  max-height: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-509 {
    max-height: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-509 {
    max-height: 509px !important;
  }
}

.w-509 {
  width: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-509 {
    width: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-509 {
    width: 509px !important;
  }
}

.w-min-509 {
  min-width: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-509 {
    min-width: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-509 {
    min-width: 509px !important;
  }
}

.w-max-509 {
  max-width: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-509 {
    max-width: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-509 {
    max-width: 509px !important;
  }
}

.h-510 {
  height: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-510 {
    height: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-510 {
    height: 510px !important;
  }
}

.h-min-510 {
  min-height: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-510 {
    min-height: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-510 {
    min-height: 510px !important;
  }
}

.h-max-510 {
  max-height: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-510 {
    max-height: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-510 {
    max-height: 510px !important;
  }
}

.w-510 {
  width: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-510 {
    width: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-510 {
    width: 510px !important;
  }
}

.w-min-510 {
  min-width: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-510 {
    min-width: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-510 {
    min-width: 510px !important;
  }
}

.w-max-510 {
  max-width: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-510 {
    max-width: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-510 {
    max-width: 510px !important;
  }
}

.h-511 {
  height: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-511 {
    height: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-511 {
    height: 511px !important;
  }
}

.h-min-511 {
  min-height: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-511 {
    min-height: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-511 {
    min-height: 511px !important;
  }
}

.h-max-511 {
  max-height: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-511 {
    max-height: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-511 {
    max-height: 511px !important;
  }
}

.w-511 {
  width: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-511 {
    width: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-511 {
    width: 511px !important;
  }
}

.w-min-511 {
  min-width: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-511 {
    min-width: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-511 {
    min-width: 511px !important;
  }
}

.w-max-511 {
  max-width: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-511 {
    max-width: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-511 {
    max-width: 511px !important;
  }
}

.h-512 {
  height: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-512 {
    height: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-512 {
    height: 512px !important;
  }
}

.h-min-512 {
  min-height: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-512 {
    min-height: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-512 {
    min-height: 512px !important;
  }
}

.h-max-512 {
  max-height: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-512 {
    max-height: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-512 {
    max-height: 512px !important;
  }
}

.w-512 {
  width: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-512 {
    width: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-512 {
    width: 512px !important;
  }
}

.w-min-512 {
  min-width: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-512 {
    min-width: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-512 {
    min-width: 512px !important;
  }
}

.w-max-512 {
  max-width: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-512 {
    max-width: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-512 {
    max-width: 512px !important;
  }
}

.h-513 {
  height: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-513 {
    height: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-513 {
    height: 513px !important;
  }
}

.h-min-513 {
  min-height: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-513 {
    min-height: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-513 {
    min-height: 513px !important;
  }
}

.h-max-513 {
  max-height: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-513 {
    max-height: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-513 {
    max-height: 513px !important;
  }
}

.w-513 {
  width: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-513 {
    width: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-513 {
    width: 513px !important;
  }
}

.w-min-513 {
  min-width: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-513 {
    min-width: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-513 {
    min-width: 513px !important;
  }
}

.w-max-513 {
  max-width: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-513 {
    max-width: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-513 {
    max-width: 513px !important;
  }
}

.h-514 {
  height: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-514 {
    height: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-514 {
    height: 514px !important;
  }
}

.h-min-514 {
  min-height: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-514 {
    min-height: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-514 {
    min-height: 514px !important;
  }
}

.h-max-514 {
  max-height: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-514 {
    max-height: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-514 {
    max-height: 514px !important;
  }
}

.w-514 {
  width: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-514 {
    width: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-514 {
    width: 514px !important;
  }
}

.w-min-514 {
  min-width: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-514 {
    min-width: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-514 {
    min-width: 514px !important;
  }
}

.w-max-514 {
  max-width: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-514 {
    max-width: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-514 {
    max-width: 514px !important;
  }
}

.h-515 {
  height: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-515 {
    height: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-515 {
    height: 515px !important;
  }
}

.h-min-515 {
  min-height: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-515 {
    min-height: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-515 {
    min-height: 515px !important;
  }
}

.h-max-515 {
  max-height: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-515 {
    max-height: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-515 {
    max-height: 515px !important;
  }
}

.w-515 {
  width: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-515 {
    width: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-515 {
    width: 515px !important;
  }
}

.w-min-515 {
  min-width: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-515 {
    min-width: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-515 {
    min-width: 515px !important;
  }
}

.w-max-515 {
  max-width: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-515 {
    max-width: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-515 {
    max-width: 515px !important;
  }
}

.h-516 {
  height: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-516 {
    height: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-516 {
    height: 516px !important;
  }
}

.h-min-516 {
  min-height: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-516 {
    min-height: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-516 {
    min-height: 516px !important;
  }
}

.h-max-516 {
  max-height: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-516 {
    max-height: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-516 {
    max-height: 516px !important;
  }
}

.w-516 {
  width: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-516 {
    width: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-516 {
    width: 516px !important;
  }
}

.w-min-516 {
  min-width: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-516 {
    min-width: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-516 {
    min-width: 516px !important;
  }
}

.w-max-516 {
  max-width: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-516 {
    max-width: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-516 {
    max-width: 516px !important;
  }
}

.h-517 {
  height: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-517 {
    height: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-517 {
    height: 517px !important;
  }
}

.h-min-517 {
  min-height: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-517 {
    min-height: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-517 {
    min-height: 517px !important;
  }
}

.h-max-517 {
  max-height: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-517 {
    max-height: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-517 {
    max-height: 517px !important;
  }
}

.w-517 {
  width: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-517 {
    width: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-517 {
    width: 517px !important;
  }
}

.w-min-517 {
  min-width: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-517 {
    min-width: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-517 {
    min-width: 517px !important;
  }
}

.w-max-517 {
  max-width: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-517 {
    max-width: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-517 {
    max-width: 517px !important;
  }
}

.h-518 {
  height: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-518 {
    height: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-518 {
    height: 518px !important;
  }
}

.h-min-518 {
  min-height: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-518 {
    min-height: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-518 {
    min-height: 518px !important;
  }
}

.h-max-518 {
  max-height: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-518 {
    max-height: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-518 {
    max-height: 518px !important;
  }
}

.w-518 {
  width: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-518 {
    width: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-518 {
    width: 518px !important;
  }
}

.w-min-518 {
  min-width: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-518 {
    min-width: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-518 {
    min-width: 518px !important;
  }
}

.w-max-518 {
  max-width: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-518 {
    max-width: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-518 {
    max-width: 518px !important;
  }
}

.h-519 {
  height: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-519 {
    height: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-519 {
    height: 519px !important;
  }
}

.h-min-519 {
  min-height: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-519 {
    min-height: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-519 {
    min-height: 519px !important;
  }
}

.h-max-519 {
  max-height: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-519 {
    max-height: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-519 {
    max-height: 519px !important;
  }
}

.w-519 {
  width: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-519 {
    width: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-519 {
    width: 519px !important;
  }
}

.w-min-519 {
  min-width: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-519 {
    min-width: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-519 {
    min-width: 519px !important;
  }
}

.w-max-519 {
  max-width: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-519 {
    max-width: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-519 {
    max-width: 519px !important;
  }
}

.h-520 {
  height: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-520 {
    height: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-520 {
    height: 520px !important;
  }
}

.h-min-520 {
  min-height: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-520 {
    min-height: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-520 {
    min-height: 520px !important;
  }
}

.h-max-520 {
  max-height: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-520 {
    max-height: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-520 {
    max-height: 520px !important;
  }
}

.w-520 {
  width: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-520 {
    width: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-520 {
    width: 520px !important;
  }
}

.w-min-520 {
  min-width: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-520 {
    min-width: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-520 {
    min-width: 520px !important;
  }
}

.w-max-520 {
  max-width: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-520 {
    max-width: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-520 {
    max-width: 520px !important;
  }
}

.h-521 {
  height: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-521 {
    height: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-521 {
    height: 521px !important;
  }
}

.h-min-521 {
  min-height: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-521 {
    min-height: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-521 {
    min-height: 521px !important;
  }
}

.h-max-521 {
  max-height: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-521 {
    max-height: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-521 {
    max-height: 521px !important;
  }
}

.w-521 {
  width: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-521 {
    width: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-521 {
    width: 521px !important;
  }
}

.w-min-521 {
  min-width: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-521 {
    min-width: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-521 {
    min-width: 521px !important;
  }
}

.w-max-521 {
  max-width: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-521 {
    max-width: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-521 {
    max-width: 521px !important;
  }
}

.h-522 {
  height: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-522 {
    height: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-522 {
    height: 522px !important;
  }
}

.h-min-522 {
  min-height: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-522 {
    min-height: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-522 {
    min-height: 522px !important;
  }
}

.h-max-522 {
  max-height: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-522 {
    max-height: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-522 {
    max-height: 522px !important;
  }
}

.w-522 {
  width: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-522 {
    width: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-522 {
    width: 522px !important;
  }
}

.w-min-522 {
  min-width: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-522 {
    min-width: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-522 {
    min-width: 522px !important;
  }
}

.w-max-522 {
  max-width: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-522 {
    max-width: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-522 {
    max-width: 522px !important;
  }
}

.h-523 {
  height: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-523 {
    height: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-523 {
    height: 523px !important;
  }
}

.h-min-523 {
  min-height: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-523 {
    min-height: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-523 {
    min-height: 523px !important;
  }
}

.h-max-523 {
  max-height: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-523 {
    max-height: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-523 {
    max-height: 523px !important;
  }
}

.w-523 {
  width: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-523 {
    width: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-523 {
    width: 523px !important;
  }
}

.w-min-523 {
  min-width: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-523 {
    min-width: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-523 {
    min-width: 523px !important;
  }
}

.w-max-523 {
  max-width: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-523 {
    max-width: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-523 {
    max-width: 523px !important;
  }
}

.h-524 {
  height: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-524 {
    height: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-524 {
    height: 524px !important;
  }
}

.h-min-524 {
  min-height: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-524 {
    min-height: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-524 {
    min-height: 524px !important;
  }
}

.h-max-524 {
  max-height: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-524 {
    max-height: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-524 {
    max-height: 524px !important;
  }
}

.w-524 {
  width: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-524 {
    width: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-524 {
    width: 524px !important;
  }
}

.w-min-524 {
  min-width: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-524 {
    min-width: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-524 {
    min-width: 524px !important;
  }
}

.w-max-524 {
  max-width: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-524 {
    max-width: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-524 {
    max-width: 524px !important;
  }
}

.h-525 {
  height: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-525 {
    height: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-525 {
    height: 525px !important;
  }
}

.h-min-525 {
  min-height: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-525 {
    min-height: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-525 {
    min-height: 525px !important;
  }
}

.h-max-525 {
  max-height: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-525 {
    max-height: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-525 {
    max-height: 525px !important;
  }
}

.w-525 {
  width: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-525 {
    width: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-525 {
    width: 525px !important;
  }
}

.w-min-525 {
  min-width: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-525 {
    min-width: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-525 {
    min-width: 525px !important;
  }
}

.w-max-525 {
  max-width: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-525 {
    max-width: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-525 {
    max-width: 525px !important;
  }
}

.h-526 {
  height: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-526 {
    height: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-526 {
    height: 526px !important;
  }
}

.h-min-526 {
  min-height: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-526 {
    min-height: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-526 {
    min-height: 526px !important;
  }
}

.h-max-526 {
  max-height: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-526 {
    max-height: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-526 {
    max-height: 526px !important;
  }
}

.w-526 {
  width: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-526 {
    width: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-526 {
    width: 526px !important;
  }
}

.w-min-526 {
  min-width: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-526 {
    min-width: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-526 {
    min-width: 526px !important;
  }
}

.w-max-526 {
  max-width: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-526 {
    max-width: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-526 {
    max-width: 526px !important;
  }
}

.h-527 {
  height: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-527 {
    height: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-527 {
    height: 527px !important;
  }
}

.h-min-527 {
  min-height: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-527 {
    min-height: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-527 {
    min-height: 527px !important;
  }
}

.h-max-527 {
  max-height: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-527 {
    max-height: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-527 {
    max-height: 527px !important;
  }
}

.w-527 {
  width: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-527 {
    width: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-527 {
    width: 527px !important;
  }
}

.w-min-527 {
  min-width: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-527 {
    min-width: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-527 {
    min-width: 527px !important;
  }
}

.w-max-527 {
  max-width: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-527 {
    max-width: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-527 {
    max-width: 527px !important;
  }
}

.h-528 {
  height: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-528 {
    height: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-528 {
    height: 528px !important;
  }
}

.h-min-528 {
  min-height: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-528 {
    min-height: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-528 {
    min-height: 528px !important;
  }
}

.h-max-528 {
  max-height: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-528 {
    max-height: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-528 {
    max-height: 528px !important;
  }
}

.w-528 {
  width: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-528 {
    width: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-528 {
    width: 528px !important;
  }
}

.w-min-528 {
  min-width: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-528 {
    min-width: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-528 {
    min-width: 528px !important;
  }
}

.w-max-528 {
  max-width: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-528 {
    max-width: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-528 {
    max-width: 528px !important;
  }
}

.h-529 {
  height: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-529 {
    height: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-529 {
    height: 529px !important;
  }
}

.h-min-529 {
  min-height: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-529 {
    min-height: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-529 {
    min-height: 529px !important;
  }
}

.h-max-529 {
  max-height: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-529 {
    max-height: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-529 {
    max-height: 529px !important;
  }
}

.w-529 {
  width: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-529 {
    width: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-529 {
    width: 529px !important;
  }
}

.w-min-529 {
  min-width: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-529 {
    min-width: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-529 {
    min-width: 529px !important;
  }
}

.w-max-529 {
  max-width: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-529 {
    max-width: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-529 {
    max-width: 529px !important;
  }
}

.h-530 {
  height: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-530 {
    height: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-530 {
    height: 530px !important;
  }
}

.h-min-530 {
  min-height: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-530 {
    min-height: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-530 {
    min-height: 530px !important;
  }
}

.h-max-530 {
  max-height: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-530 {
    max-height: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-530 {
    max-height: 530px !important;
  }
}

.w-530 {
  width: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-530 {
    width: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-530 {
    width: 530px !important;
  }
}

.w-min-530 {
  min-width: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-530 {
    min-width: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-530 {
    min-width: 530px !important;
  }
}

.w-max-530 {
  max-width: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-530 {
    max-width: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-530 {
    max-width: 530px !important;
  }
}

.h-531 {
  height: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-531 {
    height: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-531 {
    height: 531px !important;
  }
}

.h-min-531 {
  min-height: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-531 {
    min-height: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-531 {
    min-height: 531px !important;
  }
}

.h-max-531 {
  max-height: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-531 {
    max-height: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-531 {
    max-height: 531px !important;
  }
}

.w-531 {
  width: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-531 {
    width: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-531 {
    width: 531px !important;
  }
}

.w-min-531 {
  min-width: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-531 {
    min-width: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-531 {
    min-width: 531px !important;
  }
}

.w-max-531 {
  max-width: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-531 {
    max-width: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-531 {
    max-width: 531px !important;
  }
}

.h-532 {
  height: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-532 {
    height: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-532 {
    height: 532px !important;
  }
}

.h-min-532 {
  min-height: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-532 {
    min-height: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-532 {
    min-height: 532px !important;
  }
}

.h-max-532 {
  max-height: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-532 {
    max-height: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-532 {
    max-height: 532px !important;
  }
}

.w-532 {
  width: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-532 {
    width: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-532 {
    width: 532px !important;
  }
}

.w-min-532 {
  min-width: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-532 {
    min-width: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-532 {
    min-width: 532px !important;
  }
}

.w-max-532 {
  max-width: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-532 {
    max-width: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-532 {
    max-width: 532px !important;
  }
}

.h-533 {
  height: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-533 {
    height: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-533 {
    height: 533px !important;
  }
}

.h-min-533 {
  min-height: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-533 {
    min-height: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-533 {
    min-height: 533px !important;
  }
}

.h-max-533 {
  max-height: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-533 {
    max-height: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-533 {
    max-height: 533px !important;
  }
}

.w-533 {
  width: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-533 {
    width: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-533 {
    width: 533px !important;
  }
}

.w-min-533 {
  min-width: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-533 {
    min-width: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-533 {
    min-width: 533px !important;
  }
}

.w-max-533 {
  max-width: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-533 {
    max-width: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-533 {
    max-width: 533px !important;
  }
}

.h-534 {
  height: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-534 {
    height: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-534 {
    height: 534px !important;
  }
}

.h-min-534 {
  min-height: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-534 {
    min-height: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-534 {
    min-height: 534px !important;
  }
}

.h-max-534 {
  max-height: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-534 {
    max-height: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-534 {
    max-height: 534px !important;
  }
}

.w-534 {
  width: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-534 {
    width: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-534 {
    width: 534px !important;
  }
}

.w-min-534 {
  min-width: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-534 {
    min-width: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-534 {
    min-width: 534px !important;
  }
}

.w-max-534 {
  max-width: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-534 {
    max-width: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-534 {
    max-width: 534px !important;
  }
}

.h-535 {
  height: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-535 {
    height: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-535 {
    height: 535px !important;
  }
}

.h-min-535 {
  min-height: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-535 {
    min-height: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-535 {
    min-height: 535px !important;
  }
}

.h-max-535 {
  max-height: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-535 {
    max-height: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-535 {
    max-height: 535px !important;
  }
}

.w-535 {
  width: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-535 {
    width: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-535 {
    width: 535px !important;
  }
}

.w-min-535 {
  min-width: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-535 {
    min-width: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-535 {
    min-width: 535px !important;
  }
}

.w-max-535 {
  max-width: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-535 {
    max-width: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-535 {
    max-width: 535px !important;
  }
}

.h-536 {
  height: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-536 {
    height: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-536 {
    height: 536px !important;
  }
}

.h-min-536 {
  min-height: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-536 {
    min-height: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-536 {
    min-height: 536px !important;
  }
}

.h-max-536 {
  max-height: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-536 {
    max-height: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-536 {
    max-height: 536px !important;
  }
}

.w-536 {
  width: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-536 {
    width: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-536 {
    width: 536px !important;
  }
}

.w-min-536 {
  min-width: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-536 {
    min-width: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-536 {
    min-width: 536px !important;
  }
}

.w-max-536 {
  max-width: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-536 {
    max-width: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-536 {
    max-width: 536px !important;
  }
}

.h-537 {
  height: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-537 {
    height: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-537 {
    height: 537px !important;
  }
}

.h-min-537 {
  min-height: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-537 {
    min-height: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-537 {
    min-height: 537px !important;
  }
}

.h-max-537 {
  max-height: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-537 {
    max-height: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-537 {
    max-height: 537px !important;
  }
}

.w-537 {
  width: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-537 {
    width: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-537 {
    width: 537px !important;
  }
}

.w-min-537 {
  min-width: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-537 {
    min-width: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-537 {
    min-width: 537px !important;
  }
}

.w-max-537 {
  max-width: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-537 {
    max-width: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-537 {
    max-width: 537px !important;
  }
}

.h-538 {
  height: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-538 {
    height: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-538 {
    height: 538px !important;
  }
}

.h-min-538 {
  min-height: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-538 {
    min-height: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-538 {
    min-height: 538px !important;
  }
}

.h-max-538 {
  max-height: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-538 {
    max-height: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-538 {
    max-height: 538px !important;
  }
}

.w-538 {
  width: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-538 {
    width: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-538 {
    width: 538px !important;
  }
}

.w-min-538 {
  min-width: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-538 {
    min-width: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-538 {
    min-width: 538px !important;
  }
}

.w-max-538 {
  max-width: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-538 {
    max-width: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-538 {
    max-width: 538px !important;
  }
}

.h-539 {
  height: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-539 {
    height: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-539 {
    height: 539px !important;
  }
}

.h-min-539 {
  min-height: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-539 {
    min-height: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-539 {
    min-height: 539px !important;
  }
}

.h-max-539 {
  max-height: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-539 {
    max-height: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-539 {
    max-height: 539px !important;
  }
}

.w-539 {
  width: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-539 {
    width: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-539 {
    width: 539px !important;
  }
}

.w-min-539 {
  min-width: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-539 {
    min-width: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-539 {
    min-width: 539px !important;
  }
}

.w-max-539 {
  max-width: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-539 {
    max-width: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-539 {
    max-width: 539px !important;
  }
}

.h-540 {
  height: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-540 {
    height: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-540 {
    height: 540px !important;
  }
}

.h-min-540 {
  min-height: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-540 {
    min-height: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-540 {
    min-height: 540px !important;
  }
}

.h-max-540 {
  max-height: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-540 {
    max-height: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-540 {
    max-height: 540px !important;
  }
}

.w-540 {
  width: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-540 {
    width: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-540 {
    width: 540px !important;
  }
}

.w-min-540 {
  min-width: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-540 {
    min-width: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-540 {
    min-width: 540px !important;
  }
}

.w-max-540 {
  max-width: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-540 {
    max-width: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-540 {
    max-width: 540px !important;
  }
}

.h-541 {
  height: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-541 {
    height: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-541 {
    height: 541px !important;
  }
}

.h-min-541 {
  min-height: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-541 {
    min-height: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-541 {
    min-height: 541px !important;
  }
}

.h-max-541 {
  max-height: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-541 {
    max-height: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-541 {
    max-height: 541px !important;
  }
}

.w-541 {
  width: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-541 {
    width: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-541 {
    width: 541px !important;
  }
}

.w-min-541 {
  min-width: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-541 {
    min-width: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-541 {
    min-width: 541px !important;
  }
}

.w-max-541 {
  max-width: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-541 {
    max-width: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-541 {
    max-width: 541px !important;
  }
}

.h-542 {
  height: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-542 {
    height: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-542 {
    height: 542px !important;
  }
}

.h-min-542 {
  min-height: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-542 {
    min-height: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-542 {
    min-height: 542px !important;
  }
}

.h-max-542 {
  max-height: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-542 {
    max-height: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-542 {
    max-height: 542px !important;
  }
}

.w-542 {
  width: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-542 {
    width: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-542 {
    width: 542px !important;
  }
}

.w-min-542 {
  min-width: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-542 {
    min-width: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-542 {
    min-width: 542px !important;
  }
}

.w-max-542 {
  max-width: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-542 {
    max-width: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-542 {
    max-width: 542px !important;
  }
}

.h-543 {
  height: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-543 {
    height: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-543 {
    height: 543px !important;
  }
}

.h-min-543 {
  min-height: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-543 {
    min-height: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-543 {
    min-height: 543px !important;
  }
}

.h-max-543 {
  max-height: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-543 {
    max-height: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-543 {
    max-height: 543px !important;
  }
}

.w-543 {
  width: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-543 {
    width: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-543 {
    width: 543px !important;
  }
}

.w-min-543 {
  min-width: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-543 {
    min-width: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-543 {
    min-width: 543px !important;
  }
}

.w-max-543 {
  max-width: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-543 {
    max-width: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-543 {
    max-width: 543px !important;
  }
}

.h-544 {
  height: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-544 {
    height: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-544 {
    height: 544px !important;
  }
}

.h-min-544 {
  min-height: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-544 {
    min-height: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-544 {
    min-height: 544px !important;
  }
}

.h-max-544 {
  max-height: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-544 {
    max-height: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-544 {
    max-height: 544px !important;
  }
}

.w-544 {
  width: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-544 {
    width: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-544 {
    width: 544px !important;
  }
}

.w-min-544 {
  min-width: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-544 {
    min-width: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-544 {
    min-width: 544px !important;
  }
}

.w-max-544 {
  max-width: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-544 {
    max-width: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-544 {
    max-width: 544px !important;
  }
}

.h-545 {
  height: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-545 {
    height: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-545 {
    height: 545px !important;
  }
}

.h-min-545 {
  min-height: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-545 {
    min-height: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-545 {
    min-height: 545px !important;
  }
}

.h-max-545 {
  max-height: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-545 {
    max-height: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-545 {
    max-height: 545px !important;
  }
}

.w-545 {
  width: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-545 {
    width: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-545 {
    width: 545px !important;
  }
}

.w-min-545 {
  min-width: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-545 {
    min-width: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-545 {
    min-width: 545px !important;
  }
}

.w-max-545 {
  max-width: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-545 {
    max-width: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-545 {
    max-width: 545px !important;
  }
}

.h-546 {
  height: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-546 {
    height: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-546 {
    height: 546px !important;
  }
}

.h-min-546 {
  min-height: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-546 {
    min-height: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-546 {
    min-height: 546px !important;
  }
}

.h-max-546 {
  max-height: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-546 {
    max-height: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-546 {
    max-height: 546px !important;
  }
}

.w-546 {
  width: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-546 {
    width: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-546 {
    width: 546px !important;
  }
}

.w-min-546 {
  min-width: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-546 {
    min-width: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-546 {
    min-width: 546px !important;
  }
}

.w-max-546 {
  max-width: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-546 {
    max-width: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-546 {
    max-width: 546px !important;
  }
}

.h-547 {
  height: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-547 {
    height: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-547 {
    height: 547px !important;
  }
}

.h-min-547 {
  min-height: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-547 {
    min-height: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-547 {
    min-height: 547px !important;
  }
}

.h-max-547 {
  max-height: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-547 {
    max-height: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-547 {
    max-height: 547px !important;
  }
}

.w-547 {
  width: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-547 {
    width: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-547 {
    width: 547px !important;
  }
}

.w-min-547 {
  min-width: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-547 {
    min-width: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-547 {
    min-width: 547px !important;
  }
}

.w-max-547 {
  max-width: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-547 {
    max-width: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-547 {
    max-width: 547px !important;
  }
}

.h-548 {
  height: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-548 {
    height: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-548 {
    height: 548px !important;
  }
}

.h-min-548 {
  min-height: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-548 {
    min-height: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-548 {
    min-height: 548px !important;
  }
}

.h-max-548 {
  max-height: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-548 {
    max-height: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-548 {
    max-height: 548px !important;
  }
}

.w-548 {
  width: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-548 {
    width: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-548 {
    width: 548px !important;
  }
}

.w-min-548 {
  min-width: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-548 {
    min-width: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-548 {
    min-width: 548px !important;
  }
}

.w-max-548 {
  max-width: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-548 {
    max-width: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-548 {
    max-width: 548px !important;
  }
}

.h-549 {
  height: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-549 {
    height: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-549 {
    height: 549px !important;
  }
}

.h-min-549 {
  min-height: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-549 {
    min-height: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-549 {
    min-height: 549px !important;
  }
}

.h-max-549 {
  max-height: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-549 {
    max-height: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-549 {
    max-height: 549px !important;
  }
}

.w-549 {
  width: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-549 {
    width: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-549 {
    width: 549px !important;
  }
}

.w-min-549 {
  min-width: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-549 {
    min-width: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-549 {
    min-width: 549px !important;
  }
}

.w-max-549 {
  max-width: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-549 {
    max-width: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-549 {
    max-width: 549px !important;
  }
}

.h-550 {
  height: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-550 {
    height: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-550 {
    height: 550px !important;
  }
}

.h-min-550 {
  min-height: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-550 {
    min-height: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-550 {
    min-height: 550px !important;
  }
}

.h-max-550 {
  max-height: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-550 {
    max-height: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-550 {
    max-height: 550px !important;
  }
}

.w-550 {
  width: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-550 {
    width: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-550 {
    width: 550px !important;
  }
}

.w-min-550 {
  min-width: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-550 {
    min-width: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-550 {
    min-width: 550px !important;
  }
}

.w-max-550 {
  max-width: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-550 {
    max-width: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-550 {
    max-width: 550px !important;
  }
}

.h-551 {
  height: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-551 {
    height: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-551 {
    height: 551px !important;
  }
}

.h-min-551 {
  min-height: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-551 {
    min-height: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-551 {
    min-height: 551px !important;
  }
}

.h-max-551 {
  max-height: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-551 {
    max-height: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-551 {
    max-height: 551px !important;
  }
}

.w-551 {
  width: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-551 {
    width: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-551 {
    width: 551px !important;
  }
}

.w-min-551 {
  min-width: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-551 {
    min-width: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-551 {
    min-width: 551px !important;
  }
}

.w-max-551 {
  max-width: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-551 {
    max-width: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-551 {
    max-width: 551px !important;
  }
}

.h-552 {
  height: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-552 {
    height: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-552 {
    height: 552px !important;
  }
}

.h-min-552 {
  min-height: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-552 {
    min-height: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-552 {
    min-height: 552px !important;
  }
}

.h-max-552 {
  max-height: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-552 {
    max-height: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-552 {
    max-height: 552px !important;
  }
}

.w-552 {
  width: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-552 {
    width: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-552 {
    width: 552px !important;
  }
}

.w-min-552 {
  min-width: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-552 {
    min-width: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-552 {
    min-width: 552px !important;
  }
}

.w-max-552 {
  max-width: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-552 {
    max-width: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-552 {
    max-width: 552px !important;
  }
}

.h-553 {
  height: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-553 {
    height: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-553 {
    height: 553px !important;
  }
}

.h-min-553 {
  min-height: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-553 {
    min-height: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-553 {
    min-height: 553px !important;
  }
}

.h-max-553 {
  max-height: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-553 {
    max-height: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-553 {
    max-height: 553px !important;
  }
}

.w-553 {
  width: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-553 {
    width: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-553 {
    width: 553px !important;
  }
}

.w-min-553 {
  min-width: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-553 {
    min-width: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-553 {
    min-width: 553px !important;
  }
}

.w-max-553 {
  max-width: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-553 {
    max-width: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-553 {
    max-width: 553px !important;
  }
}

.h-554 {
  height: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-554 {
    height: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-554 {
    height: 554px !important;
  }
}

.h-min-554 {
  min-height: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-554 {
    min-height: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-554 {
    min-height: 554px !important;
  }
}

.h-max-554 {
  max-height: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-554 {
    max-height: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-554 {
    max-height: 554px !important;
  }
}

.w-554 {
  width: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-554 {
    width: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-554 {
    width: 554px !important;
  }
}

.w-min-554 {
  min-width: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-554 {
    min-width: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-554 {
    min-width: 554px !important;
  }
}

.w-max-554 {
  max-width: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-554 {
    max-width: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-554 {
    max-width: 554px !important;
  }
}

.h-555 {
  height: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-555 {
    height: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-555 {
    height: 555px !important;
  }
}

.h-min-555 {
  min-height: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-555 {
    min-height: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-555 {
    min-height: 555px !important;
  }
}

.h-max-555 {
  max-height: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-555 {
    max-height: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-555 {
    max-height: 555px !important;
  }
}

.w-555 {
  width: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-555 {
    width: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-555 {
    width: 555px !important;
  }
}

.w-min-555 {
  min-width: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-555 {
    min-width: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-555 {
    min-width: 555px !important;
  }
}

.w-max-555 {
  max-width: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-555 {
    max-width: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-555 {
    max-width: 555px !important;
  }
}

.h-556 {
  height: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-556 {
    height: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-556 {
    height: 556px !important;
  }
}

.h-min-556 {
  min-height: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-556 {
    min-height: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-556 {
    min-height: 556px !important;
  }
}

.h-max-556 {
  max-height: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-556 {
    max-height: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-556 {
    max-height: 556px !important;
  }
}

.w-556 {
  width: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-556 {
    width: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-556 {
    width: 556px !important;
  }
}

.w-min-556 {
  min-width: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-556 {
    min-width: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-556 {
    min-width: 556px !important;
  }
}

.w-max-556 {
  max-width: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-556 {
    max-width: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-556 {
    max-width: 556px !important;
  }
}

.h-557 {
  height: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-557 {
    height: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-557 {
    height: 557px !important;
  }
}

.h-min-557 {
  min-height: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-557 {
    min-height: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-557 {
    min-height: 557px !important;
  }
}

.h-max-557 {
  max-height: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-557 {
    max-height: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-557 {
    max-height: 557px !important;
  }
}

.w-557 {
  width: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-557 {
    width: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-557 {
    width: 557px !important;
  }
}

.w-min-557 {
  min-width: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-557 {
    min-width: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-557 {
    min-width: 557px !important;
  }
}

.w-max-557 {
  max-width: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-557 {
    max-width: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-557 {
    max-width: 557px !important;
  }
}

.h-558 {
  height: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-558 {
    height: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-558 {
    height: 558px !important;
  }
}

.h-min-558 {
  min-height: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-558 {
    min-height: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-558 {
    min-height: 558px !important;
  }
}

.h-max-558 {
  max-height: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-558 {
    max-height: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-558 {
    max-height: 558px !important;
  }
}

.w-558 {
  width: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-558 {
    width: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-558 {
    width: 558px !important;
  }
}

.w-min-558 {
  min-width: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-558 {
    min-width: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-558 {
    min-width: 558px !important;
  }
}

.w-max-558 {
  max-width: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-558 {
    max-width: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-558 {
    max-width: 558px !important;
  }
}

.h-559 {
  height: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-559 {
    height: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-559 {
    height: 559px !important;
  }
}

.h-min-559 {
  min-height: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-559 {
    min-height: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-559 {
    min-height: 559px !important;
  }
}

.h-max-559 {
  max-height: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-559 {
    max-height: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-559 {
    max-height: 559px !important;
  }
}

.w-559 {
  width: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-559 {
    width: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-559 {
    width: 559px !important;
  }
}

.w-min-559 {
  min-width: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-559 {
    min-width: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-559 {
    min-width: 559px !important;
  }
}

.w-max-559 {
  max-width: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-559 {
    max-width: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-559 {
    max-width: 559px !important;
  }
}

.h-560 {
  height: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-560 {
    height: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-560 {
    height: 560px !important;
  }
}

.h-min-560 {
  min-height: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-560 {
    min-height: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-560 {
    min-height: 560px !important;
  }
}

.h-max-560 {
  max-height: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-560 {
    max-height: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-560 {
    max-height: 560px !important;
  }
}

.w-560 {
  width: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-560 {
    width: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-560 {
    width: 560px !important;
  }
}

.w-min-560 {
  min-width: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-560 {
    min-width: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-560 {
    min-width: 560px !important;
  }
}

.w-max-560 {
  max-width: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-560 {
    max-width: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-560 {
    max-width: 560px !important;
  }
}

.h-561 {
  height: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-561 {
    height: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-561 {
    height: 561px !important;
  }
}

.h-min-561 {
  min-height: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-561 {
    min-height: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-561 {
    min-height: 561px !important;
  }
}

.h-max-561 {
  max-height: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-561 {
    max-height: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-561 {
    max-height: 561px !important;
  }
}

.w-561 {
  width: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-561 {
    width: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-561 {
    width: 561px !important;
  }
}

.w-min-561 {
  min-width: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-561 {
    min-width: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-561 {
    min-width: 561px !important;
  }
}

.w-max-561 {
  max-width: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-561 {
    max-width: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-561 {
    max-width: 561px !important;
  }
}

.h-562 {
  height: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-562 {
    height: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-562 {
    height: 562px !important;
  }
}

.h-min-562 {
  min-height: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-562 {
    min-height: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-562 {
    min-height: 562px !important;
  }
}

.h-max-562 {
  max-height: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-562 {
    max-height: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-562 {
    max-height: 562px !important;
  }
}

.w-562 {
  width: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-562 {
    width: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-562 {
    width: 562px !important;
  }
}

.w-min-562 {
  min-width: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-562 {
    min-width: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-562 {
    min-width: 562px !important;
  }
}

.w-max-562 {
  max-width: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-562 {
    max-width: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-562 {
    max-width: 562px !important;
  }
}

.h-563 {
  height: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-563 {
    height: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-563 {
    height: 563px !important;
  }
}

.h-min-563 {
  min-height: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-563 {
    min-height: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-563 {
    min-height: 563px !important;
  }
}

.h-max-563 {
  max-height: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-563 {
    max-height: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-563 {
    max-height: 563px !important;
  }
}

.w-563 {
  width: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-563 {
    width: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-563 {
    width: 563px !important;
  }
}

.w-min-563 {
  min-width: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-563 {
    min-width: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-563 {
    min-width: 563px !important;
  }
}

.w-max-563 {
  max-width: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-563 {
    max-width: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-563 {
    max-width: 563px !important;
  }
}

.h-564 {
  height: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-564 {
    height: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-564 {
    height: 564px !important;
  }
}

.h-min-564 {
  min-height: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-564 {
    min-height: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-564 {
    min-height: 564px !important;
  }
}

.h-max-564 {
  max-height: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-564 {
    max-height: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-564 {
    max-height: 564px !important;
  }
}

.w-564 {
  width: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-564 {
    width: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-564 {
    width: 564px !important;
  }
}

.w-min-564 {
  min-width: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-564 {
    min-width: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-564 {
    min-width: 564px !important;
  }
}

.w-max-564 {
  max-width: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-564 {
    max-width: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-564 {
    max-width: 564px !important;
  }
}

.h-565 {
  height: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-565 {
    height: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-565 {
    height: 565px !important;
  }
}

.h-min-565 {
  min-height: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-565 {
    min-height: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-565 {
    min-height: 565px !important;
  }
}

.h-max-565 {
  max-height: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-565 {
    max-height: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-565 {
    max-height: 565px !important;
  }
}

.w-565 {
  width: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-565 {
    width: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-565 {
    width: 565px !important;
  }
}

.w-min-565 {
  min-width: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-565 {
    min-width: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-565 {
    min-width: 565px !important;
  }
}

.w-max-565 {
  max-width: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-565 {
    max-width: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-565 {
    max-width: 565px !important;
  }
}

.h-566 {
  height: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-566 {
    height: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-566 {
    height: 566px !important;
  }
}

.h-min-566 {
  min-height: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-566 {
    min-height: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-566 {
    min-height: 566px !important;
  }
}

.h-max-566 {
  max-height: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-566 {
    max-height: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-566 {
    max-height: 566px !important;
  }
}

.w-566 {
  width: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-566 {
    width: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-566 {
    width: 566px !important;
  }
}

.w-min-566 {
  min-width: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-566 {
    min-width: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-566 {
    min-width: 566px !important;
  }
}

.w-max-566 {
  max-width: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-566 {
    max-width: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-566 {
    max-width: 566px !important;
  }
}

.h-567 {
  height: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-567 {
    height: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-567 {
    height: 567px !important;
  }
}

.h-min-567 {
  min-height: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-567 {
    min-height: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-567 {
    min-height: 567px !important;
  }
}

.h-max-567 {
  max-height: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-567 {
    max-height: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-567 {
    max-height: 567px !important;
  }
}

.w-567 {
  width: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-567 {
    width: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-567 {
    width: 567px !important;
  }
}

.w-min-567 {
  min-width: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-567 {
    min-width: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-567 {
    min-width: 567px !important;
  }
}

.w-max-567 {
  max-width: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-567 {
    max-width: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-567 {
    max-width: 567px !important;
  }
}

.h-568 {
  height: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-568 {
    height: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-568 {
    height: 568px !important;
  }
}

.h-min-568 {
  min-height: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-568 {
    min-height: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-568 {
    min-height: 568px !important;
  }
}

.h-max-568 {
  max-height: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-568 {
    max-height: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-568 {
    max-height: 568px !important;
  }
}

.w-568 {
  width: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-568 {
    width: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-568 {
    width: 568px !important;
  }
}

.w-min-568 {
  min-width: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-568 {
    min-width: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-568 {
    min-width: 568px !important;
  }
}

.w-max-568 {
  max-width: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-568 {
    max-width: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-568 {
    max-width: 568px !important;
  }
}

.h-569 {
  height: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-569 {
    height: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-569 {
    height: 569px !important;
  }
}

.h-min-569 {
  min-height: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-569 {
    min-height: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-569 {
    min-height: 569px !important;
  }
}

.h-max-569 {
  max-height: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-569 {
    max-height: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-569 {
    max-height: 569px !important;
  }
}

.w-569 {
  width: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-569 {
    width: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-569 {
    width: 569px !important;
  }
}

.w-min-569 {
  min-width: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-569 {
    min-width: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-569 {
    min-width: 569px !important;
  }
}

.w-max-569 {
  max-width: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-569 {
    max-width: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-569 {
    max-width: 569px !important;
  }
}

.h-570 {
  height: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-570 {
    height: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-570 {
    height: 570px !important;
  }
}

.h-min-570 {
  min-height: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-570 {
    min-height: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-570 {
    min-height: 570px !important;
  }
}

.h-max-570 {
  max-height: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-570 {
    max-height: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-570 {
    max-height: 570px !important;
  }
}

.w-570 {
  width: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-570 {
    width: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-570 {
    width: 570px !important;
  }
}

.w-min-570 {
  min-width: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-570 {
    min-width: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-570 {
    min-width: 570px !important;
  }
}

.w-max-570 {
  max-width: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-570 {
    max-width: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-570 {
    max-width: 570px !important;
  }
}

.h-571 {
  height: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-571 {
    height: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-571 {
    height: 571px !important;
  }
}

.h-min-571 {
  min-height: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-571 {
    min-height: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-571 {
    min-height: 571px !important;
  }
}

.h-max-571 {
  max-height: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-571 {
    max-height: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-571 {
    max-height: 571px !important;
  }
}

.w-571 {
  width: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-571 {
    width: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-571 {
    width: 571px !important;
  }
}

.w-min-571 {
  min-width: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-571 {
    min-width: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-571 {
    min-width: 571px !important;
  }
}

.w-max-571 {
  max-width: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-571 {
    max-width: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-571 {
    max-width: 571px !important;
  }
}

.h-572 {
  height: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-572 {
    height: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-572 {
    height: 572px !important;
  }
}

.h-min-572 {
  min-height: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-572 {
    min-height: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-572 {
    min-height: 572px !important;
  }
}

.h-max-572 {
  max-height: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-572 {
    max-height: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-572 {
    max-height: 572px !important;
  }
}

.w-572 {
  width: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-572 {
    width: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-572 {
    width: 572px !important;
  }
}

.w-min-572 {
  min-width: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-572 {
    min-width: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-572 {
    min-width: 572px !important;
  }
}

.w-max-572 {
  max-width: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-572 {
    max-width: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-572 {
    max-width: 572px !important;
  }
}

.h-573 {
  height: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-573 {
    height: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-573 {
    height: 573px !important;
  }
}

.h-min-573 {
  min-height: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-573 {
    min-height: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-573 {
    min-height: 573px !important;
  }
}

.h-max-573 {
  max-height: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-573 {
    max-height: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-573 {
    max-height: 573px !important;
  }
}

.w-573 {
  width: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-573 {
    width: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-573 {
    width: 573px !important;
  }
}

.w-min-573 {
  min-width: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-573 {
    min-width: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-573 {
    min-width: 573px !important;
  }
}

.w-max-573 {
  max-width: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-573 {
    max-width: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-573 {
    max-width: 573px !important;
  }
}

.h-574 {
  height: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-574 {
    height: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-574 {
    height: 574px !important;
  }
}

.h-min-574 {
  min-height: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-574 {
    min-height: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-574 {
    min-height: 574px !important;
  }
}

.h-max-574 {
  max-height: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-574 {
    max-height: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-574 {
    max-height: 574px !important;
  }
}

.w-574 {
  width: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-574 {
    width: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-574 {
    width: 574px !important;
  }
}

.w-min-574 {
  min-width: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-574 {
    min-width: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-574 {
    min-width: 574px !important;
  }
}

.w-max-574 {
  max-width: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-574 {
    max-width: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-574 {
    max-width: 574px !important;
  }
}

.h-575 {
  height: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-575 {
    height: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-575 {
    height: 575px !important;
  }
}

.h-min-575 {
  min-height: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-575 {
    min-height: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-575 {
    min-height: 575px !important;
  }
}

.h-max-575 {
  max-height: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-575 {
    max-height: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-575 {
    max-height: 575px !important;
  }
}

.w-575 {
  width: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-575 {
    width: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-575 {
    width: 575px !important;
  }
}

.w-min-575 {
  min-width: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-575 {
    min-width: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-575 {
    min-width: 575px !important;
  }
}

.w-max-575 {
  max-width: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-575 {
    max-width: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-575 {
    max-width: 575px !important;
  }
}

.h-576 {
  height: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-576 {
    height: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-576 {
    height: 576px !important;
  }
}

.h-min-576 {
  min-height: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-576 {
    min-height: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-576 {
    min-height: 576px !important;
  }
}

.h-max-576 {
  max-height: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-576 {
    max-height: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-576 {
    max-height: 576px !important;
  }
}

.w-576 {
  width: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-576 {
    width: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-576 {
    width: 576px !important;
  }
}

.w-min-576 {
  min-width: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-576 {
    min-width: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-576 {
    min-width: 576px !important;
  }
}

.w-max-576 {
  max-width: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-576 {
    max-width: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-576 {
    max-width: 576px !important;
  }
}

.h-577 {
  height: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-577 {
    height: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-577 {
    height: 577px !important;
  }
}

.h-min-577 {
  min-height: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-577 {
    min-height: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-577 {
    min-height: 577px !important;
  }
}

.h-max-577 {
  max-height: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-577 {
    max-height: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-577 {
    max-height: 577px !important;
  }
}

.w-577 {
  width: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-577 {
    width: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-577 {
    width: 577px !important;
  }
}

.w-min-577 {
  min-width: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-577 {
    min-width: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-577 {
    min-width: 577px !important;
  }
}

.w-max-577 {
  max-width: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-577 {
    max-width: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-577 {
    max-width: 577px !important;
  }
}

.h-578 {
  height: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-578 {
    height: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-578 {
    height: 578px !important;
  }
}

.h-min-578 {
  min-height: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-578 {
    min-height: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-578 {
    min-height: 578px !important;
  }
}

.h-max-578 {
  max-height: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-578 {
    max-height: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-578 {
    max-height: 578px !important;
  }
}

.w-578 {
  width: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-578 {
    width: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-578 {
    width: 578px !important;
  }
}

.w-min-578 {
  min-width: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-578 {
    min-width: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-578 {
    min-width: 578px !important;
  }
}

.w-max-578 {
  max-width: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-578 {
    max-width: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-578 {
    max-width: 578px !important;
  }
}

.h-579 {
  height: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-579 {
    height: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-579 {
    height: 579px !important;
  }
}

.h-min-579 {
  min-height: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-579 {
    min-height: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-579 {
    min-height: 579px !important;
  }
}

.h-max-579 {
  max-height: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-579 {
    max-height: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-579 {
    max-height: 579px !important;
  }
}

.w-579 {
  width: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-579 {
    width: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-579 {
    width: 579px !important;
  }
}

.w-min-579 {
  min-width: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-579 {
    min-width: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-579 {
    min-width: 579px !important;
  }
}

.w-max-579 {
  max-width: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-579 {
    max-width: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-579 {
    max-width: 579px !important;
  }
}

.h-580 {
  height: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-580 {
    height: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-580 {
    height: 580px !important;
  }
}

.h-min-580 {
  min-height: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-580 {
    min-height: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-580 {
    min-height: 580px !important;
  }
}

.h-max-580 {
  max-height: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-580 {
    max-height: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-580 {
    max-height: 580px !important;
  }
}

.w-580 {
  width: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-580 {
    width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-580 {
    width: 580px !important;
  }
}

.w-min-580 {
  min-width: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-580 {
    min-width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-580 {
    min-width: 580px !important;
  }
}

.w-max-580 {
  max-width: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-580 {
    max-width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-580 {
    max-width: 580px !important;
  }
}

.h-581 {
  height: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-581 {
    height: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-581 {
    height: 581px !important;
  }
}

.h-min-581 {
  min-height: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-581 {
    min-height: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-581 {
    min-height: 581px !important;
  }
}

.h-max-581 {
  max-height: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-581 {
    max-height: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-581 {
    max-height: 581px !important;
  }
}

.w-581 {
  width: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-581 {
    width: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-581 {
    width: 581px !important;
  }
}

.w-min-581 {
  min-width: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-581 {
    min-width: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-581 {
    min-width: 581px !important;
  }
}

.w-max-581 {
  max-width: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-581 {
    max-width: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-581 {
    max-width: 581px !important;
  }
}

.h-582 {
  height: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-582 {
    height: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-582 {
    height: 582px !important;
  }
}

.h-min-582 {
  min-height: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-582 {
    min-height: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-582 {
    min-height: 582px !important;
  }
}

.h-max-582 {
  max-height: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-582 {
    max-height: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-582 {
    max-height: 582px !important;
  }
}

.w-582 {
  width: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-582 {
    width: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-582 {
    width: 582px !important;
  }
}

.w-min-582 {
  min-width: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-582 {
    min-width: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-582 {
    min-width: 582px !important;
  }
}

.w-max-582 {
  max-width: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-582 {
    max-width: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-582 {
    max-width: 582px !important;
  }
}

.h-583 {
  height: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-583 {
    height: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-583 {
    height: 583px !important;
  }
}

.h-min-583 {
  min-height: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-583 {
    min-height: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-583 {
    min-height: 583px !important;
  }
}

.h-max-583 {
  max-height: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-583 {
    max-height: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-583 {
    max-height: 583px !important;
  }
}

.w-583 {
  width: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-583 {
    width: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-583 {
    width: 583px !important;
  }
}

.w-min-583 {
  min-width: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-583 {
    min-width: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-583 {
    min-width: 583px !important;
  }
}

.w-max-583 {
  max-width: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-583 {
    max-width: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-583 {
    max-width: 583px !important;
  }
}

.h-584 {
  height: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-584 {
    height: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-584 {
    height: 584px !important;
  }
}

.h-min-584 {
  min-height: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-584 {
    min-height: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-584 {
    min-height: 584px !important;
  }
}

.h-max-584 {
  max-height: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-584 {
    max-height: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-584 {
    max-height: 584px !important;
  }
}

.w-584 {
  width: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-584 {
    width: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-584 {
    width: 584px !important;
  }
}

.w-min-584 {
  min-width: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-584 {
    min-width: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-584 {
    min-width: 584px !important;
  }
}

.w-max-584 {
  max-width: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-584 {
    max-width: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-584 {
    max-width: 584px !important;
  }
}

.h-585 {
  height: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-585 {
    height: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-585 {
    height: 585px !important;
  }
}

.h-min-585 {
  min-height: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-585 {
    min-height: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-585 {
    min-height: 585px !important;
  }
}

.h-max-585 {
  max-height: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-585 {
    max-height: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-585 {
    max-height: 585px !important;
  }
}

.w-585 {
  width: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-585 {
    width: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-585 {
    width: 585px !important;
  }
}

.w-min-585 {
  min-width: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-585 {
    min-width: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-585 {
    min-width: 585px !important;
  }
}

.w-max-585 {
  max-width: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-585 {
    max-width: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-585 {
    max-width: 585px !important;
  }
}

.h-586 {
  height: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-586 {
    height: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-586 {
    height: 586px !important;
  }
}

.h-min-586 {
  min-height: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-586 {
    min-height: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-586 {
    min-height: 586px !important;
  }
}

.h-max-586 {
  max-height: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-586 {
    max-height: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-586 {
    max-height: 586px !important;
  }
}

.w-586 {
  width: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-586 {
    width: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-586 {
    width: 586px !important;
  }
}

.w-min-586 {
  min-width: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-586 {
    min-width: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-586 {
    min-width: 586px !important;
  }
}

.w-max-586 {
  max-width: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-586 {
    max-width: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-586 {
    max-width: 586px !important;
  }
}

.h-587 {
  height: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-587 {
    height: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-587 {
    height: 587px !important;
  }
}

.h-min-587 {
  min-height: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-587 {
    min-height: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-587 {
    min-height: 587px !important;
  }
}

.h-max-587 {
  max-height: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-587 {
    max-height: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-587 {
    max-height: 587px !important;
  }
}

.w-587 {
  width: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-587 {
    width: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-587 {
    width: 587px !important;
  }
}

.w-min-587 {
  min-width: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-587 {
    min-width: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-587 {
    min-width: 587px !important;
  }
}

.w-max-587 {
  max-width: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-587 {
    max-width: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-587 {
    max-width: 587px !important;
  }
}

.h-588 {
  height: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-588 {
    height: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-588 {
    height: 588px !important;
  }
}

.h-min-588 {
  min-height: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-588 {
    min-height: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-588 {
    min-height: 588px !important;
  }
}

.h-max-588 {
  max-height: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-588 {
    max-height: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-588 {
    max-height: 588px !important;
  }
}

.w-588 {
  width: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-588 {
    width: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-588 {
    width: 588px !important;
  }
}

.w-min-588 {
  min-width: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-588 {
    min-width: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-588 {
    min-width: 588px !important;
  }
}

.w-max-588 {
  max-width: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-588 {
    max-width: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-588 {
    max-width: 588px !important;
  }
}

.h-589 {
  height: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-589 {
    height: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-589 {
    height: 589px !important;
  }
}

.h-min-589 {
  min-height: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-589 {
    min-height: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-589 {
    min-height: 589px !important;
  }
}

.h-max-589 {
  max-height: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-589 {
    max-height: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-589 {
    max-height: 589px !important;
  }
}

.w-589 {
  width: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-589 {
    width: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-589 {
    width: 589px !important;
  }
}

.w-min-589 {
  min-width: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-589 {
    min-width: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-589 {
    min-width: 589px !important;
  }
}

.w-max-589 {
  max-width: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-589 {
    max-width: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-589 {
    max-width: 589px !important;
  }
}

.h-590 {
  height: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-590 {
    height: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-590 {
    height: 590px !important;
  }
}

.h-min-590 {
  min-height: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-590 {
    min-height: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-590 {
    min-height: 590px !important;
  }
}

.h-max-590 {
  max-height: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-590 {
    max-height: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-590 {
    max-height: 590px !important;
  }
}

.w-590 {
  width: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-590 {
    width: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-590 {
    width: 590px !important;
  }
}

.w-min-590 {
  min-width: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-590 {
    min-width: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-590 {
    min-width: 590px !important;
  }
}

.w-max-590 {
  max-width: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-590 {
    max-width: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-590 {
    max-width: 590px !important;
  }
}

.h-591 {
  height: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-591 {
    height: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-591 {
    height: 591px !important;
  }
}

.h-min-591 {
  min-height: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-591 {
    min-height: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-591 {
    min-height: 591px !important;
  }
}

.h-max-591 {
  max-height: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-591 {
    max-height: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-591 {
    max-height: 591px !important;
  }
}

.w-591 {
  width: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-591 {
    width: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-591 {
    width: 591px !important;
  }
}

.w-min-591 {
  min-width: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-591 {
    min-width: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-591 {
    min-width: 591px !important;
  }
}

.w-max-591 {
  max-width: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-591 {
    max-width: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-591 {
    max-width: 591px !important;
  }
}

.h-592 {
  height: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-592 {
    height: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-592 {
    height: 592px !important;
  }
}

.h-min-592 {
  min-height: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-592 {
    min-height: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-592 {
    min-height: 592px !important;
  }
}

.h-max-592 {
  max-height: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-592 {
    max-height: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-592 {
    max-height: 592px !important;
  }
}

.w-592 {
  width: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-592 {
    width: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-592 {
    width: 592px !important;
  }
}

.w-min-592 {
  min-width: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-592 {
    min-width: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-592 {
    min-width: 592px !important;
  }
}

.w-max-592 {
  max-width: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-592 {
    max-width: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-592 {
    max-width: 592px !important;
  }
}

.h-593 {
  height: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-593 {
    height: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-593 {
    height: 593px !important;
  }
}

.h-min-593 {
  min-height: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-593 {
    min-height: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-593 {
    min-height: 593px !important;
  }
}

.h-max-593 {
  max-height: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-593 {
    max-height: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-593 {
    max-height: 593px !important;
  }
}

.w-593 {
  width: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-593 {
    width: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-593 {
    width: 593px !important;
  }
}

.w-min-593 {
  min-width: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-593 {
    min-width: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-593 {
    min-width: 593px !important;
  }
}

.w-max-593 {
  max-width: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-593 {
    max-width: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-593 {
    max-width: 593px !important;
  }
}

.h-594 {
  height: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-594 {
    height: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-594 {
    height: 594px !important;
  }
}

.h-min-594 {
  min-height: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-594 {
    min-height: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-594 {
    min-height: 594px !important;
  }
}

.h-max-594 {
  max-height: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-594 {
    max-height: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-594 {
    max-height: 594px !important;
  }
}

.w-594 {
  width: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-594 {
    width: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-594 {
    width: 594px !important;
  }
}

.w-min-594 {
  min-width: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-594 {
    min-width: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-594 {
    min-width: 594px !important;
  }
}

.w-max-594 {
  max-width: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-594 {
    max-width: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-594 {
    max-width: 594px !important;
  }
}

.h-595 {
  height: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-595 {
    height: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-595 {
    height: 595px !important;
  }
}

.h-min-595 {
  min-height: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-595 {
    min-height: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-595 {
    min-height: 595px !important;
  }
}

.h-max-595 {
  max-height: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-595 {
    max-height: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-595 {
    max-height: 595px !important;
  }
}

.w-595 {
  width: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-595 {
    width: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-595 {
    width: 595px !important;
  }
}

.w-min-595 {
  min-width: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-595 {
    min-width: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-595 {
    min-width: 595px !important;
  }
}

.w-max-595 {
  max-width: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-595 {
    max-width: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-595 {
    max-width: 595px !important;
  }
}

.h-596 {
  height: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-596 {
    height: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-596 {
    height: 596px !important;
  }
}

.h-min-596 {
  min-height: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-596 {
    min-height: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-596 {
    min-height: 596px !important;
  }
}

.h-max-596 {
  max-height: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-596 {
    max-height: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-596 {
    max-height: 596px !important;
  }
}

.w-596 {
  width: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-596 {
    width: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-596 {
    width: 596px !important;
  }
}

.w-min-596 {
  min-width: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-596 {
    min-width: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-596 {
    min-width: 596px !important;
  }
}

.w-max-596 {
  max-width: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-596 {
    max-width: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-596 {
    max-width: 596px !important;
  }
}

.h-597 {
  height: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-597 {
    height: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-597 {
    height: 597px !important;
  }
}

.h-min-597 {
  min-height: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-597 {
    min-height: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-597 {
    min-height: 597px !important;
  }
}

.h-max-597 {
  max-height: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-597 {
    max-height: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-597 {
    max-height: 597px !important;
  }
}

.w-597 {
  width: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-597 {
    width: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-597 {
    width: 597px !important;
  }
}

.w-min-597 {
  min-width: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-597 {
    min-width: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-597 {
    min-width: 597px !important;
  }
}

.w-max-597 {
  max-width: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-597 {
    max-width: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-597 {
    max-width: 597px !important;
  }
}

.h-598 {
  height: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-598 {
    height: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-598 {
    height: 598px !important;
  }
}

.h-min-598 {
  min-height: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-598 {
    min-height: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-598 {
    min-height: 598px !important;
  }
}

.h-max-598 {
  max-height: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-598 {
    max-height: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-598 {
    max-height: 598px !important;
  }
}

.w-598 {
  width: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-598 {
    width: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-598 {
    width: 598px !important;
  }
}

.w-min-598 {
  min-width: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-598 {
    min-width: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-598 {
    min-width: 598px !important;
  }
}

.w-max-598 {
  max-width: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-598 {
    max-width: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-598 {
    max-width: 598px !important;
  }
}

.h-599 {
  height: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-599 {
    height: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-599 {
    height: 599px !important;
  }
}

.h-min-599 {
  min-height: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-599 {
    min-height: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-599 {
    min-height: 599px !important;
  }
}

.h-max-599 {
  max-height: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-599 {
    max-height: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-599 {
    max-height: 599px !important;
  }
}

.w-599 {
  width: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-599 {
    width: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-599 {
    width: 599px !important;
  }
}

.w-min-599 {
  min-width: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-599 {
    min-width: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-599 {
    min-width: 599px !important;
  }
}

.w-max-599 {
  max-width: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-599 {
    max-width: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-599 {
    max-width: 599px !important;
  }
}

.h-600 {
  height: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-600 {
    height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-600 {
    height: 600px !important;
  }
}

.h-min-600 {
  min-height: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-600 {
    min-height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-600 {
    min-height: 600px !important;
  }
}

.h-max-600 {
  max-height: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-600 {
    max-height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-600 {
    max-height: 600px !important;
  }
}

.w-600 {
  width: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-600 {
    width: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-600 {
    width: 600px !important;
  }
}

.w-min-600 {
  min-width: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-600 {
    min-width: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-600 {
    min-width: 600px !important;
  }
}

.w-max-600 {
  max-width: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-600 {
    max-width: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-600 {
    max-width: 600px !important;
  }
}

.h-601 {
  height: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-601 {
    height: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-601 {
    height: 601px !important;
  }
}

.h-min-601 {
  min-height: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-601 {
    min-height: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-601 {
    min-height: 601px !important;
  }
}

.h-max-601 {
  max-height: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-601 {
    max-height: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-601 {
    max-height: 601px !important;
  }
}

.w-601 {
  width: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-601 {
    width: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-601 {
    width: 601px !important;
  }
}

.w-min-601 {
  min-width: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-601 {
    min-width: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-601 {
    min-width: 601px !important;
  }
}

.w-max-601 {
  max-width: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-601 {
    max-width: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-601 {
    max-width: 601px !important;
  }
}

.h-602 {
  height: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-602 {
    height: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-602 {
    height: 602px !important;
  }
}

.h-min-602 {
  min-height: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-602 {
    min-height: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-602 {
    min-height: 602px !important;
  }
}

.h-max-602 {
  max-height: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-602 {
    max-height: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-602 {
    max-height: 602px !important;
  }
}

.w-602 {
  width: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-602 {
    width: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-602 {
    width: 602px !important;
  }
}

.w-min-602 {
  min-width: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-602 {
    min-width: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-602 {
    min-width: 602px !important;
  }
}

.w-max-602 {
  max-width: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-602 {
    max-width: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-602 {
    max-width: 602px !important;
  }
}

.h-603 {
  height: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-603 {
    height: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-603 {
    height: 603px !important;
  }
}

.h-min-603 {
  min-height: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-603 {
    min-height: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-603 {
    min-height: 603px !important;
  }
}

.h-max-603 {
  max-height: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-603 {
    max-height: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-603 {
    max-height: 603px !important;
  }
}

.w-603 {
  width: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-603 {
    width: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-603 {
    width: 603px !important;
  }
}

.w-min-603 {
  min-width: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-603 {
    min-width: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-603 {
    min-width: 603px !important;
  }
}

.w-max-603 {
  max-width: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-603 {
    max-width: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-603 {
    max-width: 603px !important;
  }
}

.h-604 {
  height: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-604 {
    height: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-604 {
    height: 604px !important;
  }
}

.h-min-604 {
  min-height: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-604 {
    min-height: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-604 {
    min-height: 604px !important;
  }
}

.h-max-604 {
  max-height: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-604 {
    max-height: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-604 {
    max-height: 604px !important;
  }
}

.w-604 {
  width: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-604 {
    width: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-604 {
    width: 604px !important;
  }
}

.w-min-604 {
  min-width: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-604 {
    min-width: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-604 {
    min-width: 604px !important;
  }
}

.w-max-604 {
  max-width: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-604 {
    max-width: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-604 {
    max-width: 604px !important;
  }
}

.h-605 {
  height: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-605 {
    height: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-605 {
    height: 605px !important;
  }
}

.h-min-605 {
  min-height: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-605 {
    min-height: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-605 {
    min-height: 605px !important;
  }
}

.h-max-605 {
  max-height: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-605 {
    max-height: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-605 {
    max-height: 605px !important;
  }
}

.w-605 {
  width: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-605 {
    width: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-605 {
    width: 605px !important;
  }
}

.w-min-605 {
  min-width: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-605 {
    min-width: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-605 {
    min-width: 605px !important;
  }
}

.w-max-605 {
  max-width: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-605 {
    max-width: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-605 {
    max-width: 605px !important;
  }
}

.h-606 {
  height: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-606 {
    height: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-606 {
    height: 606px !important;
  }
}

.h-min-606 {
  min-height: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-606 {
    min-height: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-606 {
    min-height: 606px !important;
  }
}

.h-max-606 {
  max-height: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-606 {
    max-height: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-606 {
    max-height: 606px !important;
  }
}

.w-606 {
  width: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-606 {
    width: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-606 {
    width: 606px !important;
  }
}

.w-min-606 {
  min-width: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-606 {
    min-width: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-606 {
    min-width: 606px !important;
  }
}

.w-max-606 {
  max-width: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-606 {
    max-width: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-606 {
    max-width: 606px !important;
  }
}

.h-607 {
  height: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-607 {
    height: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-607 {
    height: 607px !important;
  }
}

.h-min-607 {
  min-height: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-607 {
    min-height: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-607 {
    min-height: 607px !important;
  }
}

.h-max-607 {
  max-height: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-607 {
    max-height: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-607 {
    max-height: 607px !important;
  }
}

.w-607 {
  width: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-607 {
    width: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-607 {
    width: 607px !important;
  }
}

.w-min-607 {
  min-width: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-607 {
    min-width: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-607 {
    min-width: 607px !important;
  }
}

.w-max-607 {
  max-width: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-607 {
    max-width: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-607 {
    max-width: 607px !important;
  }
}

.h-608 {
  height: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-608 {
    height: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-608 {
    height: 608px !important;
  }
}

.h-min-608 {
  min-height: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-608 {
    min-height: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-608 {
    min-height: 608px !important;
  }
}

.h-max-608 {
  max-height: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-608 {
    max-height: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-608 {
    max-height: 608px !important;
  }
}

.w-608 {
  width: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-608 {
    width: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-608 {
    width: 608px !important;
  }
}

.w-min-608 {
  min-width: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-608 {
    min-width: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-608 {
    min-width: 608px !important;
  }
}

.w-max-608 {
  max-width: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-608 {
    max-width: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-608 {
    max-width: 608px !important;
  }
}

.h-609 {
  height: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-609 {
    height: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-609 {
    height: 609px !important;
  }
}

.h-min-609 {
  min-height: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-609 {
    min-height: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-609 {
    min-height: 609px !important;
  }
}

.h-max-609 {
  max-height: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-609 {
    max-height: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-609 {
    max-height: 609px !important;
  }
}

.w-609 {
  width: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-609 {
    width: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-609 {
    width: 609px !important;
  }
}

.w-min-609 {
  min-width: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-609 {
    min-width: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-609 {
    min-width: 609px !important;
  }
}

.w-max-609 {
  max-width: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-609 {
    max-width: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-609 {
    max-width: 609px !important;
  }
}

.h-610 {
  height: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-610 {
    height: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-610 {
    height: 610px !important;
  }
}

.h-min-610 {
  min-height: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-610 {
    min-height: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-610 {
    min-height: 610px !important;
  }
}

.h-max-610 {
  max-height: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-610 {
    max-height: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-610 {
    max-height: 610px !important;
  }
}

.w-610 {
  width: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-610 {
    width: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-610 {
    width: 610px !important;
  }
}

.w-min-610 {
  min-width: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-610 {
    min-width: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-610 {
    min-width: 610px !important;
  }
}

.w-max-610 {
  max-width: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-610 {
    max-width: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-610 {
    max-width: 610px !important;
  }
}

.h-611 {
  height: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-611 {
    height: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-611 {
    height: 611px !important;
  }
}

.h-min-611 {
  min-height: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-611 {
    min-height: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-611 {
    min-height: 611px !important;
  }
}

.h-max-611 {
  max-height: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-611 {
    max-height: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-611 {
    max-height: 611px !important;
  }
}

.w-611 {
  width: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-611 {
    width: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-611 {
    width: 611px !important;
  }
}

.w-min-611 {
  min-width: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-611 {
    min-width: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-611 {
    min-width: 611px !important;
  }
}

.w-max-611 {
  max-width: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-611 {
    max-width: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-611 {
    max-width: 611px !important;
  }
}

.h-612 {
  height: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-612 {
    height: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-612 {
    height: 612px !important;
  }
}

.h-min-612 {
  min-height: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-612 {
    min-height: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-612 {
    min-height: 612px !important;
  }
}

.h-max-612 {
  max-height: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-612 {
    max-height: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-612 {
    max-height: 612px !important;
  }
}

.w-612 {
  width: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-612 {
    width: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-612 {
    width: 612px !important;
  }
}

.w-min-612 {
  min-width: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-612 {
    min-width: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-612 {
    min-width: 612px !important;
  }
}

.w-max-612 {
  max-width: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-612 {
    max-width: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-612 {
    max-width: 612px !important;
  }
}

.h-613 {
  height: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-613 {
    height: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-613 {
    height: 613px !important;
  }
}

.h-min-613 {
  min-height: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-613 {
    min-height: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-613 {
    min-height: 613px !important;
  }
}

.h-max-613 {
  max-height: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-613 {
    max-height: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-613 {
    max-height: 613px !important;
  }
}

.w-613 {
  width: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-613 {
    width: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-613 {
    width: 613px !important;
  }
}

.w-min-613 {
  min-width: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-613 {
    min-width: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-613 {
    min-width: 613px !important;
  }
}

.w-max-613 {
  max-width: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-613 {
    max-width: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-613 {
    max-width: 613px !important;
  }
}

.h-614 {
  height: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-614 {
    height: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-614 {
    height: 614px !important;
  }
}

.h-min-614 {
  min-height: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-614 {
    min-height: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-614 {
    min-height: 614px !important;
  }
}

.h-max-614 {
  max-height: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-614 {
    max-height: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-614 {
    max-height: 614px !important;
  }
}

.w-614 {
  width: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-614 {
    width: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-614 {
    width: 614px !important;
  }
}

.w-min-614 {
  min-width: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-614 {
    min-width: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-614 {
    min-width: 614px !important;
  }
}

.w-max-614 {
  max-width: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-614 {
    max-width: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-614 {
    max-width: 614px !important;
  }
}

.h-615 {
  height: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-615 {
    height: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-615 {
    height: 615px !important;
  }
}

.h-min-615 {
  min-height: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-615 {
    min-height: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-615 {
    min-height: 615px !important;
  }
}

.h-max-615 {
  max-height: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-615 {
    max-height: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-615 {
    max-height: 615px !important;
  }
}

.w-615 {
  width: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-615 {
    width: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-615 {
    width: 615px !important;
  }
}

.w-min-615 {
  min-width: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-615 {
    min-width: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-615 {
    min-width: 615px !important;
  }
}

.w-max-615 {
  max-width: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-615 {
    max-width: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-615 {
    max-width: 615px !important;
  }
}

.h-616 {
  height: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-616 {
    height: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-616 {
    height: 616px !important;
  }
}

.h-min-616 {
  min-height: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-616 {
    min-height: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-616 {
    min-height: 616px !important;
  }
}

.h-max-616 {
  max-height: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-616 {
    max-height: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-616 {
    max-height: 616px !important;
  }
}

.w-616 {
  width: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-616 {
    width: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-616 {
    width: 616px !important;
  }
}

.w-min-616 {
  min-width: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-616 {
    min-width: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-616 {
    min-width: 616px !important;
  }
}

.w-max-616 {
  max-width: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-616 {
    max-width: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-616 {
    max-width: 616px !important;
  }
}

.h-617 {
  height: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-617 {
    height: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-617 {
    height: 617px !important;
  }
}

.h-min-617 {
  min-height: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-617 {
    min-height: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-617 {
    min-height: 617px !important;
  }
}

.h-max-617 {
  max-height: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-617 {
    max-height: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-617 {
    max-height: 617px !important;
  }
}

.w-617 {
  width: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-617 {
    width: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-617 {
    width: 617px !important;
  }
}

.w-min-617 {
  min-width: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-617 {
    min-width: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-617 {
    min-width: 617px !important;
  }
}

.w-max-617 {
  max-width: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-617 {
    max-width: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-617 {
    max-width: 617px !important;
  }
}

.h-618 {
  height: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-618 {
    height: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-618 {
    height: 618px !important;
  }
}

.h-min-618 {
  min-height: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-618 {
    min-height: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-618 {
    min-height: 618px !important;
  }
}

.h-max-618 {
  max-height: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-618 {
    max-height: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-618 {
    max-height: 618px !important;
  }
}

.w-618 {
  width: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-618 {
    width: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-618 {
    width: 618px !important;
  }
}

.w-min-618 {
  min-width: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-618 {
    min-width: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-618 {
    min-width: 618px !important;
  }
}

.w-max-618 {
  max-width: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-618 {
    max-width: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-618 {
    max-width: 618px !important;
  }
}

.h-619 {
  height: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-619 {
    height: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-619 {
    height: 619px !important;
  }
}

.h-min-619 {
  min-height: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-619 {
    min-height: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-619 {
    min-height: 619px !important;
  }
}

.h-max-619 {
  max-height: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-619 {
    max-height: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-619 {
    max-height: 619px !important;
  }
}

.w-619 {
  width: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-619 {
    width: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-619 {
    width: 619px !important;
  }
}

.w-min-619 {
  min-width: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-619 {
    min-width: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-619 {
    min-width: 619px !important;
  }
}

.w-max-619 {
  max-width: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-619 {
    max-width: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-619 {
    max-width: 619px !important;
  }
}

.h-620 {
  height: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-620 {
    height: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-620 {
    height: 620px !important;
  }
}

.h-min-620 {
  min-height: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-620 {
    min-height: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-620 {
    min-height: 620px !important;
  }
}

.h-max-620 {
  max-height: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-620 {
    max-height: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-620 {
    max-height: 620px !important;
  }
}

.w-620 {
  width: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-620 {
    width: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-620 {
    width: 620px !important;
  }
}

.w-min-620 {
  min-width: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-620 {
    min-width: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-620 {
    min-width: 620px !important;
  }
}

.w-max-620 {
  max-width: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-620 {
    max-width: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-620 {
    max-width: 620px !important;
  }
}

.h-621 {
  height: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-621 {
    height: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-621 {
    height: 621px !important;
  }
}

.h-min-621 {
  min-height: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-621 {
    min-height: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-621 {
    min-height: 621px !important;
  }
}

.h-max-621 {
  max-height: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-621 {
    max-height: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-621 {
    max-height: 621px !important;
  }
}

.w-621 {
  width: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-621 {
    width: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-621 {
    width: 621px !important;
  }
}

.w-min-621 {
  min-width: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-621 {
    min-width: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-621 {
    min-width: 621px !important;
  }
}

.w-max-621 {
  max-width: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-621 {
    max-width: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-621 {
    max-width: 621px !important;
  }
}

.h-622 {
  height: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-622 {
    height: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-622 {
    height: 622px !important;
  }
}

.h-min-622 {
  min-height: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-622 {
    min-height: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-622 {
    min-height: 622px !important;
  }
}

.h-max-622 {
  max-height: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-622 {
    max-height: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-622 {
    max-height: 622px !important;
  }
}

.w-622 {
  width: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-622 {
    width: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-622 {
    width: 622px !important;
  }
}

.w-min-622 {
  min-width: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-622 {
    min-width: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-622 {
    min-width: 622px !important;
  }
}

.w-max-622 {
  max-width: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-622 {
    max-width: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-622 {
    max-width: 622px !important;
  }
}

.h-623 {
  height: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-623 {
    height: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-623 {
    height: 623px !important;
  }
}

.h-min-623 {
  min-height: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-623 {
    min-height: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-623 {
    min-height: 623px !important;
  }
}

.h-max-623 {
  max-height: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-623 {
    max-height: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-623 {
    max-height: 623px !important;
  }
}

.w-623 {
  width: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-623 {
    width: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-623 {
    width: 623px !important;
  }
}

.w-min-623 {
  min-width: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-623 {
    min-width: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-623 {
    min-width: 623px !important;
  }
}

.w-max-623 {
  max-width: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-623 {
    max-width: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-623 {
    max-width: 623px !important;
  }
}

.h-624 {
  height: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-624 {
    height: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-624 {
    height: 624px !important;
  }
}

.h-min-624 {
  min-height: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-624 {
    min-height: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-624 {
    min-height: 624px !important;
  }
}

.h-max-624 {
  max-height: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-624 {
    max-height: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-624 {
    max-height: 624px !important;
  }
}

.w-624 {
  width: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-624 {
    width: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-624 {
    width: 624px !important;
  }
}

.w-min-624 {
  min-width: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-624 {
    min-width: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-624 {
    min-width: 624px !important;
  }
}

.w-max-624 {
  max-width: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-624 {
    max-width: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-624 {
    max-width: 624px !important;
  }
}

.h-625 {
  height: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-625 {
    height: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-625 {
    height: 625px !important;
  }
}

.h-min-625 {
  min-height: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-625 {
    min-height: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-625 {
    min-height: 625px !important;
  }
}

.h-max-625 {
  max-height: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-625 {
    max-height: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-625 {
    max-height: 625px !important;
  }
}

.w-625 {
  width: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-625 {
    width: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-625 {
    width: 625px !important;
  }
}

.w-min-625 {
  min-width: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-625 {
    min-width: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-625 {
    min-width: 625px !important;
  }
}

.w-max-625 {
  max-width: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-625 {
    max-width: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-625 {
    max-width: 625px !important;
  }
}

.h-626 {
  height: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-626 {
    height: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-626 {
    height: 626px !important;
  }
}

.h-min-626 {
  min-height: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-626 {
    min-height: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-626 {
    min-height: 626px !important;
  }
}

.h-max-626 {
  max-height: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-626 {
    max-height: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-626 {
    max-height: 626px !important;
  }
}

.w-626 {
  width: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-626 {
    width: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-626 {
    width: 626px !important;
  }
}

.w-min-626 {
  min-width: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-626 {
    min-width: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-626 {
    min-width: 626px !important;
  }
}

.w-max-626 {
  max-width: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-626 {
    max-width: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-626 {
    max-width: 626px !important;
  }
}

.h-627 {
  height: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-627 {
    height: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-627 {
    height: 627px !important;
  }
}

.h-min-627 {
  min-height: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-627 {
    min-height: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-627 {
    min-height: 627px !important;
  }
}

.h-max-627 {
  max-height: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-627 {
    max-height: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-627 {
    max-height: 627px !important;
  }
}

.w-627 {
  width: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-627 {
    width: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-627 {
    width: 627px !important;
  }
}

.w-min-627 {
  min-width: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-627 {
    min-width: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-627 {
    min-width: 627px !important;
  }
}

.w-max-627 {
  max-width: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-627 {
    max-width: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-627 {
    max-width: 627px !important;
  }
}

.h-628 {
  height: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-628 {
    height: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-628 {
    height: 628px !important;
  }
}

.h-min-628 {
  min-height: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-628 {
    min-height: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-628 {
    min-height: 628px !important;
  }
}

.h-max-628 {
  max-height: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-628 {
    max-height: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-628 {
    max-height: 628px !important;
  }
}

.w-628 {
  width: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-628 {
    width: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-628 {
    width: 628px !important;
  }
}

.w-min-628 {
  min-width: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-628 {
    min-width: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-628 {
    min-width: 628px !important;
  }
}

.w-max-628 {
  max-width: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-628 {
    max-width: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-628 {
    max-width: 628px !important;
  }
}

.h-629 {
  height: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-629 {
    height: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-629 {
    height: 629px !important;
  }
}

.h-min-629 {
  min-height: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-629 {
    min-height: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-629 {
    min-height: 629px !important;
  }
}

.h-max-629 {
  max-height: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-629 {
    max-height: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-629 {
    max-height: 629px !important;
  }
}

.w-629 {
  width: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-629 {
    width: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-629 {
    width: 629px !important;
  }
}

.w-min-629 {
  min-width: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-629 {
    min-width: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-629 {
    min-width: 629px !important;
  }
}

.w-max-629 {
  max-width: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-629 {
    max-width: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-629 {
    max-width: 629px !important;
  }
}

.h-630 {
  height: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-630 {
    height: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-630 {
    height: 630px !important;
  }
}

.h-min-630 {
  min-height: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-630 {
    min-height: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-630 {
    min-height: 630px !important;
  }
}

.h-max-630 {
  max-height: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-630 {
    max-height: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-630 {
    max-height: 630px !important;
  }
}

.w-630 {
  width: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-630 {
    width: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-630 {
    width: 630px !important;
  }
}

.w-min-630 {
  min-width: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-630 {
    min-width: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-630 {
    min-width: 630px !important;
  }
}

.w-max-630 {
  max-width: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-630 {
    max-width: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-630 {
    max-width: 630px !important;
  }
}

.h-631 {
  height: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-631 {
    height: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-631 {
    height: 631px !important;
  }
}

.h-min-631 {
  min-height: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-631 {
    min-height: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-631 {
    min-height: 631px !important;
  }
}

.h-max-631 {
  max-height: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-631 {
    max-height: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-631 {
    max-height: 631px !important;
  }
}

.w-631 {
  width: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-631 {
    width: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-631 {
    width: 631px !important;
  }
}

.w-min-631 {
  min-width: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-631 {
    min-width: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-631 {
    min-width: 631px !important;
  }
}

.w-max-631 {
  max-width: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-631 {
    max-width: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-631 {
    max-width: 631px !important;
  }
}

.h-632 {
  height: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-632 {
    height: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-632 {
    height: 632px !important;
  }
}

.h-min-632 {
  min-height: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-632 {
    min-height: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-632 {
    min-height: 632px !important;
  }
}

.h-max-632 {
  max-height: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-632 {
    max-height: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-632 {
    max-height: 632px !important;
  }
}

.w-632 {
  width: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-632 {
    width: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-632 {
    width: 632px !important;
  }
}

.w-min-632 {
  min-width: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-632 {
    min-width: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-632 {
    min-width: 632px !important;
  }
}

.w-max-632 {
  max-width: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-632 {
    max-width: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-632 {
    max-width: 632px !important;
  }
}

.h-633 {
  height: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-633 {
    height: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-633 {
    height: 633px !important;
  }
}

.h-min-633 {
  min-height: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-633 {
    min-height: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-633 {
    min-height: 633px !important;
  }
}

.h-max-633 {
  max-height: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-633 {
    max-height: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-633 {
    max-height: 633px !important;
  }
}

.w-633 {
  width: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-633 {
    width: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-633 {
    width: 633px !important;
  }
}

.w-min-633 {
  min-width: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-633 {
    min-width: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-633 {
    min-width: 633px !important;
  }
}

.w-max-633 {
  max-width: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-633 {
    max-width: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-633 {
    max-width: 633px !important;
  }
}

.h-634 {
  height: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-634 {
    height: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-634 {
    height: 634px !important;
  }
}

.h-min-634 {
  min-height: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-634 {
    min-height: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-634 {
    min-height: 634px !important;
  }
}

.h-max-634 {
  max-height: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-634 {
    max-height: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-634 {
    max-height: 634px !important;
  }
}

.w-634 {
  width: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-634 {
    width: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-634 {
    width: 634px !important;
  }
}

.w-min-634 {
  min-width: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-634 {
    min-width: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-634 {
    min-width: 634px !important;
  }
}

.w-max-634 {
  max-width: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-634 {
    max-width: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-634 {
    max-width: 634px !important;
  }
}

.h-635 {
  height: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-635 {
    height: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-635 {
    height: 635px !important;
  }
}

.h-min-635 {
  min-height: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-635 {
    min-height: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-635 {
    min-height: 635px !important;
  }
}

.h-max-635 {
  max-height: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-635 {
    max-height: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-635 {
    max-height: 635px !important;
  }
}

.w-635 {
  width: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-635 {
    width: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-635 {
    width: 635px !important;
  }
}

.w-min-635 {
  min-width: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-635 {
    min-width: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-635 {
    min-width: 635px !important;
  }
}

.w-max-635 {
  max-width: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-635 {
    max-width: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-635 {
    max-width: 635px !important;
  }
}

.h-636 {
  height: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-636 {
    height: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-636 {
    height: 636px !important;
  }
}

.h-min-636 {
  min-height: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-636 {
    min-height: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-636 {
    min-height: 636px !important;
  }
}

.h-max-636 {
  max-height: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-636 {
    max-height: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-636 {
    max-height: 636px !important;
  }
}

.w-636 {
  width: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-636 {
    width: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-636 {
    width: 636px !important;
  }
}

.w-min-636 {
  min-width: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-636 {
    min-width: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-636 {
    min-width: 636px !important;
  }
}

.w-max-636 {
  max-width: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-636 {
    max-width: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-636 {
    max-width: 636px !important;
  }
}

.h-637 {
  height: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-637 {
    height: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-637 {
    height: 637px !important;
  }
}

.h-min-637 {
  min-height: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-637 {
    min-height: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-637 {
    min-height: 637px !important;
  }
}

.h-max-637 {
  max-height: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-637 {
    max-height: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-637 {
    max-height: 637px !important;
  }
}

.w-637 {
  width: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-637 {
    width: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-637 {
    width: 637px !important;
  }
}

.w-min-637 {
  min-width: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-637 {
    min-width: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-637 {
    min-width: 637px !important;
  }
}

.w-max-637 {
  max-width: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-637 {
    max-width: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-637 {
    max-width: 637px !important;
  }
}

.h-638 {
  height: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-638 {
    height: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-638 {
    height: 638px !important;
  }
}

.h-min-638 {
  min-height: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-638 {
    min-height: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-638 {
    min-height: 638px !important;
  }
}

.h-max-638 {
  max-height: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-638 {
    max-height: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-638 {
    max-height: 638px !important;
  }
}

.w-638 {
  width: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-638 {
    width: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-638 {
    width: 638px !important;
  }
}

.w-min-638 {
  min-width: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-638 {
    min-width: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-638 {
    min-width: 638px !important;
  }
}

.w-max-638 {
  max-width: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-638 {
    max-width: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-638 {
    max-width: 638px !important;
  }
}

.h-639 {
  height: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-639 {
    height: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-639 {
    height: 639px !important;
  }
}

.h-min-639 {
  min-height: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-639 {
    min-height: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-639 {
    min-height: 639px !important;
  }
}

.h-max-639 {
  max-height: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-639 {
    max-height: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-639 {
    max-height: 639px !important;
  }
}

.w-639 {
  width: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-639 {
    width: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-639 {
    width: 639px !important;
  }
}

.w-min-639 {
  min-width: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-639 {
    min-width: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-639 {
    min-width: 639px !important;
  }
}

.w-max-639 {
  max-width: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-639 {
    max-width: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-639 {
    max-width: 639px !important;
  }
}

.h-640 {
  height: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-640 {
    height: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-640 {
    height: 640px !important;
  }
}

.h-min-640 {
  min-height: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-640 {
    min-height: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-640 {
    min-height: 640px !important;
  }
}

.h-max-640 {
  max-height: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-640 {
    max-height: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-640 {
    max-height: 640px !important;
  }
}

.w-640 {
  width: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-640 {
    width: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-640 {
    width: 640px !important;
  }
}

.w-min-640 {
  min-width: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-640 {
    min-width: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-640 {
    min-width: 640px !important;
  }
}

.w-max-640 {
  max-width: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-640 {
    max-width: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-640 {
    max-width: 640px !important;
  }
}

.h-641 {
  height: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-641 {
    height: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-641 {
    height: 641px !important;
  }
}

.h-min-641 {
  min-height: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-641 {
    min-height: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-641 {
    min-height: 641px !important;
  }
}

.h-max-641 {
  max-height: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-641 {
    max-height: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-641 {
    max-height: 641px !important;
  }
}

.w-641 {
  width: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-641 {
    width: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-641 {
    width: 641px !important;
  }
}

.w-min-641 {
  min-width: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-641 {
    min-width: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-641 {
    min-width: 641px !important;
  }
}

.w-max-641 {
  max-width: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-641 {
    max-width: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-641 {
    max-width: 641px !important;
  }
}

.h-642 {
  height: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-642 {
    height: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-642 {
    height: 642px !important;
  }
}

.h-min-642 {
  min-height: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-642 {
    min-height: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-642 {
    min-height: 642px !important;
  }
}

.h-max-642 {
  max-height: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-642 {
    max-height: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-642 {
    max-height: 642px !important;
  }
}

.w-642 {
  width: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-642 {
    width: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-642 {
    width: 642px !important;
  }
}

.w-min-642 {
  min-width: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-642 {
    min-width: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-642 {
    min-width: 642px !important;
  }
}

.w-max-642 {
  max-width: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-642 {
    max-width: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-642 {
    max-width: 642px !important;
  }
}

.h-643 {
  height: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-643 {
    height: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-643 {
    height: 643px !important;
  }
}

.h-min-643 {
  min-height: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-643 {
    min-height: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-643 {
    min-height: 643px !important;
  }
}

.h-max-643 {
  max-height: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-643 {
    max-height: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-643 {
    max-height: 643px !important;
  }
}

.w-643 {
  width: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-643 {
    width: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-643 {
    width: 643px !important;
  }
}

.w-min-643 {
  min-width: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-643 {
    min-width: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-643 {
    min-width: 643px !important;
  }
}

.w-max-643 {
  max-width: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-643 {
    max-width: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-643 {
    max-width: 643px !important;
  }
}

.h-644 {
  height: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-644 {
    height: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-644 {
    height: 644px !important;
  }
}

.h-min-644 {
  min-height: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-644 {
    min-height: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-644 {
    min-height: 644px !important;
  }
}

.h-max-644 {
  max-height: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-644 {
    max-height: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-644 {
    max-height: 644px !important;
  }
}

.w-644 {
  width: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-644 {
    width: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-644 {
    width: 644px !important;
  }
}

.w-min-644 {
  min-width: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-644 {
    min-width: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-644 {
    min-width: 644px !important;
  }
}

.w-max-644 {
  max-width: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-644 {
    max-width: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-644 {
    max-width: 644px !important;
  }
}

.h-645 {
  height: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-645 {
    height: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-645 {
    height: 645px !important;
  }
}

.h-min-645 {
  min-height: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-645 {
    min-height: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-645 {
    min-height: 645px !important;
  }
}

.h-max-645 {
  max-height: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-645 {
    max-height: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-645 {
    max-height: 645px !important;
  }
}

.w-645 {
  width: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-645 {
    width: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-645 {
    width: 645px !important;
  }
}

.w-min-645 {
  min-width: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-645 {
    min-width: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-645 {
    min-width: 645px !important;
  }
}

.w-max-645 {
  max-width: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-645 {
    max-width: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-645 {
    max-width: 645px !important;
  }
}

.h-646 {
  height: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-646 {
    height: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-646 {
    height: 646px !important;
  }
}

.h-min-646 {
  min-height: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-646 {
    min-height: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-646 {
    min-height: 646px !important;
  }
}

.h-max-646 {
  max-height: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-646 {
    max-height: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-646 {
    max-height: 646px !important;
  }
}

.w-646 {
  width: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-646 {
    width: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-646 {
    width: 646px !important;
  }
}

.w-min-646 {
  min-width: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-646 {
    min-width: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-646 {
    min-width: 646px !important;
  }
}

.w-max-646 {
  max-width: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-646 {
    max-width: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-646 {
    max-width: 646px !important;
  }
}

.h-647 {
  height: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-647 {
    height: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-647 {
    height: 647px !important;
  }
}

.h-min-647 {
  min-height: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-647 {
    min-height: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-647 {
    min-height: 647px !important;
  }
}

.h-max-647 {
  max-height: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-647 {
    max-height: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-647 {
    max-height: 647px !important;
  }
}

.w-647 {
  width: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-647 {
    width: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-647 {
    width: 647px !important;
  }
}

.w-min-647 {
  min-width: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-647 {
    min-width: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-647 {
    min-width: 647px !important;
  }
}

.w-max-647 {
  max-width: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-647 {
    max-width: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-647 {
    max-width: 647px !important;
  }
}

.h-648 {
  height: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-648 {
    height: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-648 {
    height: 648px !important;
  }
}

.h-min-648 {
  min-height: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-648 {
    min-height: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-648 {
    min-height: 648px !important;
  }
}

.h-max-648 {
  max-height: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-648 {
    max-height: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-648 {
    max-height: 648px !important;
  }
}

.w-648 {
  width: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-648 {
    width: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-648 {
    width: 648px !important;
  }
}

.w-min-648 {
  min-width: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-648 {
    min-width: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-648 {
    min-width: 648px !important;
  }
}

.w-max-648 {
  max-width: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-648 {
    max-width: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-648 {
    max-width: 648px !important;
  }
}

.h-649 {
  height: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-649 {
    height: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-649 {
    height: 649px !important;
  }
}

.h-min-649 {
  min-height: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-649 {
    min-height: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-649 {
    min-height: 649px !important;
  }
}

.h-max-649 {
  max-height: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-649 {
    max-height: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-649 {
    max-height: 649px !important;
  }
}

.w-649 {
  width: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-649 {
    width: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-649 {
    width: 649px !important;
  }
}

.w-min-649 {
  min-width: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-649 {
    min-width: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-649 {
    min-width: 649px !important;
  }
}

.w-max-649 {
  max-width: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-649 {
    max-width: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-649 {
    max-width: 649px !important;
  }
}

.h-650 {
  height: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-650 {
    height: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-650 {
    height: 650px !important;
  }
}

.h-min-650 {
  min-height: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-650 {
    min-height: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-650 {
    min-height: 650px !important;
  }
}

.h-max-650 {
  max-height: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-650 {
    max-height: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-650 {
    max-height: 650px !important;
  }
}

.w-650 {
  width: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-650 {
    width: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-650 {
    width: 650px !important;
  }
}

.w-min-650 {
  min-width: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-650 {
    min-width: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-650 {
    min-width: 650px !important;
  }
}

.w-max-650 {
  max-width: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-650 {
    max-width: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-650 {
    max-width: 650px !important;
  }
}

.h-651 {
  height: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-651 {
    height: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-651 {
    height: 651px !important;
  }
}

.h-min-651 {
  min-height: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-651 {
    min-height: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-651 {
    min-height: 651px !important;
  }
}

.h-max-651 {
  max-height: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-651 {
    max-height: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-651 {
    max-height: 651px !important;
  }
}

.w-651 {
  width: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-651 {
    width: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-651 {
    width: 651px !important;
  }
}

.w-min-651 {
  min-width: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-651 {
    min-width: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-651 {
    min-width: 651px !important;
  }
}

.w-max-651 {
  max-width: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-651 {
    max-width: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-651 {
    max-width: 651px !important;
  }
}

.h-652 {
  height: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-652 {
    height: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-652 {
    height: 652px !important;
  }
}

.h-min-652 {
  min-height: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-652 {
    min-height: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-652 {
    min-height: 652px !important;
  }
}

.h-max-652 {
  max-height: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-652 {
    max-height: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-652 {
    max-height: 652px !important;
  }
}

.w-652 {
  width: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-652 {
    width: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-652 {
    width: 652px !important;
  }
}

.w-min-652 {
  min-width: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-652 {
    min-width: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-652 {
    min-width: 652px !important;
  }
}

.w-max-652 {
  max-width: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-652 {
    max-width: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-652 {
    max-width: 652px !important;
  }
}

.h-653 {
  height: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-653 {
    height: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-653 {
    height: 653px !important;
  }
}

.h-min-653 {
  min-height: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-653 {
    min-height: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-653 {
    min-height: 653px !important;
  }
}

.h-max-653 {
  max-height: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-653 {
    max-height: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-653 {
    max-height: 653px !important;
  }
}

.w-653 {
  width: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-653 {
    width: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-653 {
    width: 653px !important;
  }
}

.w-min-653 {
  min-width: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-653 {
    min-width: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-653 {
    min-width: 653px !important;
  }
}

.w-max-653 {
  max-width: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-653 {
    max-width: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-653 {
    max-width: 653px !important;
  }
}

.h-654 {
  height: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-654 {
    height: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-654 {
    height: 654px !important;
  }
}

.h-min-654 {
  min-height: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-654 {
    min-height: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-654 {
    min-height: 654px !important;
  }
}

.h-max-654 {
  max-height: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-654 {
    max-height: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-654 {
    max-height: 654px !important;
  }
}

.w-654 {
  width: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-654 {
    width: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-654 {
    width: 654px !important;
  }
}

.w-min-654 {
  min-width: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-654 {
    min-width: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-654 {
    min-width: 654px !important;
  }
}

.w-max-654 {
  max-width: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-654 {
    max-width: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-654 {
    max-width: 654px !important;
  }
}

.h-655 {
  height: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-655 {
    height: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-655 {
    height: 655px !important;
  }
}

.h-min-655 {
  min-height: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-655 {
    min-height: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-655 {
    min-height: 655px !important;
  }
}

.h-max-655 {
  max-height: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-655 {
    max-height: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-655 {
    max-height: 655px !important;
  }
}

.w-655 {
  width: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-655 {
    width: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-655 {
    width: 655px !important;
  }
}

.w-min-655 {
  min-width: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-655 {
    min-width: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-655 {
    min-width: 655px !important;
  }
}

.w-max-655 {
  max-width: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-655 {
    max-width: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-655 {
    max-width: 655px !important;
  }
}

.h-656 {
  height: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-656 {
    height: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-656 {
    height: 656px !important;
  }
}

.h-min-656 {
  min-height: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-656 {
    min-height: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-656 {
    min-height: 656px !important;
  }
}

.h-max-656 {
  max-height: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-656 {
    max-height: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-656 {
    max-height: 656px !important;
  }
}

.w-656 {
  width: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-656 {
    width: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-656 {
    width: 656px !important;
  }
}

.w-min-656 {
  min-width: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-656 {
    min-width: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-656 {
    min-width: 656px !important;
  }
}

.w-max-656 {
  max-width: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-656 {
    max-width: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-656 {
    max-width: 656px !important;
  }
}

.h-657 {
  height: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-657 {
    height: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-657 {
    height: 657px !important;
  }
}

.h-min-657 {
  min-height: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-657 {
    min-height: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-657 {
    min-height: 657px !important;
  }
}

.h-max-657 {
  max-height: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-657 {
    max-height: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-657 {
    max-height: 657px !important;
  }
}

.w-657 {
  width: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-657 {
    width: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-657 {
    width: 657px !important;
  }
}

.w-min-657 {
  min-width: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-657 {
    min-width: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-657 {
    min-width: 657px !important;
  }
}

.w-max-657 {
  max-width: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-657 {
    max-width: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-657 {
    max-width: 657px !important;
  }
}

.h-658 {
  height: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-658 {
    height: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-658 {
    height: 658px !important;
  }
}

.h-min-658 {
  min-height: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-658 {
    min-height: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-658 {
    min-height: 658px !important;
  }
}

.h-max-658 {
  max-height: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-658 {
    max-height: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-658 {
    max-height: 658px !important;
  }
}

.w-658 {
  width: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-658 {
    width: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-658 {
    width: 658px !important;
  }
}

.w-min-658 {
  min-width: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-658 {
    min-width: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-658 {
    min-width: 658px !important;
  }
}

.w-max-658 {
  max-width: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-658 {
    max-width: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-658 {
    max-width: 658px !important;
  }
}

.h-659 {
  height: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-659 {
    height: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-659 {
    height: 659px !important;
  }
}

.h-min-659 {
  min-height: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-659 {
    min-height: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-659 {
    min-height: 659px !important;
  }
}

.h-max-659 {
  max-height: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-659 {
    max-height: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-659 {
    max-height: 659px !important;
  }
}

.w-659 {
  width: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-659 {
    width: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-659 {
    width: 659px !important;
  }
}

.w-min-659 {
  min-width: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-659 {
    min-width: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-659 {
    min-width: 659px !important;
  }
}

.w-max-659 {
  max-width: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-659 {
    max-width: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-659 {
    max-width: 659px !important;
  }
}

.h-660 {
  height: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-660 {
    height: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-660 {
    height: 660px !important;
  }
}

.h-min-660 {
  min-height: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-660 {
    min-height: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-660 {
    min-height: 660px !important;
  }
}

.h-max-660 {
  max-height: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-660 {
    max-height: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-660 {
    max-height: 660px !important;
  }
}

.w-660 {
  width: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-660 {
    width: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-660 {
    width: 660px !important;
  }
}

.w-min-660 {
  min-width: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-660 {
    min-width: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-660 {
    min-width: 660px !important;
  }
}

.w-max-660 {
  max-width: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-660 {
    max-width: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-660 {
    max-width: 660px !important;
  }
}

.h-661 {
  height: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-661 {
    height: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-661 {
    height: 661px !important;
  }
}

.h-min-661 {
  min-height: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-661 {
    min-height: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-661 {
    min-height: 661px !important;
  }
}

.h-max-661 {
  max-height: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-661 {
    max-height: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-661 {
    max-height: 661px !important;
  }
}

.w-661 {
  width: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-661 {
    width: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-661 {
    width: 661px !important;
  }
}

.w-min-661 {
  min-width: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-661 {
    min-width: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-661 {
    min-width: 661px !important;
  }
}

.w-max-661 {
  max-width: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-661 {
    max-width: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-661 {
    max-width: 661px !important;
  }
}

.h-662 {
  height: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-662 {
    height: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-662 {
    height: 662px !important;
  }
}

.h-min-662 {
  min-height: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-662 {
    min-height: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-662 {
    min-height: 662px !important;
  }
}

.h-max-662 {
  max-height: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-662 {
    max-height: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-662 {
    max-height: 662px !important;
  }
}

.w-662 {
  width: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-662 {
    width: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-662 {
    width: 662px !important;
  }
}

.w-min-662 {
  min-width: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-662 {
    min-width: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-662 {
    min-width: 662px !important;
  }
}

.w-max-662 {
  max-width: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-662 {
    max-width: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-662 {
    max-width: 662px !important;
  }
}

.h-663 {
  height: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-663 {
    height: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-663 {
    height: 663px !important;
  }
}

.h-min-663 {
  min-height: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-663 {
    min-height: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-663 {
    min-height: 663px !important;
  }
}

.h-max-663 {
  max-height: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-663 {
    max-height: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-663 {
    max-height: 663px !important;
  }
}

.w-663 {
  width: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-663 {
    width: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-663 {
    width: 663px !important;
  }
}

.w-min-663 {
  min-width: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-663 {
    min-width: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-663 {
    min-width: 663px !important;
  }
}

.w-max-663 {
  max-width: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-663 {
    max-width: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-663 {
    max-width: 663px !important;
  }
}

.h-664 {
  height: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-664 {
    height: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-664 {
    height: 664px !important;
  }
}

.h-min-664 {
  min-height: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-664 {
    min-height: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-664 {
    min-height: 664px !important;
  }
}

.h-max-664 {
  max-height: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-664 {
    max-height: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-664 {
    max-height: 664px !important;
  }
}

.w-664 {
  width: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-664 {
    width: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-664 {
    width: 664px !important;
  }
}

.w-min-664 {
  min-width: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-664 {
    min-width: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-664 {
    min-width: 664px !important;
  }
}

.w-max-664 {
  max-width: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-664 {
    max-width: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-664 {
    max-width: 664px !important;
  }
}

.h-665 {
  height: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-665 {
    height: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-665 {
    height: 665px !important;
  }
}

.h-min-665 {
  min-height: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-665 {
    min-height: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-665 {
    min-height: 665px !important;
  }
}

.h-max-665 {
  max-height: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-665 {
    max-height: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-665 {
    max-height: 665px !important;
  }
}

.w-665 {
  width: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-665 {
    width: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-665 {
    width: 665px !important;
  }
}

.w-min-665 {
  min-width: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-665 {
    min-width: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-665 {
    min-width: 665px !important;
  }
}

.w-max-665 {
  max-width: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-665 {
    max-width: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-665 {
    max-width: 665px !important;
  }
}

.h-666 {
  height: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-666 {
    height: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-666 {
    height: 666px !important;
  }
}

.h-min-666 {
  min-height: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-666 {
    min-height: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-666 {
    min-height: 666px !important;
  }
}

.h-max-666 {
  max-height: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-666 {
    max-height: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-666 {
    max-height: 666px !important;
  }
}

.w-666 {
  width: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-666 {
    width: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-666 {
    width: 666px !important;
  }
}

.w-min-666 {
  min-width: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-666 {
    min-width: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-666 {
    min-width: 666px !important;
  }
}

.w-max-666 {
  max-width: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-666 {
    max-width: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-666 {
    max-width: 666px !important;
  }
}

.h-667 {
  height: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-667 {
    height: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-667 {
    height: 667px !important;
  }
}

.h-min-667 {
  min-height: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-667 {
    min-height: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-667 {
    min-height: 667px !important;
  }
}

.h-max-667 {
  max-height: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-667 {
    max-height: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-667 {
    max-height: 667px !important;
  }
}

.w-667 {
  width: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-667 {
    width: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-667 {
    width: 667px !important;
  }
}

.w-min-667 {
  min-width: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-667 {
    min-width: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-667 {
    min-width: 667px !important;
  }
}

.w-max-667 {
  max-width: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-667 {
    max-width: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-667 {
    max-width: 667px !important;
  }
}

.h-668 {
  height: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-668 {
    height: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-668 {
    height: 668px !important;
  }
}

.h-min-668 {
  min-height: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-668 {
    min-height: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-668 {
    min-height: 668px !important;
  }
}

.h-max-668 {
  max-height: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-668 {
    max-height: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-668 {
    max-height: 668px !important;
  }
}

.w-668 {
  width: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-668 {
    width: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-668 {
    width: 668px !important;
  }
}

.w-min-668 {
  min-width: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-668 {
    min-width: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-668 {
    min-width: 668px !important;
  }
}

.w-max-668 {
  max-width: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-668 {
    max-width: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-668 {
    max-width: 668px !important;
  }
}

.h-669 {
  height: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-669 {
    height: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-669 {
    height: 669px !important;
  }
}

.h-min-669 {
  min-height: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-669 {
    min-height: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-669 {
    min-height: 669px !important;
  }
}

.h-max-669 {
  max-height: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-669 {
    max-height: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-669 {
    max-height: 669px !important;
  }
}

.w-669 {
  width: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-669 {
    width: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-669 {
    width: 669px !important;
  }
}

.w-min-669 {
  min-width: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-669 {
    min-width: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-669 {
    min-width: 669px !important;
  }
}

.w-max-669 {
  max-width: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-669 {
    max-width: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-669 {
    max-width: 669px !important;
  }
}

.h-670 {
  height: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-670 {
    height: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-670 {
    height: 670px !important;
  }
}

.h-min-670 {
  min-height: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-670 {
    min-height: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-670 {
    min-height: 670px !important;
  }
}

.h-max-670 {
  max-height: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-670 {
    max-height: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-670 {
    max-height: 670px !important;
  }
}

.w-670 {
  width: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-670 {
    width: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-670 {
    width: 670px !important;
  }
}

.w-min-670 {
  min-width: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-670 {
    min-width: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-670 {
    min-width: 670px !important;
  }
}

.w-max-670 {
  max-width: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-670 {
    max-width: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-670 {
    max-width: 670px !important;
  }
}

.h-671 {
  height: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-671 {
    height: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-671 {
    height: 671px !important;
  }
}

.h-min-671 {
  min-height: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-671 {
    min-height: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-671 {
    min-height: 671px !important;
  }
}

.h-max-671 {
  max-height: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-671 {
    max-height: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-671 {
    max-height: 671px !important;
  }
}

.w-671 {
  width: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-671 {
    width: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-671 {
    width: 671px !important;
  }
}

.w-min-671 {
  min-width: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-671 {
    min-width: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-671 {
    min-width: 671px !important;
  }
}

.w-max-671 {
  max-width: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-671 {
    max-width: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-671 {
    max-width: 671px !important;
  }
}

.h-672 {
  height: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-672 {
    height: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-672 {
    height: 672px !important;
  }
}

.h-min-672 {
  min-height: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-672 {
    min-height: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-672 {
    min-height: 672px !important;
  }
}

.h-max-672 {
  max-height: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-672 {
    max-height: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-672 {
    max-height: 672px !important;
  }
}

.w-672 {
  width: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-672 {
    width: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-672 {
    width: 672px !important;
  }
}

.w-min-672 {
  min-width: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-672 {
    min-width: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-672 {
    min-width: 672px !important;
  }
}

.w-max-672 {
  max-width: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-672 {
    max-width: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-672 {
    max-width: 672px !important;
  }
}

.h-673 {
  height: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-673 {
    height: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-673 {
    height: 673px !important;
  }
}

.h-min-673 {
  min-height: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-673 {
    min-height: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-673 {
    min-height: 673px !important;
  }
}

.h-max-673 {
  max-height: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-673 {
    max-height: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-673 {
    max-height: 673px !important;
  }
}

.w-673 {
  width: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-673 {
    width: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-673 {
    width: 673px !important;
  }
}

.w-min-673 {
  min-width: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-673 {
    min-width: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-673 {
    min-width: 673px !important;
  }
}

.w-max-673 {
  max-width: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-673 {
    max-width: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-673 {
    max-width: 673px !important;
  }
}

.h-674 {
  height: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-674 {
    height: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-674 {
    height: 674px !important;
  }
}

.h-min-674 {
  min-height: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-674 {
    min-height: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-674 {
    min-height: 674px !important;
  }
}

.h-max-674 {
  max-height: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-674 {
    max-height: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-674 {
    max-height: 674px !important;
  }
}

.w-674 {
  width: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-674 {
    width: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-674 {
    width: 674px !important;
  }
}

.w-min-674 {
  min-width: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-674 {
    min-width: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-674 {
    min-width: 674px !important;
  }
}

.w-max-674 {
  max-width: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-674 {
    max-width: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-674 {
    max-width: 674px !important;
  }
}

.h-675 {
  height: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-675 {
    height: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-675 {
    height: 675px !important;
  }
}

.h-min-675 {
  min-height: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-675 {
    min-height: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-675 {
    min-height: 675px !important;
  }
}

.h-max-675 {
  max-height: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-675 {
    max-height: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-675 {
    max-height: 675px !important;
  }
}

.w-675 {
  width: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-675 {
    width: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-675 {
    width: 675px !important;
  }
}

.w-min-675 {
  min-width: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-675 {
    min-width: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-675 {
    min-width: 675px !important;
  }
}

.w-max-675 {
  max-width: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-675 {
    max-width: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-675 {
    max-width: 675px !important;
  }
}

.h-676 {
  height: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-676 {
    height: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-676 {
    height: 676px !important;
  }
}

.h-min-676 {
  min-height: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-676 {
    min-height: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-676 {
    min-height: 676px !important;
  }
}

.h-max-676 {
  max-height: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-676 {
    max-height: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-676 {
    max-height: 676px !important;
  }
}

.w-676 {
  width: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-676 {
    width: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-676 {
    width: 676px !important;
  }
}

.w-min-676 {
  min-width: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-676 {
    min-width: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-676 {
    min-width: 676px !important;
  }
}

.w-max-676 {
  max-width: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-676 {
    max-width: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-676 {
    max-width: 676px !important;
  }
}

.h-677 {
  height: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-677 {
    height: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-677 {
    height: 677px !important;
  }
}

.h-min-677 {
  min-height: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-677 {
    min-height: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-677 {
    min-height: 677px !important;
  }
}

.h-max-677 {
  max-height: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-677 {
    max-height: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-677 {
    max-height: 677px !important;
  }
}

.w-677 {
  width: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-677 {
    width: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-677 {
    width: 677px !important;
  }
}

.w-min-677 {
  min-width: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-677 {
    min-width: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-677 {
    min-width: 677px !important;
  }
}

.w-max-677 {
  max-width: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-677 {
    max-width: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-677 {
    max-width: 677px !important;
  }
}

.h-678 {
  height: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-678 {
    height: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-678 {
    height: 678px !important;
  }
}

.h-min-678 {
  min-height: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-678 {
    min-height: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-678 {
    min-height: 678px !important;
  }
}

.h-max-678 {
  max-height: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-678 {
    max-height: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-678 {
    max-height: 678px !important;
  }
}

.w-678 {
  width: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-678 {
    width: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-678 {
    width: 678px !important;
  }
}

.w-min-678 {
  min-width: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-678 {
    min-width: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-678 {
    min-width: 678px !important;
  }
}

.w-max-678 {
  max-width: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-678 {
    max-width: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-678 {
    max-width: 678px !important;
  }
}

.h-679 {
  height: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-679 {
    height: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-679 {
    height: 679px !important;
  }
}

.h-min-679 {
  min-height: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-679 {
    min-height: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-679 {
    min-height: 679px !important;
  }
}

.h-max-679 {
  max-height: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-679 {
    max-height: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-679 {
    max-height: 679px !important;
  }
}

.w-679 {
  width: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-679 {
    width: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-679 {
    width: 679px !important;
  }
}

.w-min-679 {
  min-width: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-679 {
    min-width: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-679 {
    min-width: 679px !important;
  }
}

.w-max-679 {
  max-width: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-679 {
    max-width: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-679 {
    max-width: 679px !important;
  }
}

.h-680 {
  height: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-680 {
    height: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-680 {
    height: 680px !important;
  }
}

.h-min-680 {
  min-height: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-680 {
    min-height: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-680 {
    min-height: 680px !important;
  }
}

.h-max-680 {
  max-height: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-680 {
    max-height: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-680 {
    max-height: 680px !important;
  }
}

.w-680 {
  width: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-680 {
    width: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-680 {
    width: 680px !important;
  }
}

.w-min-680 {
  min-width: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-680 {
    min-width: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-680 {
    min-width: 680px !important;
  }
}

.w-max-680 {
  max-width: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-680 {
    max-width: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-680 {
    max-width: 680px !important;
  }
}

.h-681 {
  height: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-681 {
    height: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-681 {
    height: 681px !important;
  }
}

.h-min-681 {
  min-height: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-681 {
    min-height: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-681 {
    min-height: 681px !important;
  }
}

.h-max-681 {
  max-height: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-681 {
    max-height: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-681 {
    max-height: 681px !important;
  }
}

.w-681 {
  width: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-681 {
    width: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-681 {
    width: 681px !important;
  }
}

.w-min-681 {
  min-width: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-681 {
    min-width: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-681 {
    min-width: 681px !important;
  }
}

.w-max-681 {
  max-width: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-681 {
    max-width: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-681 {
    max-width: 681px !important;
  }
}

.h-682 {
  height: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-682 {
    height: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-682 {
    height: 682px !important;
  }
}

.h-min-682 {
  min-height: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-682 {
    min-height: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-682 {
    min-height: 682px !important;
  }
}

.h-max-682 {
  max-height: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-682 {
    max-height: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-682 {
    max-height: 682px !important;
  }
}

.w-682 {
  width: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-682 {
    width: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-682 {
    width: 682px !important;
  }
}

.w-min-682 {
  min-width: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-682 {
    min-width: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-682 {
    min-width: 682px !important;
  }
}

.w-max-682 {
  max-width: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-682 {
    max-width: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-682 {
    max-width: 682px !important;
  }
}

.h-683 {
  height: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-683 {
    height: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-683 {
    height: 683px !important;
  }
}

.h-min-683 {
  min-height: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-683 {
    min-height: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-683 {
    min-height: 683px !important;
  }
}

.h-max-683 {
  max-height: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-683 {
    max-height: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-683 {
    max-height: 683px !important;
  }
}

.w-683 {
  width: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-683 {
    width: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-683 {
    width: 683px !important;
  }
}

.w-min-683 {
  min-width: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-683 {
    min-width: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-683 {
    min-width: 683px !important;
  }
}

.w-max-683 {
  max-width: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-683 {
    max-width: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-683 {
    max-width: 683px !important;
  }
}

.h-684 {
  height: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-684 {
    height: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-684 {
    height: 684px !important;
  }
}

.h-min-684 {
  min-height: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-684 {
    min-height: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-684 {
    min-height: 684px !important;
  }
}

.h-max-684 {
  max-height: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-684 {
    max-height: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-684 {
    max-height: 684px !important;
  }
}

.w-684 {
  width: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-684 {
    width: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-684 {
    width: 684px !important;
  }
}

.w-min-684 {
  min-width: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-684 {
    min-width: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-684 {
    min-width: 684px !important;
  }
}

.w-max-684 {
  max-width: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-684 {
    max-width: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-684 {
    max-width: 684px !important;
  }
}

.h-685 {
  height: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-685 {
    height: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-685 {
    height: 685px !important;
  }
}

.h-min-685 {
  min-height: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-685 {
    min-height: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-685 {
    min-height: 685px !important;
  }
}

.h-max-685 {
  max-height: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-685 {
    max-height: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-685 {
    max-height: 685px !important;
  }
}

.w-685 {
  width: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-685 {
    width: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-685 {
    width: 685px !important;
  }
}

.w-min-685 {
  min-width: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-685 {
    min-width: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-685 {
    min-width: 685px !important;
  }
}

.w-max-685 {
  max-width: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-685 {
    max-width: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-685 {
    max-width: 685px !important;
  }
}

.h-686 {
  height: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-686 {
    height: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-686 {
    height: 686px !important;
  }
}

.h-min-686 {
  min-height: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-686 {
    min-height: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-686 {
    min-height: 686px !important;
  }
}

.h-max-686 {
  max-height: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-686 {
    max-height: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-686 {
    max-height: 686px !important;
  }
}

.w-686 {
  width: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-686 {
    width: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-686 {
    width: 686px !important;
  }
}

.w-min-686 {
  min-width: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-686 {
    min-width: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-686 {
    min-width: 686px !important;
  }
}

.w-max-686 {
  max-width: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-686 {
    max-width: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-686 {
    max-width: 686px !important;
  }
}

.h-687 {
  height: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-687 {
    height: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-687 {
    height: 687px !important;
  }
}

.h-min-687 {
  min-height: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-687 {
    min-height: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-687 {
    min-height: 687px !important;
  }
}

.h-max-687 {
  max-height: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-687 {
    max-height: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-687 {
    max-height: 687px !important;
  }
}

.w-687 {
  width: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-687 {
    width: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-687 {
    width: 687px !important;
  }
}

.w-min-687 {
  min-width: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-687 {
    min-width: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-687 {
    min-width: 687px !important;
  }
}

.w-max-687 {
  max-width: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-687 {
    max-width: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-687 {
    max-width: 687px !important;
  }
}

.h-688 {
  height: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-688 {
    height: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-688 {
    height: 688px !important;
  }
}

.h-min-688 {
  min-height: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-688 {
    min-height: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-688 {
    min-height: 688px !important;
  }
}

.h-max-688 {
  max-height: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-688 {
    max-height: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-688 {
    max-height: 688px !important;
  }
}

.w-688 {
  width: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-688 {
    width: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-688 {
    width: 688px !important;
  }
}

.w-min-688 {
  min-width: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-688 {
    min-width: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-688 {
    min-width: 688px !important;
  }
}

.w-max-688 {
  max-width: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-688 {
    max-width: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-688 {
    max-width: 688px !important;
  }
}

.h-689 {
  height: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-689 {
    height: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-689 {
    height: 689px !important;
  }
}

.h-min-689 {
  min-height: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-689 {
    min-height: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-689 {
    min-height: 689px !important;
  }
}

.h-max-689 {
  max-height: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-689 {
    max-height: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-689 {
    max-height: 689px !important;
  }
}

.w-689 {
  width: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-689 {
    width: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-689 {
    width: 689px !important;
  }
}

.w-min-689 {
  min-width: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-689 {
    min-width: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-689 {
    min-width: 689px !important;
  }
}

.w-max-689 {
  max-width: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-689 {
    max-width: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-689 {
    max-width: 689px !important;
  }
}

.h-690 {
  height: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-690 {
    height: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-690 {
    height: 690px !important;
  }
}

.h-min-690 {
  min-height: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-690 {
    min-height: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-690 {
    min-height: 690px !important;
  }
}

.h-max-690 {
  max-height: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-690 {
    max-height: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-690 {
    max-height: 690px !important;
  }
}

.w-690 {
  width: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-690 {
    width: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-690 {
    width: 690px !important;
  }
}

.w-min-690 {
  min-width: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-690 {
    min-width: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-690 {
    min-width: 690px !important;
  }
}

.w-max-690 {
  max-width: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-690 {
    max-width: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-690 {
    max-width: 690px !important;
  }
}

.h-691 {
  height: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-691 {
    height: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-691 {
    height: 691px !important;
  }
}

.h-min-691 {
  min-height: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-691 {
    min-height: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-691 {
    min-height: 691px !important;
  }
}

.h-max-691 {
  max-height: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-691 {
    max-height: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-691 {
    max-height: 691px !important;
  }
}

.w-691 {
  width: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-691 {
    width: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-691 {
    width: 691px !important;
  }
}

.w-min-691 {
  min-width: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-691 {
    min-width: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-691 {
    min-width: 691px !important;
  }
}

.w-max-691 {
  max-width: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-691 {
    max-width: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-691 {
    max-width: 691px !important;
  }
}

.h-692 {
  height: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-692 {
    height: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-692 {
    height: 692px !important;
  }
}

.h-min-692 {
  min-height: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-692 {
    min-height: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-692 {
    min-height: 692px !important;
  }
}

.h-max-692 {
  max-height: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-692 {
    max-height: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-692 {
    max-height: 692px !important;
  }
}

.w-692 {
  width: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-692 {
    width: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-692 {
    width: 692px !important;
  }
}

.w-min-692 {
  min-width: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-692 {
    min-width: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-692 {
    min-width: 692px !important;
  }
}

.w-max-692 {
  max-width: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-692 {
    max-width: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-692 {
    max-width: 692px !important;
  }
}

.h-693 {
  height: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-693 {
    height: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-693 {
    height: 693px !important;
  }
}

.h-min-693 {
  min-height: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-693 {
    min-height: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-693 {
    min-height: 693px !important;
  }
}

.h-max-693 {
  max-height: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-693 {
    max-height: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-693 {
    max-height: 693px !important;
  }
}

.w-693 {
  width: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-693 {
    width: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-693 {
    width: 693px !important;
  }
}

.w-min-693 {
  min-width: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-693 {
    min-width: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-693 {
    min-width: 693px !important;
  }
}

.w-max-693 {
  max-width: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-693 {
    max-width: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-693 {
    max-width: 693px !important;
  }
}

.h-694 {
  height: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-694 {
    height: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-694 {
    height: 694px !important;
  }
}

.h-min-694 {
  min-height: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-694 {
    min-height: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-694 {
    min-height: 694px !important;
  }
}

.h-max-694 {
  max-height: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-694 {
    max-height: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-694 {
    max-height: 694px !important;
  }
}

.w-694 {
  width: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-694 {
    width: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-694 {
    width: 694px !important;
  }
}

.w-min-694 {
  min-width: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-694 {
    min-width: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-694 {
    min-width: 694px !important;
  }
}

.w-max-694 {
  max-width: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-694 {
    max-width: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-694 {
    max-width: 694px !important;
  }
}

.h-695 {
  height: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-695 {
    height: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-695 {
    height: 695px !important;
  }
}

.h-min-695 {
  min-height: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-695 {
    min-height: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-695 {
    min-height: 695px !important;
  }
}

.h-max-695 {
  max-height: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-695 {
    max-height: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-695 {
    max-height: 695px !important;
  }
}

.w-695 {
  width: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-695 {
    width: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-695 {
    width: 695px !important;
  }
}

.w-min-695 {
  min-width: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-695 {
    min-width: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-695 {
    min-width: 695px !important;
  }
}

.w-max-695 {
  max-width: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-695 {
    max-width: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-695 {
    max-width: 695px !important;
  }
}

.h-696 {
  height: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-696 {
    height: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-696 {
    height: 696px !important;
  }
}

.h-min-696 {
  min-height: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-696 {
    min-height: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-696 {
    min-height: 696px !important;
  }
}

.h-max-696 {
  max-height: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-696 {
    max-height: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-696 {
    max-height: 696px !important;
  }
}

.w-696 {
  width: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-696 {
    width: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-696 {
    width: 696px !important;
  }
}

.w-min-696 {
  min-width: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-696 {
    min-width: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-696 {
    min-width: 696px !important;
  }
}

.w-max-696 {
  max-width: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-696 {
    max-width: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-696 {
    max-width: 696px !important;
  }
}

.h-697 {
  height: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-697 {
    height: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-697 {
    height: 697px !important;
  }
}

.h-min-697 {
  min-height: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-697 {
    min-height: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-697 {
    min-height: 697px !important;
  }
}

.h-max-697 {
  max-height: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-697 {
    max-height: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-697 {
    max-height: 697px !important;
  }
}

.w-697 {
  width: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-697 {
    width: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-697 {
    width: 697px !important;
  }
}

.w-min-697 {
  min-width: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-697 {
    min-width: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-697 {
    min-width: 697px !important;
  }
}

.w-max-697 {
  max-width: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-697 {
    max-width: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-697 {
    max-width: 697px !important;
  }
}

.h-698 {
  height: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-698 {
    height: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-698 {
    height: 698px !important;
  }
}

.h-min-698 {
  min-height: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-698 {
    min-height: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-698 {
    min-height: 698px !important;
  }
}

.h-max-698 {
  max-height: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-698 {
    max-height: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-698 {
    max-height: 698px !important;
  }
}

.w-698 {
  width: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-698 {
    width: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-698 {
    width: 698px !important;
  }
}

.w-min-698 {
  min-width: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-698 {
    min-width: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-698 {
    min-width: 698px !important;
  }
}

.w-max-698 {
  max-width: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-698 {
    max-width: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-698 {
    max-width: 698px !important;
  }
}

.h-699 {
  height: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-699 {
    height: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-699 {
    height: 699px !important;
  }
}

.h-min-699 {
  min-height: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-699 {
    min-height: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-699 {
    min-height: 699px !important;
  }
}

.h-max-699 {
  max-height: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-699 {
    max-height: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-699 {
    max-height: 699px !important;
  }
}

.w-699 {
  width: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-699 {
    width: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-699 {
    width: 699px !important;
  }
}

.w-min-699 {
  min-width: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-699 {
    min-width: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-699 {
    min-width: 699px !important;
  }
}

.w-max-699 {
  max-width: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-699 {
    max-width: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-699 {
    max-width: 699px !important;
  }
}

.h-700 {
  height: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-700 {
    height: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-700 {
    height: 700px !important;
  }
}

.h-min-700 {
  min-height: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-700 {
    min-height: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-700 {
    min-height: 700px !important;
  }
}

.h-max-700 {
  max-height: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-700 {
    max-height: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-700 {
    max-height: 700px !important;
  }
}

.w-700 {
  width: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-700 {
    width: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-700 {
    width: 700px !important;
  }
}

.w-min-700 {
  min-width: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-700 {
    min-width: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-700 {
    min-width: 700px !important;
  }
}

.w-max-700 {
  max-width: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-700 {
    max-width: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-700 {
    max-width: 700px !important;
  }
}

.h-701 {
  height: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-701 {
    height: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-701 {
    height: 701px !important;
  }
}

.h-min-701 {
  min-height: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-701 {
    min-height: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-701 {
    min-height: 701px !important;
  }
}

.h-max-701 {
  max-height: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-701 {
    max-height: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-701 {
    max-height: 701px !important;
  }
}

.w-701 {
  width: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-701 {
    width: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-701 {
    width: 701px !important;
  }
}

.w-min-701 {
  min-width: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-701 {
    min-width: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-701 {
    min-width: 701px !important;
  }
}

.w-max-701 {
  max-width: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-701 {
    max-width: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-701 {
    max-width: 701px !important;
  }
}

.h-702 {
  height: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-702 {
    height: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-702 {
    height: 702px !important;
  }
}

.h-min-702 {
  min-height: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-702 {
    min-height: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-702 {
    min-height: 702px !important;
  }
}

.h-max-702 {
  max-height: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-702 {
    max-height: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-702 {
    max-height: 702px !important;
  }
}

.w-702 {
  width: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-702 {
    width: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-702 {
    width: 702px !important;
  }
}

.w-min-702 {
  min-width: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-702 {
    min-width: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-702 {
    min-width: 702px !important;
  }
}

.w-max-702 {
  max-width: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-702 {
    max-width: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-702 {
    max-width: 702px !important;
  }
}

.h-703 {
  height: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-703 {
    height: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-703 {
    height: 703px !important;
  }
}

.h-min-703 {
  min-height: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-703 {
    min-height: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-703 {
    min-height: 703px !important;
  }
}

.h-max-703 {
  max-height: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-703 {
    max-height: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-703 {
    max-height: 703px !important;
  }
}

.w-703 {
  width: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-703 {
    width: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-703 {
    width: 703px !important;
  }
}

.w-min-703 {
  min-width: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-703 {
    min-width: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-703 {
    min-width: 703px !important;
  }
}

.w-max-703 {
  max-width: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-703 {
    max-width: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-703 {
    max-width: 703px !important;
  }
}

.h-704 {
  height: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-704 {
    height: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-704 {
    height: 704px !important;
  }
}

.h-min-704 {
  min-height: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-704 {
    min-height: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-704 {
    min-height: 704px !important;
  }
}

.h-max-704 {
  max-height: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-704 {
    max-height: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-704 {
    max-height: 704px !important;
  }
}

.w-704 {
  width: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-704 {
    width: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-704 {
    width: 704px !important;
  }
}

.w-min-704 {
  min-width: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-704 {
    min-width: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-704 {
    min-width: 704px !important;
  }
}

.w-max-704 {
  max-width: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-704 {
    max-width: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-704 {
    max-width: 704px !important;
  }
}

.h-705 {
  height: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-705 {
    height: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-705 {
    height: 705px !important;
  }
}

.h-min-705 {
  min-height: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-705 {
    min-height: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-705 {
    min-height: 705px !important;
  }
}

.h-max-705 {
  max-height: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-705 {
    max-height: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-705 {
    max-height: 705px !important;
  }
}

.w-705 {
  width: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-705 {
    width: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-705 {
    width: 705px !important;
  }
}

.w-min-705 {
  min-width: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-705 {
    min-width: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-705 {
    min-width: 705px !important;
  }
}

.w-max-705 {
  max-width: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-705 {
    max-width: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-705 {
    max-width: 705px !important;
  }
}

.h-706 {
  height: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-706 {
    height: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-706 {
    height: 706px !important;
  }
}

.h-min-706 {
  min-height: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-706 {
    min-height: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-706 {
    min-height: 706px !important;
  }
}

.h-max-706 {
  max-height: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-706 {
    max-height: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-706 {
    max-height: 706px !important;
  }
}

.w-706 {
  width: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-706 {
    width: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-706 {
    width: 706px !important;
  }
}

.w-min-706 {
  min-width: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-706 {
    min-width: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-706 {
    min-width: 706px !important;
  }
}

.w-max-706 {
  max-width: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-706 {
    max-width: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-706 {
    max-width: 706px !important;
  }
}

.h-707 {
  height: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-707 {
    height: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-707 {
    height: 707px !important;
  }
}

.h-min-707 {
  min-height: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-707 {
    min-height: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-707 {
    min-height: 707px !important;
  }
}

.h-max-707 {
  max-height: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-707 {
    max-height: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-707 {
    max-height: 707px !important;
  }
}

.w-707 {
  width: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-707 {
    width: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-707 {
    width: 707px !important;
  }
}

.w-min-707 {
  min-width: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-707 {
    min-width: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-707 {
    min-width: 707px !important;
  }
}

.w-max-707 {
  max-width: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-707 {
    max-width: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-707 {
    max-width: 707px !important;
  }
}

.h-708 {
  height: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-708 {
    height: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-708 {
    height: 708px !important;
  }
}

.h-min-708 {
  min-height: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-708 {
    min-height: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-708 {
    min-height: 708px !important;
  }
}

.h-max-708 {
  max-height: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-708 {
    max-height: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-708 {
    max-height: 708px !important;
  }
}

.w-708 {
  width: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-708 {
    width: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-708 {
    width: 708px !important;
  }
}

.w-min-708 {
  min-width: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-708 {
    min-width: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-708 {
    min-width: 708px !important;
  }
}

.w-max-708 {
  max-width: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-708 {
    max-width: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-708 {
    max-width: 708px !important;
  }
}

.h-709 {
  height: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-709 {
    height: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-709 {
    height: 709px !important;
  }
}

.h-min-709 {
  min-height: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-709 {
    min-height: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-709 {
    min-height: 709px !important;
  }
}

.h-max-709 {
  max-height: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-709 {
    max-height: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-709 {
    max-height: 709px !important;
  }
}

.w-709 {
  width: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-709 {
    width: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-709 {
    width: 709px !important;
  }
}

.w-min-709 {
  min-width: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-709 {
    min-width: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-709 {
    min-width: 709px !important;
  }
}

.w-max-709 {
  max-width: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-709 {
    max-width: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-709 {
    max-width: 709px !important;
  }
}

.h-710 {
  height: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-710 {
    height: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-710 {
    height: 710px !important;
  }
}

.h-min-710 {
  min-height: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-710 {
    min-height: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-710 {
    min-height: 710px !important;
  }
}

.h-max-710 {
  max-height: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-710 {
    max-height: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-710 {
    max-height: 710px !important;
  }
}

.w-710 {
  width: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-710 {
    width: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-710 {
    width: 710px !important;
  }
}

.w-min-710 {
  min-width: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-710 {
    min-width: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-710 {
    min-width: 710px !important;
  }
}

.w-max-710 {
  max-width: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-710 {
    max-width: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-710 {
    max-width: 710px !important;
  }
}

.h-711 {
  height: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-711 {
    height: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-711 {
    height: 711px !important;
  }
}

.h-min-711 {
  min-height: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-711 {
    min-height: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-711 {
    min-height: 711px !important;
  }
}

.h-max-711 {
  max-height: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-711 {
    max-height: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-711 {
    max-height: 711px !important;
  }
}

.w-711 {
  width: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-711 {
    width: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-711 {
    width: 711px !important;
  }
}

.w-min-711 {
  min-width: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-711 {
    min-width: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-711 {
    min-width: 711px !important;
  }
}

.w-max-711 {
  max-width: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-711 {
    max-width: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-711 {
    max-width: 711px !important;
  }
}

.h-712 {
  height: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-712 {
    height: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-712 {
    height: 712px !important;
  }
}

.h-min-712 {
  min-height: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-712 {
    min-height: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-712 {
    min-height: 712px !important;
  }
}

.h-max-712 {
  max-height: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-712 {
    max-height: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-712 {
    max-height: 712px !important;
  }
}

.w-712 {
  width: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-712 {
    width: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-712 {
    width: 712px !important;
  }
}

.w-min-712 {
  min-width: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-712 {
    min-width: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-712 {
    min-width: 712px !important;
  }
}

.w-max-712 {
  max-width: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-712 {
    max-width: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-712 {
    max-width: 712px !important;
  }
}

.h-713 {
  height: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-713 {
    height: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-713 {
    height: 713px !important;
  }
}

.h-min-713 {
  min-height: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-713 {
    min-height: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-713 {
    min-height: 713px !important;
  }
}

.h-max-713 {
  max-height: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-713 {
    max-height: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-713 {
    max-height: 713px !important;
  }
}

.w-713 {
  width: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-713 {
    width: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-713 {
    width: 713px !important;
  }
}

.w-min-713 {
  min-width: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-713 {
    min-width: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-713 {
    min-width: 713px !important;
  }
}

.w-max-713 {
  max-width: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-713 {
    max-width: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-713 {
    max-width: 713px !important;
  }
}

.h-714 {
  height: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-714 {
    height: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-714 {
    height: 714px !important;
  }
}

.h-min-714 {
  min-height: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-714 {
    min-height: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-714 {
    min-height: 714px !important;
  }
}

.h-max-714 {
  max-height: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-714 {
    max-height: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-714 {
    max-height: 714px !important;
  }
}

.w-714 {
  width: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-714 {
    width: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-714 {
    width: 714px !important;
  }
}

.w-min-714 {
  min-width: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-714 {
    min-width: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-714 {
    min-width: 714px !important;
  }
}

.w-max-714 {
  max-width: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-714 {
    max-width: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-714 {
    max-width: 714px !important;
  }
}

.h-715 {
  height: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-715 {
    height: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-715 {
    height: 715px !important;
  }
}

.h-min-715 {
  min-height: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-715 {
    min-height: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-715 {
    min-height: 715px !important;
  }
}

.h-max-715 {
  max-height: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-715 {
    max-height: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-715 {
    max-height: 715px !important;
  }
}

.w-715 {
  width: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-715 {
    width: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-715 {
    width: 715px !important;
  }
}

.w-min-715 {
  min-width: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-715 {
    min-width: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-715 {
    min-width: 715px !important;
  }
}

.w-max-715 {
  max-width: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-715 {
    max-width: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-715 {
    max-width: 715px !important;
  }
}

.h-716 {
  height: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-716 {
    height: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-716 {
    height: 716px !important;
  }
}

.h-min-716 {
  min-height: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-716 {
    min-height: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-716 {
    min-height: 716px !important;
  }
}

.h-max-716 {
  max-height: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-716 {
    max-height: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-716 {
    max-height: 716px !important;
  }
}

.w-716 {
  width: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-716 {
    width: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-716 {
    width: 716px !important;
  }
}

.w-min-716 {
  min-width: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-716 {
    min-width: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-716 {
    min-width: 716px !important;
  }
}

.w-max-716 {
  max-width: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-716 {
    max-width: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-716 {
    max-width: 716px !important;
  }
}

.h-717 {
  height: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-717 {
    height: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-717 {
    height: 717px !important;
  }
}

.h-min-717 {
  min-height: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-717 {
    min-height: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-717 {
    min-height: 717px !important;
  }
}

.h-max-717 {
  max-height: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-717 {
    max-height: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-717 {
    max-height: 717px !important;
  }
}

.w-717 {
  width: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-717 {
    width: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-717 {
    width: 717px !important;
  }
}

.w-min-717 {
  min-width: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-717 {
    min-width: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-717 {
    min-width: 717px !important;
  }
}

.w-max-717 {
  max-width: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-717 {
    max-width: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-717 {
    max-width: 717px !important;
  }
}

.h-718 {
  height: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-718 {
    height: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-718 {
    height: 718px !important;
  }
}

.h-min-718 {
  min-height: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-718 {
    min-height: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-718 {
    min-height: 718px !important;
  }
}

.h-max-718 {
  max-height: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-718 {
    max-height: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-718 {
    max-height: 718px !important;
  }
}

.w-718 {
  width: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-718 {
    width: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-718 {
    width: 718px !important;
  }
}

.w-min-718 {
  min-width: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-718 {
    min-width: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-718 {
    min-width: 718px !important;
  }
}

.w-max-718 {
  max-width: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-718 {
    max-width: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-718 {
    max-width: 718px !important;
  }
}

.h-719 {
  height: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-719 {
    height: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-719 {
    height: 719px !important;
  }
}

.h-min-719 {
  min-height: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-719 {
    min-height: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-719 {
    min-height: 719px !important;
  }
}

.h-max-719 {
  max-height: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-719 {
    max-height: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-719 {
    max-height: 719px !important;
  }
}

.w-719 {
  width: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-719 {
    width: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-719 {
    width: 719px !important;
  }
}

.w-min-719 {
  min-width: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-719 {
    min-width: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-719 {
    min-width: 719px !important;
  }
}

.w-max-719 {
  max-width: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-719 {
    max-width: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-719 {
    max-width: 719px !important;
  }
}

.h-720 {
  height: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-720 {
    height: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-720 {
    height: 720px !important;
  }
}

.h-min-720 {
  min-height: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-720 {
    min-height: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-720 {
    min-height: 720px !important;
  }
}

.h-max-720 {
  max-height: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-720 {
    max-height: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-720 {
    max-height: 720px !important;
  }
}

.w-720 {
  width: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-720 {
    width: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-720 {
    width: 720px !important;
  }
}

.w-min-720 {
  min-width: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-720 {
    min-width: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-720 {
    min-width: 720px !important;
  }
}

.w-max-720 {
  max-width: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-720 {
    max-width: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-720 {
    max-width: 720px !important;
  }
}

.h-721 {
  height: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-721 {
    height: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-721 {
    height: 721px !important;
  }
}

.h-min-721 {
  min-height: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-721 {
    min-height: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-721 {
    min-height: 721px !important;
  }
}

.h-max-721 {
  max-height: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-721 {
    max-height: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-721 {
    max-height: 721px !important;
  }
}

.w-721 {
  width: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-721 {
    width: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-721 {
    width: 721px !important;
  }
}

.w-min-721 {
  min-width: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-721 {
    min-width: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-721 {
    min-width: 721px !important;
  }
}

.w-max-721 {
  max-width: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-721 {
    max-width: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-721 {
    max-width: 721px !important;
  }
}

.h-722 {
  height: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-722 {
    height: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-722 {
    height: 722px !important;
  }
}

.h-min-722 {
  min-height: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-722 {
    min-height: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-722 {
    min-height: 722px !important;
  }
}

.h-max-722 {
  max-height: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-722 {
    max-height: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-722 {
    max-height: 722px !important;
  }
}

.w-722 {
  width: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-722 {
    width: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-722 {
    width: 722px !important;
  }
}

.w-min-722 {
  min-width: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-722 {
    min-width: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-722 {
    min-width: 722px !important;
  }
}

.w-max-722 {
  max-width: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-722 {
    max-width: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-722 {
    max-width: 722px !important;
  }
}

.h-723 {
  height: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-723 {
    height: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-723 {
    height: 723px !important;
  }
}

.h-min-723 {
  min-height: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-723 {
    min-height: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-723 {
    min-height: 723px !important;
  }
}

.h-max-723 {
  max-height: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-723 {
    max-height: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-723 {
    max-height: 723px !important;
  }
}

.w-723 {
  width: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-723 {
    width: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-723 {
    width: 723px !important;
  }
}

.w-min-723 {
  min-width: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-723 {
    min-width: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-723 {
    min-width: 723px !important;
  }
}

.w-max-723 {
  max-width: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-723 {
    max-width: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-723 {
    max-width: 723px !important;
  }
}

.h-724 {
  height: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-724 {
    height: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-724 {
    height: 724px !important;
  }
}

.h-min-724 {
  min-height: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-724 {
    min-height: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-724 {
    min-height: 724px !important;
  }
}

.h-max-724 {
  max-height: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-724 {
    max-height: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-724 {
    max-height: 724px !important;
  }
}

.w-724 {
  width: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-724 {
    width: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-724 {
    width: 724px !important;
  }
}

.w-min-724 {
  min-width: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-724 {
    min-width: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-724 {
    min-width: 724px !important;
  }
}

.w-max-724 {
  max-width: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-724 {
    max-width: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-724 {
    max-width: 724px !important;
  }
}

.h-725 {
  height: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-725 {
    height: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-725 {
    height: 725px !important;
  }
}

.h-min-725 {
  min-height: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-725 {
    min-height: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-725 {
    min-height: 725px !important;
  }
}

.h-max-725 {
  max-height: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-725 {
    max-height: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-725 {
    max-height: 725px !important;
  }
}

.w-725 {
  width: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-725 {
    width: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-725 {
    width: 725px !important;
  }
}

.w-min-725 {
  min-width: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-725 {
    min-width: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-725 {
    min-width: 725px !important;
  }
}

.w-max-725 {
  max-width: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-725 {
    max-width: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-725 {
    max-width: 725px !important;
  }
}

.h-726 {
  height: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-726 {
    height: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-726 {
    height: 726px !important;
  }
}

.h-min-726 {
  min-height: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-726 {
    min-height: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-726 {
    min-height: 726px !important;
  }
}

.h-max-726 {
  max-height: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-726 {
    max-height: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-726 {
    max-height: 726px !important;
  }
}

.w-726 {
  width: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-726 {
    width: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-726 {
    width: 726px !important;
  }
}

.w-min-726 {
  min-width: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-726 {
    min-width: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-726 {
    min-width: 726px !important;
  }
}

.w-max-726 {
  max-width: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-726 {
    max-width: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-726 {
    max-width: 726px !important;
  }
}

.h-727 {
  height: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-727 {
    height: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-727 {
    height: 727px !important;
  }
}

.h-min-727 {
  min-height: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-727 {
    min-height: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-727 {
    min-height: 727px !important;
  }
}

.h-max-727 {
  max-height: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-727 {
    max-height: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-727 {
    max-height: 727px !important;
  }
}

.w-727 {
  width: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-727 {
    width: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-727 {
    width: 727px !important;
  }
}

.w-min-727 {
  min-width: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-727 {
    min-width: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-727 {
    min-width: 727px !important;
  }
}

.w-max-727 {
  max-width: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-727 {
    max-width: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-727 {
    max-width: 727px !important;
  }
}

.h-728 {
  height: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-728 {
    height: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-728 {
    height: 728px !important;
  }
}

.h-min-728 {
  min-height: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-728 {
    min-height: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-728 {
    min-height: 728px !important;
  }
}

.h-max-728 {
  max-height: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-728 {
    max-height: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-728 {
    max-height: 728px !important;
  }
}

.w-728 {
  width: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-728 {
    width: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-728 {
    width: 728px !important;
  }
}

.w-min-728 {
  min-width: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-728 {
    min-width: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-728 {
    min-width: 728px !important;
  }
}

.w-max-728 {
  max-width: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-728 {
    max-width: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-728 {
    max-width: 728px !important;
  }
}

.h-729 {
  height: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-729 {
    height: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-729 {
    height: 729px !important;
  }
}

.h-min-729 {
  min-height: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-729 {
    min-height: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-729 {
    min-height: 729px !important;
  }
}

.h-max-729 {
  max-height: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-729 {
    max-height: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-729 {
    max-height: 729px !important;
  }
}

.w-729 {
  width: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-729 {
    width: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-729 {
    width: 729px !important;
  }
}

.w-min-729 {
  min-width: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-729 {
    min-width: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-729 {
    min-width: 729px !important;
  }
}

.w-max-729 {
  max-width: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-729 {
    max-width: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-729 {
    max-width: 729px !important;
  }
}

.h-730 {
  height: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-730 {
    height: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-730 {
    height: 730px !important;
  }
}

.h-min-730 {
  min-height: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-730 {
    min-height: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-730 {
    min-height: 730px !important;
  }
}

.h-max-730 {
  max-height: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-730 {
    max-height: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-730 {
    max-height: 730px !important;
  }
}

.w-730 {
  width: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-730 {
    width: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-730 {
    width: 730px !important;
  }
}

.w-min-730 {
  min-width: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-730 {
    min-width: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-730 {
    min-width: 730px !important;
  }
}

.w-max-730 {
  max-width: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-730 {
    max-width: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-730 {
    max-width: 730px !important;
  }
}

.h-731 {
  height: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-731 {
    height: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-731 {
    height: 731px !important;
  }
}

.h-min-731 {
  min-height: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-731 {
    min-height: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-731 {
    min-height: 731px !important;
  }
}

.h-max-731 {
  max-height: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-731 {
    max-height: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-731 {
    max-height: 731px !important;
  }
}

.w-731 {
  width: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-731 {
    width: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-731 {
    width: 731px !important;
  }
}

.w-min-731 {
  min-width: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-731 {
    min-width: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-731 {
    min-width: 731px !important;
  }
}

.w-max-731 {
  max-width: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-731 {
    max-width: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-731 {
    max-width: 731px !important;
  }
}

.h-732 {
  height: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-732 {
    height: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-732 {
    height: 732px !important;
  }
}

.h-min-732 {
  min-height: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-732 {
    min-height: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-732 {
    min-height: 732px !important;
  }
}

.h-max-732 {
  max-height: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-732 {
    max-height: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-732 {
    max-height: 732px !important;
  }
}

.w-732 {
  width: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-732 {
    width: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-732 {
    width: 732px !important;
  }
}

.w-min-732 {
  min-width: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-732 {
    min-width: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-732 {
    min-width: 732px !important;
  }
}

.w-max-732 {
  max-width: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-732 {
    max-width: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-732 {
    max-width: 732px !important;
  }
}

.h-733 {
  height: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-733 {
    height: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-733 {
    height: 733px !important;
  }
}

.h-min-733 {
  min-height: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-733 {
    min-height: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-733 {
    min-height: 733px !important;
  }
}

.h-max-733 {
  max-height: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-733 {
    max-height: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-733 {
    max-height: 733px !important;
  }
}

.w-733 {
  width: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-733 {
    width: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-733 {
    width: 733px !important;
  }
}

.w-min-733 {
  min-width: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-733 {
    min-width: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-733 {
    min-width: 733px !important;
  }
}

.w-max-733 {
  max-width: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-733 {
    max-width: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-733 {
    max-width: 733px !important;
  }
}

.h-734 {
  height: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-734 {
    height: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-734 {
    height: 734px !important;
  }
}

.h-min-734 {
  min-height: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-734 {
    min-height: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-734 {
    min-height: 734px !important;
  }
}

.h-max-734 {
  max-height: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-734 {
    max-height: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-734 {
    max-height: 734px !important;
  }
}

.w-734 {
  width: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-734 {
    width: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-734 {
    width: 734px !important;
  }
}

.w-min-734 {
  min-width: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-734 {
    min-width: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-734 {
    min-width: 734px !important;
  }
}

.w-max-734 {
  max-width: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-734 {
    max-width: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-734 {
    max-width: 734px !important;
  }
}

.h-735 {
  height: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-735 {
    height: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-735 {
    height: 735px !important;
  }
}

.h-min-735 {
  min-height: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-735 {
    min-height: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-735 {
    min-height: 735px !important;
  }
}

.h-max-735 {
  max-height: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-735 {
    max-height: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-735 {
    max-height: 735px !important;
  }
}

.w-735 {
  width: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-735 {
    width: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-735 {
    width: 735px !important;
  }
}

.w-min-735 {
  min-width: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-735 {
    min-width: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-735 {
    min-width: 735px !important;
  }
}

.w-max-735 {
  max-width: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-735 {
    max-width: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-735 {
    max-width: 735px !important;
  }
}

.h-736 {
  height: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-736 {
    height: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-736 {
    height: 736px !important;
  }
}

.h-min-736 {
  min-height: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-736 {
    min-height: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-736 {
    min-height: 736px !important;
  }
}

.h-max-736 {
  max-height: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-736 {
    max-height: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-736 {
    max-height: 736px !important;
  }
}

.w-736 {
  width: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-736 {
    width: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-736 {
    width: 736px !important;
  }
}

.w-min-736 {
  min-width: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-736 {
    min-width: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-736 {
    min-width: 736px !important;
  }
}

.w-max-736 {
  max-width: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-736 {
    max-width: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-736 {
    max-width: 736px !important;
  }
}

.h-737 {
  height: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-737 {
    height: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-737 {
    height: 737px !important;
  }
}

.h-min-737 {
  min-height: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-737 {
    min-height: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-737 {
    min-height: 737px !important;
  }
}

.h-max-737 {
  max-height: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-737 {
    max-height: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-737 {
    max-height: 737px !important;
  }
}

.w-737 {
  width: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-737 {
    width: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-737 {
    width: 737px !important;
  }
}

.w-min-737 {
  min-width: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-737 {
    min-width: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-737 {
    min-width: 737px !important;
  }
}

.w-max-737 {
  max-width: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-737 {
    max-width: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-737 {
    max-width: 737px !important;
  }
}

.h-738 {
  height: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-738 {
    height: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-738 {
    height: 738px !important;
  }
}

.h-min-738 {
  min-height: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-738 {
    min-height: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-738 {
    min-height: 738px !important;
  }
}

.h-max-738 {
  max-height: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-738 {
    max-height: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-738 {
    max-height: 738px !important;
  }
}

.w-738 {
  width: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-738 {
    width: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-738 {
    width: 738px !important;
  }
}

.w-min-738 {
  min-width: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-738 {
    min-width: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-738 {
    min-width: 738px !important;
  }
}

.w-max-738 {
  max-width: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-738 {
    max-width: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-738 {
    max-width: 738px !important;
  }
}

.h-739 {
  height: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-739 {
    height: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-739 {
    height: 739px !important;
  }
}

.h-min-739 {
  min-height: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-739 {
    min-height: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-739 {
    min-height: 739px !important;
  }
}

.h-max-739 {
  max-height: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-739 {
    max-height: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-739 {
    max-height: 739px !important;
  }
}

.w-739 {
  width: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-739 {
    width: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-739 {
    width: 739px !important;
  }
}

.w-min-739 {
  min-width: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-739 {
    min-width: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-739 {
    min-width: 739px !important;
  }
}

.w-max-739 {
  max-width: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-739 {
    max-width: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-739 {
    max-width: 739px !important;
  }
}

.h-740 {
  height: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-740 {
    height: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-740 {
    height: 740px !important;
  }
}

.h-min-740 {
  min-height: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-740 {
    min-height: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-740 {
    min-height: 740px !important;
  }
}

.h-max-740 {
  max-height: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-740 {
    max-height: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-740 {
    max-height: 740px !important;
  }
}

.w-740 {
  width: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-740 {
    width: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-740 {
    width: 740px !important;
  }
}

.w-min-740 {
  min-width: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-740 {
    min-width: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-740 {
    min-width: 740px !important;
  }
}

.w-max-740 {
  max-width: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-740 {
    max-width: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-740 {
    max-width: 740px !important;
  }
}

.h-741 {
  height: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-741 {
    height: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-741 {
    height: 741px !important;
  }
}

.h-min-741 {
  min-height: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-741 {
    min-height: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-741 {
    min-height: 741px !important;
  }
}

.h-max-741 {
  max-height: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-741 {
    max-height: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-741 {
    max-height: 741px !important;
  }
}

.w-741 {
  width: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-741 {
    width: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-741 {
    width: 741px !important;
  }
}

.w-min-741 {
  min-width: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-741 {
    min-width: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-741 {
    min-width: 741px !important;
  }
}

.w-max-741 {
  max-width: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-741 {
    max-width: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-741 {
    max-width: 741px !important;
  }
}

.h-742 {
  height: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-742 {
    height: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-742 {
    height: 742px !important;
  }
}

.h-min-742 {
  min-height: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-742 {
    min-height: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-742 {
    min-height: 742px !important;
  }
}

.h-max-742 {
  max-height: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-742 {
    max-height: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-742 {
    max-height: 742px !important;
  }
}

.w-742 {
  width: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-742 {
    width: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-742 {
    width: 742px !important;
  }
}

.w-min-742 {
  min-width: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-742 {
    min-width: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-742 {
    min-width: 742px !important;
  }
}

.w-max-742 {
  max-width: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-742 {
    max-width: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-742 {
    max-width: 742px !important;
  }
}

.h-743 {
  height: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-743 {
    height: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-743 {
    height: 743px !important;
  }
}

.h-min-743 {
  min-height: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-743 {
    min-height: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-743 {
    min-height: 743px !important;
  }
}

.h-max-743 {
  max-height: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-743 {
    max-height: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-743 {
    max-height: 743px !important;
  }
}

.w-743 {
  width: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-743 {
    width: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-743 {
    width: 743px !important;
  }
}

.w-min-743 {
  min-width: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-743 {
    min-width: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-743 {
    min-width: 743px !important;
  }
}

.w-max-743 {
  max-width: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-743 {
    max-width: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-743 {
    max-width: 743px !important;
  }
}

.h-744 {
  height: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-744 {
    height: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-744 {
    height: 744px !important;
  }
}

.h-min-744 {
  min-height: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-744 {
    min-height: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-744 {
    min-height: 744px !important;
  }
}

.h-max-744 {
  max-height: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-744 {
    max-height: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-744 {
    max-height: 744px !important;
  }
}

.w-744 {
  width: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-744 {
    width: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-744 {
    width: 744px !important;
  }
}

.w-min-744 {
  min-width: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-744 {
    min-width: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-744 {
    min-width: 744px !important;
  }
}

.w-max-744 {
  max-width: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-744 {
    max-width: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-744 {
    max-width: 744px !important;
  }
}

.h-745 {
  height: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-745 {
    height: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-745 {
    height: 745px !important;
  }
}

.h-min-745 {
  min-height: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-745 {
    min-height: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-745 {
    min-height: 745px !important;
  }
}

.h-max-745 {
  max-height: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-745 {
    max-height: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-745 {
    max-height: 745px !important;
  }
}

.w-745 {
  width: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-745 {
    width: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-745 {
    width: 745px !important;
  }
}

.w-min-745 {
  min-width: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-745 {
    min-width: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-745 {
    min-width: 745px !important;
  }
}

.w-max-745 {
  max-width: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-745 {
    max-width: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-745 {
    max-width: 745px !important;
  }
}

.h-746 {
  height: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-746 {
    height: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-746 {
    height: 746px !important;
  }
}

.h-min-746 {
  min-height: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-746 {
    min-height: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-746 {
    min-height: 746px !important;
  }
}

.h-max-746 {
  max-height: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-746 {
    max-height: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-746 {
    max-height: 746px !important;
  }
}

.w-746 {
  width: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-746 {
    width: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-746 {
    width: 746px !important;
  }
}

.w-min-746 {
  min-width: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-746 {
    min-width: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-746 {
    min-width: 746px !important;
  }
}

.w-max-746 {
  max-width: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-746 {
    max-width: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-746 {
    max-width: 746px !important;
  }
}

.h-747 {
  height: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-747 {
    height: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-747 {
    height: 747px !important;
  }
}

.h-min-747 {
  min-height: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-747 {
    min-height: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-747 {
    min-height: 747px !important;
  }
}

.h-max-747 {
  max-height: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-747 {
    max-height: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-747 {
    max-height: 747px !important;
  }
}

.w-747 {
  width: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-747 {
    width: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-747 {
    width: 747px !important;
  }
}

.w-min-747 {
  min-width: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-747 {
    min-width: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-747 {
    min-width: 747px !important;
  }
}

.w-max-747 {
  max-width: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-747 {
    max-width: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-747 {
    max-width: 747px !important;
  }
}

.h-748 {
  height: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-748 {
    height: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-748 {
    height: 748px !important;
  }
}

.h-min-748 {
  min-height: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-748 {
    min-height: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-748 {
    min-height: 748px !important;
  }
}

.h-max-748 {
  max-height: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-748 {
    max-height: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-748 {
    max-height: 748px !important;
  }
}

.w-748 {
  width: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-748 {
    width: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-748 {
    width: 748px !important;
  }
}

.w-min-748 {
  min-width: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-748 {
    min-width: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-748 {
    min-width: 748px !important;
  }
}

.w-max-748 {
  max-width: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-748 {
    max-width: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-748 {
    max-width: 748px !important;
  }
}

.h-749 {
  height: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-749 {
    height: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-749 {
    height: 749px !important;
  }
}

.h-min-749 {
  min-height: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-749 {
    min-height: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-749 {
    min-height: 749px !important;
  }
}

.h-max-749 {
  max-height: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-749 {
    max-height: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-749 {
    max-height: 749px !important;
  }
}

.w-749 {
  width: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-749 {
    width: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-749 {
    width: 749px !important;
  }
}

.w-min-749 {
  min-width: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-749 {
    min-width: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-749 {
    min-width: 749px !important;
  }
}

.w-max-749 {
  max-width: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-749 {
    max-width: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-749 {
    max-width: 749px !important;
  }
}

.h-750 {
  height: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-750 {
    height: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-750 {
    height: 750px !important;
  }
}

.h-min-750 {
  min-height: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-750 {
    min-height: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-750 {
    min-height: 750px !important;
  }
}

.h-max-750 {
  max-height: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-750 {
    max-height: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-750 {
    max-height: 750px !important;
  }
}

.w-750 {
  width: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-750 {
    width: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-750 {
    width: 750px !important;
  }
}

.w-min-750 {
  min-width: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-750 {
    min-width: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-750 {
    min-width: 750px !important;
  }
}

.w-max-750 {
  max-width: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-750 {
    max-width: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-750 {
    max-width: 750px !important;
  }
}

.h-751 {
  height: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-751 {
    height: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-751 {
    height: 751px !important;
  }
}

.h-min-751 {
  min-height: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-751 {
    min-height: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-751 {
    min-height: 751px !important;
  }
}

.h-max-751 {
  max-height: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-751 {
    max-height: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-751 {
    max-height: 751px !important;
  }
}

.w-751 {
  width: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-751 {
    width: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-751 {
    width: 751px !important;
  }
}

.w-min-751 {
  min-width: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-751 {
    min-width: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-751 {
    min-width: 751px !important;
  }
}

.w-max-751 {
  max-width: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-751 {
    max-width: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-751 {
    max-width: 751px !important;
  }
}

.h-752 {
  height: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-752 {
    height: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-752 {
    height: 752px !important;
  }
}

.h-min-752 {
  min-height: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-752 {
    min-height: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-752 {
    min-height: 752px !important;
  }
}

.h-max-752 {
  max-height: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-752 {
    max-height: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-752 {
    max-height: 752px !important;
  }
}

.w-752 {
  width: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-752 {
    width: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-752 {
    width: 752px !important;
  }
}

.w-min-752 {
  min-width: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-752 {
    min-width: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-752 {
    min-width: 752px !important;
  }
}

.w-max-752 {
  max-width: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-752 {
    max-width: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-752 {
    max-width: 752px !important;
  }
}

.h-753 {
  height: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-753 {
    height: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-753 {
    height: 753px !important;
  }
}

.h-min-753 {
  min-height: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-753 {
    min-height: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-753 {
    min-height: 753px !important;
  }
}

.h-max-753 {
  max-height: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-753 {
    max-height: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-753 {
    max-height: 753px !important;
  }
}

.w-753 {
  width: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-753 {
    width: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-753 {
    width: 753px !important;
  }
}

.w-min-753 {
  min-width: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-753 {
    min-width: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-753 {
    min-width: 753px !important;
  }
}

.w-max-753 {
  max-width: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-753 {
    max-width: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-753 {
    max-width: 753px !important;
  }
}

.h-754 {
  height: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-754 {
    height: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-754 {
    height: 754px !important;
  }
}

.h-min-754 {
  min-height: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-754 {
    min-height: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-754 {
    min-height: 754px !important;
  }
}

.h-max-754 {
  max-height: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-754 {
    max-height: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-754 {
    max-height: 754px !important;
  }
}

.w-754 {
  width: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-754 {
    width: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-754 {
    width: 754px !important;
  }
}

.w-min-754 {
  min-width: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-754 {
    min-width: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-754 {
    min-width: 754px !important;
  }
}

.w-max-754 {
  max-width: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-754 {
    max-width: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-754 {
    max-width: 754px !important;
  }
}

.h-755 {
  height: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-755 {
    height: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-755 {
    height: 755px !important;
  }
}

.h-min-755 {
  min-height: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-755 {
    min-height: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-755 {
    min-height: 755px !important;
  }
}

.h-max-755 {
  max-height: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-755 {
    max-height: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-755 {
    max-height: 755px !important;
  }
}

.w-755 {
  width: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-755 {
    width: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-755 {
    width: 755px !important;
  }
}

.w-min-755 {
  min-width: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-755 {
    min-width: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-755 {
    min-width: 755px !important;
  }
}

.w-max-755 {
  max-width: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-755 {
    max-width: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-755 {
    max-width: 755px !important;
  }
}

.h-756 {
  height: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-756 {
    height: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-756 {
    height: 756px !important;
  }
}

.h-min-756 {
  min-height: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-756 {
    min-height: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-756 {
    min-height: 756px !important;
  }
}

.h-max-756 {
  max-height: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-756 {
    max-height: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-756 {
    max-height: 756px !important;
  }
}

.w-756 {
  width: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-756 {
    width: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-756 {
    width: 756px !important;
  }
}

.w-min-756 {
  min-width: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-756 {
    min-width: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-756 {
    min-width: 756px !important;
  }
}

.w-max-756 {
  max-width: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-756 {
    max-width: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-756 {
    max-width: 756px !important;
  }
}

.h-757 {
  height: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-757 {
    height: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-757 {
    height: 757px !important;
  }
}

.h-min-757 {
  min-height: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-757 {
    min-height: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-757 {
    min-height: 757px !important;
  }
}

.h-max-757 {
  max-height: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-757 {
    max-height: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-757 {
    max-height: 757px !important;
  }
}

.w-757 {
  width: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-757 {
    width: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-757 {
    width: 757px !important;
  }
}

.w-min-757 {
  min-width: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-757 {
    min-width: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-757 {
    min-width: 757px !important;
  }
}

.w-max-757 {
  max-width: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-757 {
    max-width: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-757 {
    max-width: 757px !important;
  }
}

.h-758 {
  height: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-758 {
    height: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-758 {
    height: 758px !important;
  }
}

.h-min-758 {
  min-height: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-758 {
    min-height: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-758 {
    min-height: 758px !important;
  }
}

.h-max-758 {
  max-height: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-758 {
    max-height: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-758 {
    max-height: 758px !important;
  }
}

.w-758 {
  width: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-758 {
    width: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-758 {
    width: 758px !important;
  }
}

.w-min-758 {
  min-width: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-758 {
    min-width: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-758 {
    min-width: 758px !important;
  }
}

.w-max-758 {
  max-width: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-758 {
    max-width: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-758 {
    max-width: 758px !important;
  }
}

.h-759 {
  height: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-759 {
    height: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-759 {
    height: 759px !important;
  }
}

.h-min-759 {
  min-height: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-759 {
    min-height: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-759 {
    min-height: 759px !important;
  }
}

.h-max-759 {
  max-height: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-759 {
    max-height: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-759 {
    max-height: 759px !important;
  }
}

.w-759 {
  width: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-759 {
    width: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-759 {
    width: 759px !important;
  }
}

.w-min-759 {
  min-width: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-759 {
    min-width: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-759 {
    min-width: 759px !important;
  }
}

.w-max-759 {
  max-width: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-759 {
    max-width: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-759 {
    max-width: 759px !important;
  }
}

.h-760 {
  height: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-760 {
    height: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-760 {
    height: 760px !important;
  }
}

.h-min-760 {
  min-height: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-760 {
    min-height: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-760 {
    min-height: 760px !important;
  }
}

.h-max-760 {
  max-height: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-760 {
    max-height: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-760 {
    max-height: 760px !important;
  }
}

.w-760 {
  width: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-760 {
    width: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-760 {
    width: 760px !important;
  }
}

.w-min-760 {
  min-width: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-760 {
    min-width: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-760 {
    min-width: 760px !important;
  }
}

.w-max-760 {
  max-width: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-760 {
    max-width: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-760 {
    max-width: 760px !important;
  }
}

.h-761 {
  height: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-761 {
    height: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-761 {
    height: 761px !important;
  }
}

.h-min-761 {
  min-height: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-761 {
    min-height: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-761 {
    min-height: 761px !important;
  }
}

.h-max-761 {
  max-height: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-761 {
    max-height: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-761 {
    max-height: 761px !important;
  }
}

.w-761 {
  width: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-761 {
    width: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-761 {
    width: 761px !important;
  }
}

.w-min-761 {
  min-width: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-761 {
    min-width: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-761 {
    min-width: 761px !important;
  }
}

.w-max-761 {
  max-width: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-761 {
    max-width: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-761 {
    max-width: 761px !important;
  }
}

.h-762 {
  height: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-762 {
    height: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-762 {
    height: 762px !important;
  }
}

.h-min-762 {
  min-height: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-762 {
    min-height: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-762 {
    min-height: 762px !important;
  }
}

.h-max-762 {
  max-height: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-762 {
    max-height: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-762 {
    max-height: 762px !important;
  }
}

.w-762 {
  width: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-762 {
    width: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-762 {
    width: 762px !important;
  }
}

.w-min-762 {
  min-width: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-762 {
    min-width: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-762 {
    min-width: 762px !important;
  }
}

.w-max-762 {
  max-width: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-762 {
    max-width: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-762 {
    max-width: 762px !important;
  }
}

.h-763 {
  height: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-763 {
    height: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-763 {
    height: 763px !important;
  }
}

.h-min-763 {
  min-height: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-763 {
    min-height: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-763 {
    min-height: 763px !important;
  }
}

.h-max-763 {
  max-height: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-763 {
    max-height: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-763 {
    max-height: 763px !important;
  }
}

.w-763 {
  width: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-763 {
    width: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-763 {
    width: 763px !important;
  }
}

.w-min-763 {
  min-width: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-763 {
    min-width: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-763 {
    min-width: 763px !important;
  }
}

.w-max-763 {
  max-width: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-763 {
    max-width: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-763 {
    max-width: 763px !important;
  }
}

.h-764 {
  height: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-764 {
    height: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-764 {
    height: 764px !important;
  }
}

.h-min-764 {
  min-height: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-764 {
    min-height: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-764 {
    min-height: 764px !important;
  }
}

.h-max-764 {
  max-height: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-764 {
    max-height: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-764 {
    max-height: 764px !important;
  }
}

.w-764 {
  width: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-764 {
    width: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-764 {
    width: 764px !important;
  }
}

.w-min-764 {
  min-width: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-764 {
    min-width: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-764 {
    min-width: 764px !important;
  }
}

.w-max-764 {
  max-width: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-764 {
    max-width: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-764 {
    max-width: 764px !important;
  }
}

.h-765 {
  height: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-765 {
    height: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-765 {
    height: 765px !important;
  }
}

.h-min-765 {
  min-height: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-765 {
    min-height: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-765 {
    min-height: 765px !important;
  }
}

.h-max-765 {
  max-height: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-765 {
    max-height: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-765 {
    max-height: 765px !important;
  }
}

.w-765 {
  width: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-765 {
    width: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-765 {
    width: 765px !important;
  }
}

.w-min-765 {
  min-width: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-765 {
    min-width: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-765 {
    min-width: 765px !important;
  }
}

.w-max-765 {
  max-width: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-765 {
    max-width: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-765 {
    max-width: 765px !important;
  }
}

.h-766 {
  height: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-766 {
    height: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-766 {
    height: 766px !important;
  }
}

.h-min-766 {
  min-height: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-766 {
    min-height: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-766 {
    min-height: 766px !important;
  }
}

.h-max-766 {
  max-height: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-766 {
    max-height: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-766 {
    max-height: 766px !important;
  }
}

.w-766 {
  width: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-766 {
    width: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-766 {
    width: 766px !important;
  }
}

.w-min-766 {
  min-width: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-766 {
    min-width: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-766 {
    min-width: 766px !important;
  }
}

.w-max-766 {
  max-width: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-766 {
    max-width: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-766 {
    max-width: 766px !important;
  }
}

.h-perc-0 {
  height: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-0 {
    height: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-0 {
    height: 0% !important;
  }
}

.h-min-perc-0 {
  min-height: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-0 {
    min-height: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-0 {
    min-height: 0% !important;
  }
}

.h-max-perc-0 {
  max-height: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-0 {
    max-height: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-0 {
    max-height: 0% !important;
  }
}

.w-perc-0 {
  width: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-0 {
    width: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-0 {
    width: 0% !important;
  }
}

.w-min-perc-0 {
  min-width: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-0 {
    min-width: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-0 {
    min-width: 0% !important;
  }
}

.w-max-perc-0 {
  max-width: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-0 {
    max-width: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-0 {
    max-width: 0% !important;
  }
}

.h-perc-1 {
  height: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-1 {
    height: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-1 {
    height: 1% !important;
  }
}

.h-min-perc-1 {
  min-height: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-1 {
    min-height: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-1 {
    min-height: 1% !important;
  }
}

.h-max-perc-1 {
  max-height: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-1 {
    max-height: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-1 {
    max-height: 1% !important;
  }
}

.w-perc-1 {
  width: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-1 {
    width: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-1 {
    width: 1% !important;
  }
}

.w-min-perc-1 {
  min-width: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-1 {
    min-width: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-1 {
    min-width: 1% !important;
  }
}

.w-max-perc-1 {
  max-width: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-1 {
    max-width: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-1 {
    max-width: 1% !important;
  }
}

.h-perc-2 {
  height: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-2 {
    height: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-2 {
    height: 2% !important;
  }
}

.h-min-perc-2 {
  min-height: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-2 {
    min-height: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-2 {
    min-height: 2% !important;
  }
}

.h-max-perc-2 {
  max-height: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-2 {
    max-height: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-2 {
    max-height: 2% !important;
  }
}

.w-perc-2 {
  width: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-2 {
    width: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-2 {
    width: 2% !important;
  }
}

.w-min-perc-2 {
  min-width: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-2 {
    min-width: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-2 {
    min-width: 2% !important;
  }
}

.w-max-perc-2 {
  max-width: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-2 {
    max-width: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-2 {
    max-width: 2% !important;
  }
}

.h-perc-3 {
  height: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-3 {
    height: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-3 {
    height: 3% !important;
  }
}

.h-min-perc-3 {
  min-height: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-3 {
    min-height: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-3 {
    min-height: 3% !important;
  }
}

.h-max-perc-3 {
  max-height: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-3 {
    max-height: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-3 {
    max-height: 3% !important;
  }
}

.w-perc-3 {
  width: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-3 {
    width: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-3 {
    width: 3% !important;
  }
}

.w-min-perc-3 {
  min-width: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-3 {
    min-width: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-3 {
    min-width: 3% !important;
  }
}

.w-max-perc-3 {
  max-width: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-3 {
    max-width: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-3 {
    max-width: 3% !important;
  }
}

.h-perc-4 {
  height: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-4 {
    height: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-4 {
    height: 4% !important;
  }
}

.h-min-perc-4 {
  min-height: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-4 {
    min-height: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-4 {
    min-height: 4% !important;
  }
}

.h-max-perc-4 {
  max-height: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-4 {
    max-height: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-4 {
    max-height: 4% !important;
  }
}

.w-perc-4 {
  width: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-4 {
    width: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-4 {
    width: 4% !important;
  }
}

.w-min-perc-4 {
  min-width: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-4 {
    min-width: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-4 {
    min-width: 4% !important;
  }
}

.w-max-perc-4 {
  max-width: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-4 {
    max-width: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-4 {
    max-width: 4% !important;
  }
}

.h-perc-5 {
  height: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-5 {
    height: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-5 {
    height: 5% !important;
  }
}

.h-min-perc-5 {
  min-height: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-5 {
    min-height: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-5 {
    min-height: 5% !important;
  }
}

.h-max-perc-5 {
  max-height: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-5 {
    max-height: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-5 {
    max-height: 5% !important;
  }
}

.w-perc-5 {
  width: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-5 {
    width: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-5 {
    width: 5% !important;
  }
}

.w-min-perc-5 {
  min-width: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-5 {
    min-width: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-5 {
    min-width: 5% !important;
  }
}

.w-max-perc-5 {
  max-width: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-5 {
    max-width: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-5 {
    max-width: 5% !important;
  }
}

.h-perc-6 {
  height: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-6 {
    height: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-6 {
    height: 6% !important;
  }
}

.h-min-perc-6 {
  min-height: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-6 {
    min-height: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-6 {
    min-height: 6% !important;
  }
}

.h-max-perc-6 {
  max-height: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-6 {
    max-height: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-6 {
    max-height: 6% !important;
  }
}

.w-perc-6 {
  width: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-6 {
    width: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-6 {
    width: 6% !important;
  }
}

.w-min-perc-6 {
  min-width: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-6 {
    min-width: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-6 {
    min-width: 6% !important;
  }
}

.w-max-perc-6 {
  max-width: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-6 {
    max-width: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-6 {
    max-width: 6% !important;
  }
}

.h-perc-7 {
  height: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-7 {
    height: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-7 {
    height: 7% !important;
  }
}

.h-min-perc-7 {
  min-height: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-7 {
    min-height: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-7 {
    min-height: 7% !important;
  }
}

.h-max-perc-7 {
  max-height: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-7 {
    max-height: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-7 {
    max-height: 7% !important;
  }
}

.w-perc-7 {
  width: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-7 {
    width: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-7 {
    width: 7% !important;
  }
}

.w-min-perc-7 {
  min-width: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-7 {
    min-width: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-7 {
    min-width: 7% !important;
  }
}

.w-max-perc-7 {
  max-width: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-7 {
    max-width: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-7 {
    max-width: 7% !important;
  }
}

.h-perc-8 {
  height: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-8 {
    height: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-8 {
    height: 8% !important;
  }
}

.h-min-perc-8 {
  min-height: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-8 {
    min-height: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-8 {
    min-height: 8% !important;
  }
}

.h-max-perc-8 {
  max-height: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-8 {
    max-height: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-8 {
    max-height: 8% !important;
  }
}

.w-perc-8 {
  width: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-8 {
    width: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-8 {
    width: 8% !important;
  }
}

.w-min-perc-8 {
  min-width: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-8 {
    min-width: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-8 {
    min-width: 8% !important;
  }
}

.w-max-perc-8 {
  max-width: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-8 {
    max-width: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-8 {
    max-width: 8% !important;
  }
}

.h-perc-9 {
  height: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-9 {
    height: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-9 {
    height: 9% !important;
  }
}

.h-min-perc-9 {
  min-height: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-9 {
    min-height: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-9 {
    min-height: 9% !important;
  }
}

.h-max-perc-9 {
  max-height: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-9 {
    max-height: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-9 {
    max-height: 9% !important;
  }
}

.w-perc-9 {
  width: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-9 {
    width: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-9 {
    width: 9% !important;
  }
}

.w-min-perc-9 {
  min-width: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-9 {
    min-width: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-9 {
    min-width: 9% !important;
  }
}

.w-max-perc-9 {
  max-width: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-9 {
    max-width: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-9 {
    max-width: 9% !important;
  }
}

.h-perc-10 {
  height: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-10 {
    height: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-10 {
    height: 10% !important;
  }
}

.h-min-perc-10 {
  min-height: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-10 {
    min-height: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-10 {
    min-height: 10% !important;
  }
}

.h-max-perc-10 {
  max-height: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-10 {
    max-height: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-10 {
    max-height: 10% !important;
  }
}

.w-perc-10 {
  width: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-10 {
    width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-10 {
    width: 10% !important;
  }
}

.w-min-perc-10 {
  min-width: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-10 {
    min-width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-10 {
    min-width: 10% !important;
  }
}

.w-max-perc-10 {
  max-width: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-10 {
    max-width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-10 {
    max-width: 10% !important;
  }
}

.h-perc-11 {
  height: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-11 {
    height: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-11 {
    height: 11% !important;
  }
}

.h-min-perc-11 {
  min-height: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-11 {
    min-height: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-11 {
    min-height: 11% !important;
  }
}

.h-max-perc-11 {
  max-height: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-11 {
    max-height: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-11 {
    max-height: 11% !important;
  }
}

.w-perc-11 {
  width: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-11 {
    width: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-11 {
    width: 11% !important;
  }
}

.w-min-perc-11 {
  min-width: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-11 {
    min-width: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-11 {
    min-width: 11% !important;
  }
}

.w-max-perc-11 {
  max-width: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-11 {
    max-width: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-11 {
    max-width: 11% !important;
  }
}

.h-perc-12 {
  height: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-12 {
    height: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-12 {
    height: 12% !important;
  }
}

.h-min-perc-12 {
  min-height: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-12 {
    min-height: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-12 {
    min-height: 12% !important;
  }
}

.h-max-perc-12 {
  max-height: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-12 {
    max-height: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-12 {
    max-height: 12% !important;
  }
}

.w-perc-12 {
  width: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-12 {
    width: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-12 {
    width: 12% !important;
  }
}

.w-min-perc-12 {
  min-width: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-12 {
    min-width: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-12 {
    min-width: 12% !important;
  }
}

.w-max-perc-12 {
  max-width: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-12 {
    max-width: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-12 {
    max-width: 12% !important;
  }
}

.h-perc-13 {
  height: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-13 {
    height: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-13 {
    height: 13% !important;
  }
}

.h-min-perc-13 {
  min-height: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-13 {
    min-height: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-13 {
    min-height: 13% !important;
  }
}

.h-max-perc-13 {
  max-height: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-13 {
    max-height: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-13 {
    max-height: 13% !important;
  }
}

.w-perc-13 {
  width: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-13 {
    width: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-13 {
    width: 13% !important;
  }
}

.w-min-perc-13 {
  min-width: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-13 {
    min-width: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-13 {
    min-width: 13% !important;
  }
}

.w-max-perc-13 {
  max-width: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-13 {
    max-width: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-13 {
    max-width: 13% !important;
  }
}

.h-perc-14 {
  height: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-14 {
    height: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-14 {
    height: 14% !important;
  }
}

.h-min-perc-14 {
  min-height: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-14 {
    min-height: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-14 {
    min-height: 14% !important;
  }
}

.h-max-perc-14 {
  max-height: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-14 {
    max-height: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-14 {
    max-height: 14% !important;
  }
}

.w-perc-14 {
  width: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-14 {
    width: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-14 {
    width: 14% !important;
  }
}

.w-min-perc-14 {
  min-width: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-14 {
    min-width: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-14 {
    min-width: 14% !important;
  }
}

.w-max-perc-14 {
  max-width: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-14 {
    max-width: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-14 {
    max-width: 14% !important;
  }
}

.h-perc-15 {
  height: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-15 {
    height: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-15 {
    height: 15% !important;
  }
}

.h-min-perc-15 {
  min-height: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-15 {
    min-height: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-15 {
    min-height: 15% !important;
  }
}

.h-max-perc-15 {
  max-height: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-15 {
    max-height: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-15 {
    max-height: 15% !important;
  }
}

.w-perc-15 {
  width: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-15 {
    width: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-15 {
    width: 15% !important;
  }
}

.w-min-perc-15 {
  min-width: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-15 {
    min-width: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-15 {
    min-width: 15% !important;
  }
}

.w-max-perc-15 {
  max-width: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-15 {
    max-width: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-15 {
    max-width: 15% !important;
  }
}

.h-perc-16 {
  height: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-16 {
    height: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-16 {
    height: 16% !important;
  }
}

.h-min-perc-16 {
  min-height: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-16 {
    min-height: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-16 {
    min-height: 16% !important;
  }
}

.h-max-perc-16 {
  max-height: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-16 {
    max-height: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-16 {
    max-height: 16% !important;
  }
}

.w-perc-16 {
  width: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-16 {
    width: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-16 {
    width: 16% !important;
  }
}

.w-min-perc-16 {
  min-width: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-16 {
    min-width: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-16 {
    min-width: 16% !important;
  }
}

.w-max-perc-16 {
  max-width: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-16 {
    max-width: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-16 {
    max-width: 16% !important;
  }
}

.h-perc-17 {
  height: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-17 {
    height: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-17 {
    height: 17% !important;
  }
}

.h-min-perc-17 {
  min-height: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-17 {
    min-height: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-17 {
    min-height: 17% !important;
  }
}

.h-max-perc-17 {
  max-height: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-17 {
    max-height: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-17 {
    max-height: 17% !important;
  }
}

.w-perc-17 {
  width: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-17 {
    width: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-17 {
    width: 17% !important;
  }
}

.w-min-perc-17 {
  min-width: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-17 {
    min-width: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-17 {
    min-width: 17% !important;
  }
}

.w-max-perc-17 {
  max-width: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-17 {
    max-width: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-17 {
    max-width: 17% !important;
  }
}

.h-perc-18 {
  height: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-18 {
    height: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-18 {
    height: 18% !important;
  }
}

.h-min-perc-18 {
  min-height: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-18 {
    min-height: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-18 {
    min-height: 18% !important;
  }
}

.h-max-perc-18 {
  max-height: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-18 {
    max-height: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-18 {
    max-height: 18% !important;
  }
}

.w-perc-18 {
  width: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-18 {
    width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-18 {
    width: 18% !important;
  }
}

.w-min-perc-18 {
  min-width: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-18 {
    min-width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-18 {
    min-width: 18% !important;
  }
}

.w-max-perc-18 {
  max-width: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-18 {
    max-width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-18 {
    max-width: 18% !important;
  }
}

.h-perc-19 {
  height: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-19 {
    height: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-19 {
    height: 19% !important;
  }
}

.h-min-perc-19 {
  min-height: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-19 {
    min-height: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-19 {
    min-height: 19% !important;
  }
}

.h-max-perc-19 {
  max-height: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-19 {
    max-height: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-19 {
    max-height: 19% !important;
  }
}

.w-perc-19 {
  width: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-19 {
    width: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-19 {
    width: 19% !important;
  }
}

.w-min-perc-19 {
  min-width: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-19 {
    min-width: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-19 {
    min-width: 19% !important;
  }
}

.w-max-perc-19 {
  max-width: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-19 {
    max-width: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-19 {
    max-width: 19% !important;
  }
}

.h-perc-20 {
  height: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-20 {
    height: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-20 {
    height: 20% !important;
  }
}

.h-min-perc-20 {
  min-height: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-20 {
    min-height: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-20 {
    min-height: 20% !important;
  }
}

.h-max-perc-20 {
  max-height: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-20 {
    max-height: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-20 {
    max-height: 20% !important;
  }
}

.w-perc-20 {
  width: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-20 {
    width: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-20 {
    width: 20% !important;
  }
}

.w-min-perc-20 {
  min-width: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-20 {
    min-width: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-20 {
    min-width: 20% !important;
  }
}

.w-max-perc-20 {
  max-width: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-20 {
    max-width: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-20 {
    max-width: 20% !important;
  }
}

.h-perc-21 {
  height: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-21 {
    height: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-21 {
    height: 21% !important;
  }
}

.h-min-perc-21 {
  min-height: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-21 {
    min-height: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-21 {
    min-height: 21% !important;
  }
}

.h-max-perc-21 {
  max-height: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-21 {
    max-height: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-21 {
    max-height: 21% !important;
  }
}

.w-perc-21 {
  width: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-21 {
    width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-21 {
    width: 21% !important;
  }
}

.w-min-perc-21 {
  min-width: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-21 {
    min-width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-21 {
    min-width: 21% !important;
  }
}

.w-max-perc-21 {
  max-width: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-21 {
    max-width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-21 {
    max-width: 21% !important;
  }
}

.h-perc-22 {
  height: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-22 {
    height: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-22 {
    height: 22% !important;
  }
}

.h-min-perc-22 {
  min-height: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-22 {
    min-height: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-22 {
    min-height: 22% !important;
  }
}

.h-max-perc-22 {
  max-height: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-22 {
    max-height: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-22 {
    max-height: 22% !important;
  }
}

.w-perc-22 {
  width: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-22 {
    width: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-22 {
    width: 22% !important;
  }
}

.w-min-perc-22 {
  min-width: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-22 {
    min-width: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-22 {
    min-width: 22% !important;
  }
}

.w-max-perc-22 {
  max-width: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-22 {
    max-width: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-22 {
    max-width: 22% !important;
  }
}

.h-perc-23 {
  height: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-23 {
    height: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-23 {
    height: 23% !important;
  }
}

.h-min-perc-23 {
  min-height: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-23 {
    min-height: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-23 {
    min-height: 23% !important;
  }
}

.h-max-perc-23 {
  max-height: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-23 {
    max-height: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-23 {
    max-height: 23% !important;
  }
}

.w-perc-23 {
  width: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-23 {
    width: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-23 {
    width: 23% !important;
  }
}

.w-min-perc-23 {
  min-width: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-23 {
    min-width: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-23 {
    min-width: 23% !important;
  }
}

.w-max-perc-23 {
  max-width: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-23 {
    max-width: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-23 {
    max-width: 23% !important;
  }
}

.h-perc-24 {
  height: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-24 {
    height: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-24 {
    height: 24% !important;
  }
}

.h-min-perc-24 {
  min-height: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-24 {
    min-height: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-24 {
    min-height: 24% !important;
  }
}

.h-max-perc-24 {
  max-height: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-24 {
    max-height: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-24 {
    max-height: 24% !important;
  }
}

.w-perc-24 {
  width: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-24 {
    width: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-24 {
    width: 24% !important;
  }
}

.w-min-perc-24 {
  min-width: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-24 {
    min-width: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-24 {
    min-width: 24% !important;
  }
}

.w-max-perc-24 {
  max-width: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-24 {
    max-width: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-24 {
    max-width: 24% !important;
  }
}

.h-perc-25 {
  height: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-25 {
    height: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-25 {
    height: 25% !important;
  }
}

.h-min-perc-25 {
  min-height: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-25 {
    min-height: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-25 {
    min-height: 25% !important;
  }
}

.h-max-perc-25 {
  max-height: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-25 {
    max-height: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-25 {
    max-height: 25% !important;
  }
}

.w-perc-25 {
  width: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-25 {
    width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-25 {
    width: 25% !important;
  }
}

.w-min-perc-25 {
  min-width: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-25 {
    min-width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-25 {
    min-width: 25% !important;
  }
}

.w-max-perc-25 {
  max-width: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-25 {
    max-width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-25 {
    max-width: 25% !important;
  }
}

.h-perc-26 {
  height: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-26 {
    height: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-26 {
    height: 26% !important;
  }
}

.h-min-perc-26 {
  min-height: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-26 {
    min-height: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-26 {
    min-height: 26% !important;
  }
}

.h-max-perc-26 {
  max-height: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-26 {
    max-height: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-26 {
    max-height: 26% !important;
  }
}

.w-perc-26 {
  width: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-26 {
    width: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-26 {
    width: 26% !important;
  }
}

.w-min-perc-26 {
  min-width: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-26 {
    min-width: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-26 {
    min-width: 26% !important;
  }
}

.w-max-perc-26 {
  max-width: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-26 {
    max-width: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-26 {
    max-width: 26% !important;
  }
}

.h-perc-27 {
  height: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-27 {
    height: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-27 {
    height: 27% !important;
  }
}

.h-min-perc-27 {
  min-height: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-27 {
    min-height: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-27 {
    min-height: 27% !important;
  }
}

.h-max-perc-27 {
  max-height: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-27 {
    max-height: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-27 {
    max-height: 27% !important;
  }
}

.w-perc-27 {
  width: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-27 {
    width: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-27 {
    width: 27% !important;
  }
}

.w-min-perc-27 {
  min-width: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-27 {
    min-width: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-27 {
    min-width: 27% !important;
  }
}

.w-max-perc-27 {
  max-width: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-27 {
    max-width: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-27 {
    max-width: 27% !important;
  }
}

.h-perc-28 {
  height: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-28 {
    height: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-28 {
    height: 28% !important;
  }
}

.h-min-perc-28 {
  min-height: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-28 {
    min-height: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-28 {
    min-height: 28% !important;
  }
}

.h-max-perc-28 {
  max-height: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-28 {
    max-height: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-28 {
    max-height: 28% !important;
  }
}

.w-perc-28 {
  width: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-28 {
    width: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-28 {
    width: 28% !important;
  }
}

.w-min-perc-28 {
  min-width: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-28 {
    min-width: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-28 {
    min-width: 28% !important;
  }
}

.w-max-perc-28 {
  max-width: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-28 {
    max-width: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-28 {
    max-width: 28% !important;
  }
}

.h-perc-29 {
  height: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-29 {
    height: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-29 {
    height: 29% !important;
  }
}

.h-min-perc-29 {
  min-height: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-29 {
    min-height: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-29 {
    min-height: 29% !important;
  }
}

.h-max-perc-29 {
  max-height: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-29 {
    max-height: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-29 {
    max-height: 29% !important;
  }
}

.w-perc-29 {
  width: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-29 {
    width: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-29 {
    width: 29% !important;
  }
}

.w-min-perc-29 {
  min-width: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-29 {
    min-width: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-29 {
    min-width: 29% !important;
  }
}

.w-max-perc-29 {
  max-width: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-29 {
    max-width: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-29 {
    max-width: 29% !important;
  }
}

.h-perc-30 {
  height: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-30 {
    height: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-30 {
    height: 30% !important;
  }
}

.h-min-perc-30 {
  min-height: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-30 {
    min-height: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-30 {
    min-height: 30% !important;
  }
}

.h-max-perc-30 {
  max-height: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-30 {
    max-height: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-30 {
    max-height: 30% !important;
  }
}

.w-perc-30 {
  width: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-30 {
    width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-30 {
    width: 30% !important;
  }
}

.w-min-perc-30 {
  min-width: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-30 {
    min-width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-30 {
    min-width: 30% !important;
  }
}

.w-max-perc-30 {
  max-width: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-30 {
    max-width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-30 {
    max-width: 30% !important;
  }
}

.h-perc-31 {
  height: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-31 {
    height: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-31 {
    height: 31% !important;
  }
}

.h-min-perc-31 {
  min-height: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-31 {
    min-height: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-31 {
    min-height: 31% !important;
  }
}

.h-max-perc-31 {
  max-height: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-31 {
    max-height: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-31 {
    max-height: 31% !important;
  }
}

.w-perc-31 {
  width: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-31 {
    width: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-31 {
    width: 31% !important;
  }
}

.w-min-perc-31 {
  min-width: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-31 {
    min-width: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-31 {
    min-width: 31% !important;
  }
}

.w-max-perc-31 {
  max-width: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-31 {
    max-width: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-31 {
    max-width: 31% !important;
  }
}

.h-perc-32 {
  height: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-32 {
    height: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-32 {
    height: 32% !important;
  }
}

.h-min-perc-32 {
  min-height: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-32 {
    min-height: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-32 {
    min-height: 32% !important;
  }
}

.h-max-perc-32 {
  max-height: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-32 {
    max-height: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-32 {
    max-height: 32% !important;
  }
}

.w-perc-32 {
  width: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-32 {
    width: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-32 {
    width: 32% !important;
  }
}

.w-min-perc-32 {
  min-width: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-32 {
    min-width: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-32 {
    min-width: 32% !important;
  }
}

.w-max-perc-32 {
  max-width: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-32 {
    max-width: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-32 {
    max-width: 32% !important;
  }
}

.h-perc-33 {
  height: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-33 {
    height: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-33 {
    height: 33% !important;
  }
}

.h-min-perc-33 {
  min-height: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-33 {
    min-height: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-33 {
    min-height: 33% !important;
  }
}

.h-max-perc-33 {
  max-height: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-33 {
    max-height: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-33 {
    max-height: 33% !important;
  }
}

.w-perc-33 {
  width: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-33 {
    width: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-33 {
    width: 33% !important;
  }
}

.w-min-perc-33 {
  min-width: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-33 {
    min-width: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-33 {
    min-width: 33% !important;
  }
}

.w-max-perc-33 {
  max-width: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-33 {
    max-width: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-33 {
    max-width: 33% !important;
  }
}

.h-perc-34 {
  height: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-34 {
    height: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-34 {
    height: 34% !important;
  }
}

.h-min-perc-34 {
  min-height: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-34 {
    min-height: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-34 {
    min-height: 34% !important;
  }
}

.h-max-perc-34 {
  max-height: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-34 {
    max-height: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-34 {
    max-height: 34% !important;
  }
}

.w-perc-34 {
  width: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-34 {
    width: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-34 {
    width: 34% !important;
  }
}

.w-min-perc-34 {
  min-width: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-34 {
    min-width: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-34 {
    min-width: 34% !important;
  }
}

.w-max-perc-34 {
  max-width: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-34 {
    max-width: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-34 {
    max-width: 34% !important;
  }
}

.h-perc-35 {
  height: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-35 {
    height: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-35 {
    height: 35% !important;
  }
}

.h-min-perc-35 {
  min-height: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-35 {
    min-height: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-35 {
    min-height: 35% !important;
  }
}

.h-max-perc-35 {
  max-height: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-35 {
    max-height: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-35 {
    max-height: 35% !important;
  }
}

.w-perc-35 {
  width: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-35 {
    width: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-35 {
    width: 35% !important;
  }
}

.w-min-perc-35 {
  min-width: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-35 {
    min-width: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-35 {
    min-width: 35% !important;
  }
}

.w-max-perc-35 {
  max-width: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-35 {
    max-width: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-35 {
    max-width: 35% !important;
  }
}

.h-perc-36 {
  height: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-36 {
    height: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-36 {
    height: 36% !important;
  }
}

.h-min-perc-36 {
  min-height: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-36 {
    min-height: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-36 {
    min-height: 36% !important;
  }
}

.h-max-perc-36 {
  max-height: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-36 {
    max-height: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-36 {
    max-height: 36% !important;
  }
}

.w-perc-36 {
  width: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-36 {
    width: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-36 {
    width: 36% !important;
  }
}

.w-min-perc-36 {
  min-width: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-36 {
    min-width: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-36 {
    min-width: 36% !important;
  }
}

.w-max-perc-36 {
  max-width: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-36 {
    max-width: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-36 {
    max-width: 36% !important;
  }
}

.h-perc-37 {
  height: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-37 {
    height: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-37 {
    height: 37% !important;
  }
}

.h-min-perc-37 {
  min-height: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-37 {
    min-height: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-37 {
    min-height: 37% !important;
  }
}

.h-max-perc-37 {
  max-height: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-37 {
    max-height: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-37 {
    max-height: 37% !important;
  }
}

.w-perc-37 {
  width: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-37 {
    width: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-37 {
    width: 37% !important;
  }
}

.w-min-perc-37 {
  min-width: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-37 {
    min-width: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-37 {
    min-width: 37% !important;
  }
}

.w-max-perc-37 {
  max-width: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-37 {
    max-width: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-37 {
    max-width: 37% !important;
  }
}

.h-perc-38 {
  height: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-38 {
    height: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-38 {
    height: 38% !important;
  }
}

.h-min-perc-38 {
  min-height: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-38 {
    min-height: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-38 {
    min-height: 38% !important;
  }
}

.h-max-perc-38 {
  max-height: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-38 {
    max-height: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-38 {
    max-height: 38% !important;
  }
}

.w-perc-38 {
  width: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-38 {
    width: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-38 {
    width: 38% !important;
  }
}

.w-min-perc-38 {
  min-width: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-38 {
    min-width: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-38 {
    min-width: 38% !important;
  }
}

.w-max-perc-38 {
  max-width: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-38 {
    max-width: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-38 {
    max-width: 38% !important;
  }
}

.h-perc-39 {
  height: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-39 {
    height: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-39 {
    height: 39% !important;
  }
}

.h-min-perc-39 {
  min-height: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-39 {
    min-height: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-39 {
    min-height: 39% !important;
  }
}

.h-max-perc-39 {
  max-height: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-39 {
    max-height: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-39 {
    max-height: 39% !important;
  }
}

.w-perc-39 {
  width: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-39 {
    width: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-39 {
    width: 39% !important;
  }
}

.w-min-perc-39 {
  min-width: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-39 {
    min-width: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-39 {
    min-width: 39% !important;
  }
}

.w-max-perc-39 {
  max-width: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-39 {
    max-width: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-39 {
    max-width: 39% !important;
  }
}

.h-perc-40 {
  height: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-40 {
    height: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-40 {
    height: 40% !important;
  }
}

.h-min-perc-40 {
  min-height: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-40 {
    min-height: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-40 {
    min-height: 40% !important;
  }
}

.h-max-perc-40 {
  max-height: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-40 {
    max-height: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-40 {
    max-height: 40% !important;
  }
}

.w-perc-40 {
  width: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-40 {
    width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-40 {
    width: 40% !important;
  }
}

.w-min-perc-40 {
  min-width: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-40 {
    min-width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-40 {
    min-width: 40% !important;
  }
}

.w-max-perc-40 {
  max-width: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-40 {
    max-width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-40 {
    max-width: 40% !important;
  }
}

.h-perc-41 {
  height: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-41 {
    height: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-41 {
    height: 41% !important;
  }
}

.h-min-perc-41 {
  min-height: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-41 {
    min-height: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-41 {
    min-height: 41% !important;
  }
}

.h-max-perc-41 {
  max-height: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-41 {
    max-height: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-41 {
    max-height: 41% !important;
  }
}

.w-perc-41 {
  width: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-41 {
    width: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-41 {
    width: 41% !important;
  }
}

.w-min-perc-41 {
  min-width: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-41 {
    min-width: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-41 {
    min-width: 41% !important;
  }
}

.w-max-perc-41 {
  max-width: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-41 {
    max-width: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-41 {
    max-width: 41% !important;
  }
}

.h-perc-42 {
  height: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-42 {
    height: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-42 {
    height: 42% !important;
  }
}

.h-min-perc-42 {
  min-height: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-42 {
    min-height: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-42 {
    min-height: 42% !important;
  }
}

.h-max-perc-42 {
  max-height: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-42 {
    max-height: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-42 {
    max-height: 42% !important;
  }
}

.w-perc-42 {
  width: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-42 {
    width: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-42 {
    width: 42% !important;
  }
}

.w-min-perc-42 {
  min-width: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-42 {
    min-width: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-42 {
    min-width: 42% !important;
  }
}

.w-max-perc-42 {
  max-width: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-42 {
    max-width: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-42 {
    max-width: 42% !important;
  }
}

.h-perc-43 {
  height: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-43 {
    height: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-43 {
    height: 43% !important;
  }
}

.h-min-perc-43 {
  min-height: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-43 {
    min-height: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-43 {
    min-height: 43% !important;
  }
}

.h-max-perc-43 {
  max-height: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-43 {
    max-height: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-43 {
    max-height: 43% !important;
  }
}

.w-perc-43 {
  width: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-43 {
    width: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-43 {
    width: 43% !important;
  }
}

.w-min-perc-43 {
  min-width: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-43 {
    min-width: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-43 {
    min-width: 43% !important;
  }
}

.w-max-perc-43 {
  max-width: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-43 {
    max-width: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-43 {
    max-width: 43% !important;
  }
}

.h-perc-44 {
  height: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-44 {
    height: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-44 {
    height: 44% !important;
  }
}

.h-min-perc-44 {
  min-height: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-44 {
    min-height: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-44 {
    min-height: 44% !important;
  }
}

.h-max-perc-44 {
  max-height: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-44 {
    max-height: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-44 {
    max-height: 44% !important;
  }
}

.w-perc-44 {
  width: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-44 {
    width: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-44 {
    width: 44% !important;
  }
}

.w-min-perc-44 {
  min-width: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-44 {
    min-width: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-44 {
    min-width: 44% !important;
  }
}

.w-max-perc-44 {
  max-width: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-44 {
    max-width: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-44 {
    max-width: 44% !important;
  }
}

.h-perc-45 {
  height: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-45 {
    height: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-45 {
    height: 45% !important;
  }
}

.h-min-perc-45 {
  min-height: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-45 {
    min-height: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-45 {
    min-height: 45% !important;
  }
}

.h-max-perc-45 {
  max-height: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-45 {
    max-height: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-45 {
    max-height: 45% !important;
  }
}

.w-perc-45 {
  width: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-45 {
    width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-45 {
    width: 45% !important;
  }
}

.w-min-perc-45 {
  min-width: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-45 {
    min-width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-45 {
    min-width: 45% !important;
  }
}

.w-max-perc-45 {
  max-width: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-45 {
    max-width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-45 {
    max-width: 45% !important;
  }
}

.h-perc-46 {
  height: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-46 {
    height: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-46 {
    height: 46% !important;
  }
}

.h-min-perc-46 {
  min-height: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-46 {
    min-height: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-46 {
    min-height: 46% !important;
  }
}

.h-max-perc-46 {
  max-height: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-46 {
    max-height: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-46 {
    max-height: 46% !important;
  }
}

.w-perc-46 {
  width: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-46 {
    width: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-46 {
    width: 46% !important;
  }
}

.w-min-perc-46 {
  min-width: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-46 {
    min-width: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-46 {
    min-width: 46% !important;
  }
}

.w-max-perc-46 {
  max-width: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-46 {
    max-width: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-46 {
    max-width: 46% !important;
  }
}

.h-perc-47 {
  height: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-47 {
    height: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-47 {
    height: 47% !important;
  }
}

.h-min-perc-47 {
  min-height: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-47 {
    min-height: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-47 {
    min-height: 47% !important;
  }
}

.h-max-perc-47 {
  max-height: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-47 {
    max-height: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-47 {
    max-height: 47% !important;
  }
}

.w-perc-47 {
  width: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-47 {
    width: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-47 {
    width: 47% !important;
  }
}

.w-min-perc-47 {
  min-width: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-47 {
    min-width: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-47 {
    min-width: 47% !important;
  }
}

.w-max-perc-47 {
  max-width: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-47 {
    max-width: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-47 {
    max-width: 47% !important;
  }
}

.h-perc-48 {
  height: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-48 {
    height: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-48 {
    height: 48% !important;
  }
}

.h-min-perc-48 {
  min-height: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-48 {
    min-height: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-48 {
    min-height: 48% !important;
  }
}

.h-max-perc-48 {
  max-height: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-48 {
    max-height: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-48 {
    max-height: 48% !important;
  }
}

.w-perc-48 {
  width: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-48 {
    width: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-48 {
    width: 48% !important;
  }
}

.w-min-perc-48 {
  min-width: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-48 {
    min-width: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-48 {
    min-width: 48% !important;
  }
}

.w-max-perc-48 {
  max-width: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-48 {
    max-width: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-48 {
    max-width: 48% !important;
  }
}

.h-perc-49 {
  height: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-49 {
    height: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-49 {
    height: 49% !important;
  }
}

.h-min-perc-49 {
  min-height: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-49 {
    min-height: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-49 {
    min-height: 49% !important;
  }
}

.h-max-perc-49 {
  max-height: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-49 {
    max-height: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-49 {
    max-height: 49% !important;
  }
}

.w-perc-49 {
  width: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-49 {
    width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-49 {
    width: 49% !important;
  }
}

.w-min-perc-49 {
  min-width: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-49 {
    min-width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-49 {
    min-width: 49% !important;
  }
}

.w-max-perc-49 {
  max-width: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-49 {
    max-width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-49 {
    max-width: 49% !important;
  }
}

.h-perc-50 {
  height: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-50 {
    height: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-50 {
    height: 50% !important;
  }
}

.h-min-perc-50 {
  min-height: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-50 {
    min-height: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-50 {
    min-height: 50% !important;
  }
}

.h-max-perc-50 {
  max-height: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-50 {
    max-height: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-50 {
    max-height: 50% !important;
  }
}

.w-perc-50 {
  width: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-50 {
    width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-50 {
    width: 50% !important;
  }
}

.w-min-perc-50 {
  min-width: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-50 {
    min-width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-50 {
    min-width: 50% !important;
  }
}

.w-max-perc-50 {
  max-width: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-50 {
    max-width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-50 {
    max-width: 50% !important;
  }
}

.h-perc-51 {
  height: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-51 {
    height: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-51 {
    height: 51% !important;
  }
}

.h-min-perc-51 {
  min-height: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-51 {
    min-height: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-51 {
    min-height: 51% !important;
  }
}

.h-max-perc-51 {
  max-height: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-51 {
    max-height: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-51 {
    max-height: 51% !important;
  }
}

.w-perc-51 {
  width: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-51 {
    width: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-51 {
    width: 51% !important;
  }
}

.w-min-perc-51 {
  min-width: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-51 {
    min-width: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-51 {
    min-width: 51% !important;
  }
}

.w-max-perc-51 {
  max-width: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-51 {
    max-width: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-51 {
    max-width: 51% !important;
  }
}

.h-perc-52 {
  height: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-52 {
    height: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-52 {
    height: 52% !important;
  }
}

.h-min-perc-52 {
  min-height: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-52 {
    min-height: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-52 {
    min-height: 52% !important;
  }
}

.h-max-perc-52 {
  max-height: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-52 {
    max-height: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-52 {
    max-height: 52% !important;
  }
}

.w-perc-52 {
  width: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-52 {
    width: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-52 {
    width: 52% !important;
  }
}

.w-min-perc-52 {
  min-width: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-52 {
    min-width: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-52 {
    min-width: 52% !important;
  }
}

.w-max-perc-52 {
  max-width: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-52 {
    max-width: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-52 {
    max-width: 52% !important;
  }
}

.h-perc-53 {
  height: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-53 {
    height: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-53 {
    height: 53% !important;
  }
}

.h-min-perc-53 {
  min-height: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-53 {
    min-height: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-53 {
    min-height: 53% !important;
  }
}

.h-max-perc-53 {
  max-height: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-53 {
    max-height: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-53 {
    max-height: 53% !important;
  }
}

.w-perc-53 {
  width: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-53 {
    width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-53 {
    width: 53% !important;
  }
}

.w-min-perc-53 {
  min-width: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-53 {
    min-width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-53 {
    min-width: 53% !important;
  }
}

.w-max-perc-53 {
  max-width: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-53 {
    max-width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-53 {
    max-width: 53% !important;
  }
}

.h-perc-54 {
  height: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-54 {
    height: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-54 {
    height: 54% !important;
  }
}

.h-min-perc-54 {
  min-height: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-54 {
    min-height: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-54 {
    min-height: 54% !important;
  }
}

.h-max-perc-54 {
  max-height: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-54 {
    max-height: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-54 {
    max-height: 54% !important;
  }
}

.w-perc-54 {
  width: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-54 {
    width: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-54 {
    width: 54% !important;
  }
}

.w-min-perc-54 {
  min-width: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-54 {
    min-width: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-54 {
    min-width: 54% !important;
  }
}

.w-max-perc-54 {
  max-width: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-54 {
    max-width: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-54 {
    max-width: 54% !important;
  }
}

.h-perc-55 {
  height: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-55 {
    height: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-55 {
    height: 55% !important;
  }
}

.h-min-perc-55 {
  min-height: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-55 {
    min-height: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-55 {
    min-height: 55% !important;
  }
}

.h-max-perc-55 {
  max-height: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-55 {
    max-height: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-55 {
    max-height: 55% !important;
  }
}

.w-perc-55 {
  width: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-55 {
    width: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-55 {
    width: 55% !important;
  }
}

.w-min-perc-55 {
  min-width: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-55 {
    min-width: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-55 {
    min-width: 55% !important;
  }
}

.w-max-perc-55 {
  max-width: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-55 {
    max-width: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-55 {
    max-width: 55% !important;
  }
}

.h-perc-56 {
  height: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-56 {
    height: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-56 {
    height: 56% !important;
  }
}

.h-min-perc-56 {
  min-height: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-56 {
    min-height: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-56 {
    min-height: 56% !important;
  }
}

.h-max-perc-56 {
  max-height: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-56 {
    max-height: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-56 {
    max-height: 56% !important;
  }
}

.w-perc-56 {
  width: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-56 {
    width: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-56 {
    width: 56% !important;
  }
}

.w-min-perc-56 {
  min-width: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-56 {
    min-width: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-56 {
    min-width: 56% !important;
  }
}

.w-max-perc-56 {
  max-width: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-56 {
    max-width: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-56 {
    max-width: 56% !important;
  }
}

.h-perc-57 {
  height: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-57 {
    height: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-57 {
    height: 57% !important;
  }
}

.h-min-perc-57 {
  min-height: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-57 {
    min-height: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-57 {
    min-height: 57% !important;
  }
}

.h-max-perc-57 {
  max-height: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-57 {
    max-height: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-57 {
    max-height: 57% !important;
  }
}

.w-perc-57 {
  width: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-57 {
    width: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-57 {
    width: 57% !important;
  }
}

.w-min-perc-57 {
  min-width: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-57 {
    min-width: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-57 {
    min-width: 57% !important;
  }
}

.w-max-perc-57 {
  max-width: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-57 {
    max-width: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-57 {
    max-width: 57% !important;
  }
}

.h-perc-58 {
  height: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-58 {
    height: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-58 {
    height: 58% !important;
  }
}

.h-min-perc-58 {
  min-height: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-58 {
    min-height: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-58 {
    min-height: 58% !important;
  }
}

.h-max-perc-58 {
  max-height: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-58 {
    max-height: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-58 {
    max-height: 58% !important;
  }
}

.w-perc-58 {
  width: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-58 {
    width: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-58 {
    width: 58% !important;
  }
}

.w-min-perc-58 {
  min-width: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-58 {
    min-width: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-58 {
    min-width: 58% !important;
  }
}

.w-max-perc-58 {
  max-width: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-58 {
    max-width: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-58 {
    max-width: 58% !important;
  }
}

.h-perc-59 {
  height: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-59 {
    height: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-59 {
    height: 59% !important;
  }
}

.h-min-perc-59 {
  min-height: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-59 {
    min-height: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-59 {
    min-height: 59% !important;
  }
}

.h-max-perc-59 {
  max-height: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-59 {
    max-height: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-59 {
    max-height: 59% !important;
  }
}

.w-perc-59 {
  width: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-59 {
    width: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-59 {
    width: 59% !important;
  }
}

.w-min-perc-59 {
  min-width: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-59 {
    min-width: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-59 {
    min-width: 59% !important;
  }
}

.w-max-perc-59 {
  max-width: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-59 {
    max-width: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-59 {
    max-width: 59% !important;
  }
}

.h-perc-60 {
  height: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-60 {
    height: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-60 {
    height: 60% !important;
  }
}

.h-min-perc-60 {
  min-height: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-60 {
    min-height: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-60 {
    min-height: 60% !important;
  }
}

.h-max-perc-60 {
  max-height: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-60 {
    max-height: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-60 {
    max-height: 60% !important;
  }
}

.w-perc-60 {
  width: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-60 {
    width: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-60 {
    width: 60% !important;
  }
}

.w-min-perc-60 {
  min-width: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-60 {
    min-width: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-60 {
    min-width: 60% !important;
  }
}

.w-max-perc-60 {
  max-width: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-60 {
    max-width: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-60 {
    max-width: 60% !important;
  }
}

.h-perc-61 {
  height: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-61 {
    height: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-61 {
    height: 61% !important;
  }
}

.h-min-perc-61 {
  min-height: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-61 {
    min-height: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-61 {
    min-height: 61% !important;
  }
}

.h-max-perc-61 {
  max-height: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-61 {
    max-height: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-61 {
    max-height: 61% !important;
  }
}

.w-perc-61 {
  width: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-61 {
    width: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-61 {
    width: 61% !important;
  }
}

.w-min-perc-61 {
  min-width: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-61 {
    min-width: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-61 {
    min-width: 61% !important;
  }
}

.w-max-perc-61 {
  max-width: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-61 {
    max-width: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-61 {
    max-width: 61% !important;
  }
}

.h-perc-62 {
  height: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-62 {
    height: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-62 {
    height: 62% !important;
  }
}

.h-min-perc-62 {
  min-height: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-62 {
    min-height: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-62 {
    min-height: 62% !important;
  }
}

.h-max-perc-62 {
  max-height: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-62 {
    max-height: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-62 {
    max-height: 62% !important;
  }
}

.w-perc-62 {
  width: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-62 {
    width: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-62 {
    width: 62% !important;
  }
}

.w-min-perc-62 {
  min-width: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-62 {
    min-width: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-62 {
    min-width: 62% !important;
  }
}

.w-max-perc-62 {
  max-width: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-62 {
    max-width: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-62 {
    max-width: 62% !important;
  }
}

.h-perc-63 {
  height: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-63 {
    height: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-63 {
    height: 63% !important;
  }
}

.h-min-perc-63 {
  min-height: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-63 {
    min-height: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-63 {
    min-height: 63% !important;
  }
}

.h-max-perc-63 {
  max-height: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-63 {
    max-height: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-63 {
    max-height: 63% !important;
  }
}

.w-perc-63 {
  width: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-63 {
    width: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-63 {
    width: 63% !important;
  }
}

.w-min-perc-63 {
  min-width: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-63 {
    min-width: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-63 {
    min-width: 63% !important;
  }
}

.w-max-perc-63 {
  max-width: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-63 {
    max-width: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-63 {
    max-width: 63% !important;
  }
}

.h-perc-64 {
  height: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-64 {
    height: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-64 {
    height: 64% !important;
  }
}

.h-min-perc-64 {
  min-height: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-64 {
    min-height: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-64 {
    min-height: 64% !important;
  }
}

.h-max-perc-64 {
  max-height: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-64 {
    max-height: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-64 {
    max-height: 64% !important;
  }
}

.w-perc-64 {
  width: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-64 {
    width: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-64 {
    width: 64% !important;
  }
}

.w-min-perc-64 {
  min-width: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-64 {
    min-width: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-64 {
    min-width: 64% !important;
  }
}

.w-max-perc-64 {
  max-width: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-64 {
    max-width: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-64 {
    max-width: 64% !important;
  }
}

.h-perc-65 {
  height: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-65 {
    height: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-65 {
    height: 65% !important;
  }
}

.h-min-perc-65 {
  min-height: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-65 {
    min-height: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-65 {
    min-height: 65% !important;
  }
}

.h-max-perc-65 {
  max-height: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-65 {
    max-height: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-65 {
    max-height: 65% !important;
  }
}

.w-perc-65 {
  width: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-65 {
    width: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-65 {
    width: 65% !important;
  }
}

.w-min-perc-65 {
  min-width: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-65 {
    min-width: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-65 {
    min-width: 65% !important;
  }
}

.w-max-perc-65 {
  max-width: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-65 {
    max-width: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-65 {
    max-width: 65% !important;
  }
}

.h-perc-66 {
  height: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-66 {
    height: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-66 {
    height: 66% !important;
  }
}

.h-min-perc-66 {
  min-height: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-66 {
    min-height: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-66 {
    min-height: 66% !important;
  }
}

.h-max-perc-66 {
  max-height: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-66 {
    max-height: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-66 {
    max-height: 66% !important;
  }
}

.w-perc-66 {
  width: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-66 {
    width: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-66 {
    width: 66% !important;
  }
}

.w-min-perc-66 {
  min-width: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-66 {
    min-width: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-66 {
    min-width: 66% !important;
  }
}

.w-max-perc-66 {
  max-width: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-66 {
    max-width: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-66 {
    max-width: 66% !important;
  }
}

.h-perc-67 {
  height: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-67 {
    height: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-67 {
    height: 67% !important;
  }
}

.h-min-perc-67 {
  min-height: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-67 {
    min-height: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-67 {
    min-height: 67% !important;
  }
}

.h-max-perc-67 {
  max-height: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-67 {
    max-height: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-67 {
    max-height: 67% !important;
  }
}

.w-perc-67 {
  width: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-67 {
    width: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-67 {
    width: 67% !important;
  }
}

.w-min-perc-67 {
  min-width: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-67 {
    min-width: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-67 {
    min-width: 67% !important;
  }
}

.w-max-perc-67 {
  max-width: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-67 {
    max-width: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-67 {
    max-width: 67% !important;
  }
}

.h-perc-68 {
  height: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-68 {
    height: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-68 {
    height: 68% !important;
  }
}

.h-min-perc-68 {
  min-height: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-68 {
    min-height: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-68 {
    min-height: 68% !important;
  }
}

.h-max-perc-68 {
  max-height: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-68 {
    max-height: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-68 {
    max-height: 68% !important;
  }
}

.w-perc-68 {
  width: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-68 {
    width: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-68 {
    width: 68% !important;
  }
}

.w-min-perc-68 {
  min-width: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-68 {
    min-width: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-68 {
    min-width: 68% !important;
  }
}

.w-max-perc-68 {
  max-width: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-68 {
    max-width: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-68 {
    max-width: 68% !important;
  }
}

.h-perc-69 {
  height: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-69 {
    height: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-69 {
    height: 69% !important;
  }
}

.h-min-perc-69 {
  min-height: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-69 {
    min-height: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-69 {
    min-height: 69% !important;
  }
}

.h-max-perc-69 {
  max-height: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-69 {
    max-height: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-69 {
    max-height: 69% !important;
  }
}

.w-perc-69 {
  width: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-69 {
    width: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-69 {
    width: 69% !important;
  }
}

.w-min-perc-69 {
  min-width: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-69 {
    min-width: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-69 {
    min-width: 69% !important;
  }
}

.w-max-perc-69 {
  max-width: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-69 {
    max-width: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-69 {
    max-width: 69% !important;
  }
}

.h-perc-70 {
  height: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-70 {
    height: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-70 {
    height: 70% !important;
  }
}

.h-min-perc-70 {
  min-height: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-70 {
    min-height: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-70 {
    min-height: 70% !important;
  }
}

.h-max-perc-70 {
  max-height: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-70 {
    max-height: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-70 {
    max-height: 70% !important;
  }
}

.w-perc-70 {
  width: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-70 {
    width: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-70 {
    width: 70% !important;
  }
}

.w-min-perc-70 {
  min-width: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-70 {
    min-width: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-70 {
    min-width: 70% !important;
  }
}

.w-max-perc-70 {
  max-width: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-70 {
    max-width: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-70 {
    max-width: 70% !important;
  }
}

.h-perc-71 {
  height: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-71 {
    height: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-71 {
    height: 71% !important;
  }
}

.h-min-perc-71 {
  min-height: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-71 {
    min-height: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-71 {
    min-height: 71% !important;
  }
}

.h-max-perc-71 {
  max-height: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-71 {
    max-height: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-71 {
    max-height: 71% !important;
  }
}

.w-perc-71 {
  width: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-71 {
    width: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-71 {
    width: 71% !important;
  }
}

.w-min-perc-71 {
  min-width: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-71 {
    min-width: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-71 {
    min-width: 71% !important;
  }
}

.w-max-perc-71 {
  max-width: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-71 {
    max-width: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-71 {
    max-width: 71% !important;
  }
}

.h-perc-72 {
  height: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-72 {
    height: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-72 {
    height: 72% !important;
  }
}

.h-min-perc-72 {
  min-height: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-72 {
    min-height: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-72 {
    min-height: 72% !important;
  }
}

.h-max-perc-72 {
  max-height: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-72 {
    max-height: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-72 {
    max-height: 72% !important;
  }
}

.w-perc-72 {
  width: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-72 {
    width: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-72 {
    width: 72% !important;
  }
}

.w-min-perc-72 {
  min-width: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-72 {
    min-width: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-72 {
    min-width: 72% !important;
  }
}

.w-max-perc-72 {
  max-width: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-72 {
    max-width: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-72 {
    max-width: 72% !important;
  }
}

.h-perc-73 {
  height: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-73 {
    height: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-73 {
    height: 73% !important;
  }
}

.h-min-perc-73 {
  min-height: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-73 {
    min-height: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-73 {
    min-height: 73% !important;
  }
}

.h-max-perc-73 {
  max-height: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-73 {
    max-height: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-73 {
    max-height: 73% !important;
  }
}

.w-perc-73 {
  width: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-73 {
    width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-73 {
    width: 73% !important;
  }
}

.w-min-perc-73 {
  min-width: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-73 {
    min-width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-73 {
    min-width: 73% !important;
  }
}

.w-max-perc-73 {
  max-width: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-73 {
    max-width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-73 {
    max-width: 73% !important;
  }
}

.h-perc-74 {
  height: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-74 {
    height: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-74 {
    height: 74% !important;
  }
}

.h-min-perc-74 {
  min-height: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-74 {
    min-height: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-74 {
    min-height: 74% !important;
  }
}

.h-max-perc-74 {
  max-height: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-74 {
    max-height: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-74 {
    max-height: 74% !important;
  }
}

.w-perc-74 {
  width: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-74 {
    width: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-74 {
    width: 74% !important;
  }
}

.w-min-perc-74 {
  min-width: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-74 {
    min-width: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-74 {
    min-width: 74% !important;
  }
}

.w-max-perc-74 {
  max-width: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-74 {
    max-width: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-74 {
    max-width: 74% !important;
  }
}

.h-perc-75 {
  height: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-75 {
    height: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-75 {
    height: 75% !important;
  }
}

.h-min-perc-75 {
  min-height: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-75 {
    min-height: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-75 {
    min-height: 75% !important;
  }
}

.h-max-perc-75 {
  max-height: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-75 {
    max-height: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-75 {
    max-height: 75% !important;
  }
}

.w-perc-75 {
  width: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-75 {
    width: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-75 {
    width: 75% !important;
  }
}

.w-min-perc-75 {
  min-width: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-75 {
    min-width: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-75 {
    min-width: 75% !important;
  }
}

.w-max-perc-75 {
  max-width: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-75 {
    max-width: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-75 {
    max-width: 75% !important;
  }
}

.h-perc-76 {
  height: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-76 {
    height: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-76 {
    height: 76% !important;
  }
}

.h-min-perc-76 {
  min-height: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-76 {
    min-height: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-76 {
    min-height: 76% !important;
  }
}

.h-max-perc-76 {
  max-height: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-76 {
    max-height: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-76 {
    max-height: 76% !important;
  }
}

.w-perc-76 {
  width: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-76 {
    width: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-76 {
    width: 76% !important;
  }
}

.w-min-perc-76 {
  min-width: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-76 {
    min-width: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-76 {
    min-width: 76% !important;
  }
}

.w-max-perc-76 {
  max-width: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-76 {
    max-width: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-76 {
    max-width: 76% !important;
  }
}

.h-perc-77 {
  height: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-77 {
    height: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-77 {
    height: 77% !important;
  }
}

.h-min-perc-77 {
  min-height: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-77 {
    min-height: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-77 {
    min-height: 77% !important;
  }
}

.h-max-perc-77 {
  max-height: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-77 {
    max-height: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-77 {
    max-height: 77% !important;
  }
}

.w-perc-77 {
  width: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-77 {
    width: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-77 {
    width: 77% !important;
  }
}

.w-min-perc-77 {
  min-width: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-77 {
    min-width: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-77 {
    min-width: 77% !important;
  }
}

.w-max-perc-77 {
  max-width: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-77 {
    max-width: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-77 {
    max-width: 77% !important;
  }
}

.h-perc-78 {
  height: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-78 {
    height: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-78 {
    height: 78% !important;
  }
}

.h-min-perc-78 {
  min-height: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-78 {
    min-height: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-78 {
    min-height: 78% !important;
  }
}

.h-max-perc-78 {
  max-height: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-78 {
    max-height: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-78 {
    max-height: 78% !important;
  }
}

.w-perc-78 {
  width: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-78 {
    width: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-78 {
    width: 78% !important;
  }
}

.w-min-perc-78 {
  min-width: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-78 {
    min-width: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-78 {
    min-width: 78% !important;
  }
}

.w-max-perc-78 {
  max-width: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-78 {
    max-width: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-78 {
    max-width: 78% !important;
  }
}

.h-perc-79 {
  height: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-79 {
    height: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-79 {
    height: 79% !important;
  }
}

.h-min-perc-79 {
  min-height: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-79 {
    min-height: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-79 {
    min-height: 79% !important;
  }
}

.h-max-perc-79 {
  max-height: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-79 {
    max-height: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-79 {
    max-height: 79% !important;
  }
}

.w-perc-79 {
  width: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-79 {
    width: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-79 {
    width: 79% !important;
  }
}

.w-min-perc-79 {
  min-width: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-79 {
    min-width: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-79 {
    min-width: 79% !important;
  }
}

.w-max-perc-79 {
  max-width: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-79 {
    max-width: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-79 {
    max-width: 79% !important;
  }
}

.h-perc-80 {
  height: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-80 {
    height: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-80 {
    height: 80% !important;
  }
}

.h-min-perc-80 {
  min-height: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-80 {
    min-height: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-80 {
    min-height: 80% !important;
  }
}

.h-max-perc-80 {
  max-height: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-80 {
    max-height: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-80 {
    max-height: 80% !important;
  }
}

.w-perc-80 {
  width: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-80 {
    width: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-80 {
    width: 80% !important;
  }
}

.w-min-perc-80 {
  min-width: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-80 {
    min-width: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-80 {
    min-width: 80% !important;
  }
}

.w-max-perc-80 {
  max-width: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-80 {
    max-width: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-80 {
    max-width: 80% !important;
  }
}

.h-perc-81 {
  height: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-81 {
    height: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-81 {
    height: 81% !important;
  }
}

.h-min-perc-81 {
  min-height: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-81 {
    min-height: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-81 {
    min-height: 81% !important;
  }
}

.h-max-perc-81 {
  max-height: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-81 {
    max-height: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-81 {
    max-height: 81% !important;
  }
}

.w-perc-81 {
  width: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-81 {
    width: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-81 {
    width: 81% !important;
  }
}

.w-min-perc-81 {
  min-width: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-81 {
    min-width: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-81 {
    min-width: 81% !important;
  }
}

.w-max-perc-81 {
  max-width: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-81 {
    max-width: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-81 {
    max-width: 81% !important;
  }
}

.h-perc-82 {
  height: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-82 {
    height: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-82 {
    height: 82% !important;
  }
}

.h-min-perc-82 {
  min-height: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-82 {
    min-height: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-82 {
    min-height: 82% !important;
  }
}

.h-max-perc-82 {
  max-height: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-82 {
    max-height: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-82 {
    max-height: 82% !important;
  }
}

.w-perc-82 {
  width: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-82 {
    width: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-82 {
    width: 82% !important;
  }
}

.w-min-perc-82 {
  min-width: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-82 {
    min-width: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-82 {
    min-width: 82% !important;
  }
}

.w-max-perc-82 {
  max-width: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-82 {
    max-width: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-82 {
    max-width: 82% !important;
  }
}

.h-perc-83 {
  height: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-83 {
    height: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-83 {
    height: 83% !important;
  }
}

.h-min-perc-83 {
  min-height: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-83 {
    min-height: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-83 {
    min-height: 83% !important;
  }
}

.h-max-perc-83 {
  max-height: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-83 {
    max-height: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-83 {
    max-height: 83% !important;
  }
}

.w-perc-83 {
  width: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-83 {
    width: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-83 {
    width: 83% !important;
  }
}

.w-min-perc-83 {
  min-width: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-83 {
    min-width: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-83 {
    min-width: 83% !important;
  }
}

.w-max-perc-83 {
  max-width: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-83 {
    max-width: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-83 {
    max-width: 83% !important;
  }
}

.h-perc-84 {
  height: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-84 {
    height: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-84 {
    height: 84% !important;
  }
}

.h-min-perc-84 {
  min-height: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-84 {
    min-height: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-84 {
    min-height: 84% !important;
  }
}

.h-max-perc-84 {
  max-height: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-84 {
    max-height: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-84 {
    max-height: 84% !important;
  }
}

.w-perc-84 {
  width: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-84 {
    width: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-84 {
    width: 84% !important;
  }
}

.w-min-perc-84 {
  min-width: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-84 {
    min-width: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-84 {
    min-width: 84% !important;
  }
}

.w-max-perc-84 {
  max-width: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-84 {
    max-width: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-84 {
    max-width: 84% !important;
  }
}

.h-perc-85 {
  height: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-85 {
    height: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-85 {
    height: 85% !important;
  }
}

.h-min-perc-85 {
  min-height: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-85 {
    min-height: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-85 {
    min-height: 85% !important;
  }
}

.h-max-perc-85 {
  max-height: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-85 {
    max-height: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-85 {
    max-height: 85% !important;
  }
}

.w-perc-85 {
  width: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-85 {
    width: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-85 {
    width: 85% !important;
  }
}

.w-min-perc-85 {
  min-width: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-85 {
    min-width: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-85 {
    min-width: 85% !important;
  }
}

.w-max-perc-85 {
  max-width: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-85 {
    max-width: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-85 {
    max-width: 85% !important;
  }
}

.h-perc-86 {
  height: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-86 {
    height: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-86 {
    height: 86% !important;
  }
}

.h-min-perc-86 {
  min-height: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-86 {
    min-height: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-86 {
    min-height: 86% !important;
  }
}

.h-max-perc-86 {
  max-height: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-86 {
    max-height: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-86 {
    max-height: 86% !important;
  }
}

.w-perc-86 {
  width: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-86 {
    width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-86 {
    width: 86% !important;
  }
}

.w-min-perc-86 {
  min-width: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-86 {
    min-width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-86 {
    min-width: 86% !important;
  }
}

.w-max-perc-86 {
  max-width: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-86 {
    max-width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-86 {
    max-width: 86% !important;
  }
}

.h-perc-87 {
  height: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-87 {
    height: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-87 {
    height: 87% !important;
  }
}

.h-min-perc-87 {
  min-height: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-87 {
    min-height: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-87 {
    min-height: 87% !important;
  }
}

.h-max-perc-87 {
  max-height: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-87 {
    max-height: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-87 {
    max-height: 87% !important;
  }
}

.w-perc-87 {
  width: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-87 {
    width: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-87 {
    width: 87% !important;
  }
}

.w-min-perc-87 {
  min-width: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-87 {
    min-width: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-87 {
    min-width: 87% !important;
  }
}

.w-max-perc-87 {
  max-width: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-87 {
    max-width: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-87 {
    max-width: 87% !important;
  }
}

.h-perc-88 {
  height: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-88 {
    height: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-88 {
    height: 88% !important;
  }
}

.h-min-perc-88 {
  min-height: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-88 {
    min-height: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-88 {
    min-height: 88% !important;
  }
}

.h-max-perc-88 {
  max-height: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-88 {
    max-height: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-88 {
    max-height: 88% !important;
  }
}

.w-perc-88 {
  width: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-88 {
    width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-88 {
    width: 88% !important;
  }
}

.w-min-perc-88 {
  min-width: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-88 {
    min-width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-88 {
    min-width: 88% !important;
  }
}

.w-max-perc-88 {
  max-width: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-88 {
    max-width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-88 {
    max-width: 88% !important;
  }
}

.h-perc-89 {
  height: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-89 {
    height: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-89 {
    height: 89% !important;
  }
}

.h-min-perc-89 {
  min-height: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-89 {
    min-height: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-89 {
    min-height: 89% !important;
  }
}

.h-max-perc-89 {
  max-height: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-89 {
    max-height: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-89 {
    max-height: 89% !important;
  }
}

.w-perc-89 {
  width: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-89 {
    width: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-89 {
    width: 89% !important;
  }
}

.w-min-perc-89 {
  min-width: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-89 {
    min-width: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-89 {
    min-width: 89% !important;
  }
}

.w-max-perc-89 {
  max-width: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-89 {
    max-width: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-89 {
    max-width: 89% !important;
  }
}

.h-perc-90 {
  height: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-90 {
    height: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-90 {
    height: 90% !important;
  }
}

.h-min-perc-90 {
  min-height: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-90 {
    min-height: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-90 {
    min-height: 90% !important;
  }
}

.h-max-perc-90 {
  max-height: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-90 {
    max-height: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-90 {
    max-height: 90% !important;
  }
}

.w-perc-90 {
  width: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-90 {
    width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-90 {
    width: 90% !important;
  }
}

.w-min-perc-90 {
  min-width: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-90 {
    min-width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-90 {
    min-width: 90% !important;
  }
}

.w-max-perc-90 {
  max-width: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-90 {
    max-width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-90 {
    max-width: 90% !important;
  }
}

.h-perc-91 {
  height: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-91 {
    height: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-91 {
    height: 91% !important;
  }
}

.h-min-perc-91 {
  min-height: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-91 {
    min-height: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-91 {
    min-height: 91% !important;
  }
}

.h-max-perc-91 {
  max-height: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-91 {
    max-height: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-91 {
    max-height: 91% !important;
  }
}

.w-perc-91 {
  width: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-91 {
    width: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-91 {
    width: 91% !important;
  }
}

.w-min-perc-91 {
  min-width: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-91 {
    min-width: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-91 {
    min-width: 91% !important;
  }
}

.w-max-perc-91 {
  max-width: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-91 {
    max-width: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-91 {
    max-width: 91% !important;
  }
}

.h-perc-92 {
  height: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-92 {
    height: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-92 {
    height: 92% !important;
  }
}

.h-min-perc-92 {
  min-height: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-92 {
    min-height: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-92 {
    min-height: 92% !important;
  }
}

.h-max-perc-92 {
  max-height: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-92 {
    max-height: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-92 {
    max-height: 92% !important;
  }
}

.w-perc-92 {
  width: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-92 {
    width: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-92 {
    width: 92% !important;
  }
}

.w-min-perc-92 {
  min-width: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-92 {
    min-width: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-92 {
    min-width: 92% !important;
  }
}

.w-max-perc-92 {
  max-width: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-92 {
    max-width: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-92 {
    max-width: 92% !important;
  }
}

.h-perc-93 {
  height: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-93 {
    height: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-93 {
    height: 93% !important;
  }
}

.h-min-perc-93 {
  min-height: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-93 {
    min-height: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-93 {
    min-height: 93% !important;
  }
}

.h-max-perc-93 {
  max-height: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-93 {
    max-height: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-93 {
    max-height: 93% !important;
  }
}

.w-perc-93 {
  width: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-93 {
    width: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-93 {
    width: 93% !important;
  }
}

.w-min-perc-93 {
  min-width: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-93 {
    min-width: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-93 {
    min-width: 93% !important;
  }
}

.w-max-perc-93 {
  max-width: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-93 {
    max-width: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-93 {
    max-width: 93% !important;
  }
}

.h-perc-94 {
  height: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-94 {
    height: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-94 {
    height: 94% !important;
  }
}

.h-min-perc-94 {
  min-height: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-94 {
    min-height: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-94 {
    min-height: 94% !important;
  }
}

.h-max-perc-94 {
  max-height: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-94 {
    max-height: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-94 {
    max-height: 94% !important;
  }
}

.w-perc-94 {
  width: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-94 {
    width: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-94 {
    width: 94% !important;
  }
}

.w-min-perc-94 {
  min-width: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-94 {
    min-width: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-94 {
    min-width: 94% !important;
  }
}

.w-max-perc-94 {
  max-width: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-94 {
    max-width: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-94 {
    max-width: 94% !important;
  }
}

.h-perc-95 {
  height: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-95 {
    height: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-95 {
    height: 95% !important;
  }
}

.h-min-perc-95 {
  min-height: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-95 {
    min-height: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-95 {
    min-height: 95% !important;
  }
}

.h-max-perc-95 {
  max-height: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-95 {
    max-height: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-95 {
    max-height: 95% !important;
  }
}

.w-perc-95 {
  width: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-95 {
    width: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-95 {
    width: 95% !important;
  }
}

.w-min-perc-95 {
  min-width: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-95 {
    min-width: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-95 {
    min-width: 95% !important;
  }
}

.w-max-perc-95 {
  max-width: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-95 {
    max-width: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-95 {
    max-width: 95% !important;
  }
}

.h-perc-96 {
  height: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-96 {
    height: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-96 {
    height: 96% !important;
  }
}

.h-min-perc-96 {
  min-height: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-96 {
    min-height: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-96 {
    min-height: 96% !important;
  }
}

.h-max-perc-96 {
  max-height: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-96 {
    max-height: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-96 {
    max-height: 96% !important;
  }
}

.w-perc-96 {
  width: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-96 {
    width: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-96 {
    width: 96% !important;
  }
}

.w-min-perc-96 {
  min-width: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-96 {
    min-width: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-96 {
    min-width: 96% !important;
  }
}

.w-max-perc-96 {
  max-width: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-96 {
    max-width: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-96 {
    max-width: 96% !important;
  }
}

.h-perc-97 {
  height: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-97 {
    height: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-97 {
    height: 97% !important;
  }
}

.h-min-perc-97 {
  min-height: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-97 {
    min-height: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-97 {
    min-height: 97% !important;
  }
}

.h-max-perc-97 {
  max-height: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-97 {
    max-height: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-97 {
    max-height: 97% !important;
  }
}

.w-perc-97 {
  width: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-97 {
    width: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-97 {
    width: 97% !important;
  }
}

.w-min-perc-97 {
  min-width: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-97 {
    min-width: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-97 {
    min-width: 97% !important;
  }
}

.w-max-perc-97 {
  max-width: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-97 {
    max-width: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-97 {
    max-width: 97% !important;
  }
}

.h-perc-98 {
  height: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-98 {
    height: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-98 {
    height: 98% !important;
  }
}

.h-min-perc-98 {
  min-height: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-98 {
    min-height: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-98 {
    min-height: 98% !important;
  }
}

.h-max-perc-98 {
  max-height: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-98 {
    max-height: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-98 {
    max-height: 98% !important;
  }
}

.w-perc-98 {
  width: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-98 {
    width: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-98 {
    width: 98% !important;
  }
}

.w-min-perc-98 {
  min-width: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-98 {
    min-width: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-98 {
    min-width: 98% !important;
  }
}

.w-max-perc-98 {
  max-width: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-98 {
    max-width: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-98 {
    max-width: 98% !important;
  }
}

.h-perc-99 {
  height: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-99 {
    height: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-99 {
    height: 99% !important;
  }
}

.h-min-perc-99 {
  min-height: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-99 {
    min-height: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-99 {
    min-height: 99% !important;
  }
}

.h-max-perc-99 {
  max-height: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-99 {
    max-height: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-99 {
    max-height: 99% !important;
  }
}

.w-perc-99 {
  width: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-99 {
    width: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-99 {
    width: 99% !important;
  }
}

.w-min-perc-99 {
  min-width: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-99 {
    min-width: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-99 {
    min-width: 99% !important;
  }
}

.w-max-perc-99 {
  max-width: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-99 {
    max-width: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-99 {
    max-width: 99% !important;
  }
}

.h-perc-100 {
  height: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-100 {
    height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-100 {
    height: 100% !important;
  }
}

.h-min-perc-100 {
  min-height: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-100 {
    min-height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-100 {
    min-height: 100% !important;
  }
}

.h-max-perc-100 {
  max-height: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-100 {
    max-height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-100 {
    max-height: 100% !important;
  }
}

.w-perc-100 {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-100 {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-100 {
    width: 100% !important;
  }
}

.w-min-perc-100 {
  min-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-100 {
    min-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-100 {
    min-width: 100% !important;
  }
}

.w-max-perc-100 {
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-100 {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-100 {
    max-width: 100% !important;
  }
}

.absolute-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.absolute-center-x {
  top: unset;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.absolute-center-y {
  top: 50%;
  left: unset;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:absolute-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .tablet\:absolute-center-x {
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  .tablet\:absolute-center-y {
    top: 50%;
    left: unset;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:absolute-center {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mobile\:absolute-center-x {
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  .mobile\:absolute-center-y {
    top: 50%;
    left: unset;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

.x-perc-neg-0 {
  -webkit-transform: translate(-0%, 0%);
      -ms-transform: translate(-0%, 0%);
          transform: translate(-0%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-0 {
    -webkit-transform: translate(-0%, 0%) !important;
        -ms-transform: translate(-0%, 0%) !important;
            transform: translate(-0%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-0 {
    -webkit-transform: translate(-0%, 0%) !important;
        -ms-transform: translate(-0%, 0%) !important;
            transform: translate(-0%, 0%) !important;
  }
}

.x-perc-pos-0 {
  -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

.y-perc-neg-0 {
  -webkit-transform: translate(0%, -0%);
      -ms-transform: translate(0%, -0%);
          transform: translate(0%, -0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-0 {
    -webkit-transform: translate(0%, -0%) !important;
        -ms-transform: translate(0%, -0%) !important;
            transform: translate(0%, -0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-0 {
    -webkit-transform: translate(0%, -0%) !important;
        -ms-transform: translate(0%, -0%) !important;
            transform: translate(0%, -0%) !important;
  }
}

.y-perc-pos-0 {
  -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

.x-perc-center-neg-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-0%, -50%);
      -ms-transform: translate(-0%, -50%);
          transform: translate(-0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-0%, -50%) !important;
        -ms-transform: translate(-0%, -50%) !important;
            transform: translate(-0%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-0%, -50%) !important;
        -ms-transform: translate(-0%, -50%) !important;
            transform: translate(-0%, -50%) !important;
  }
}

.x-perc-center-pos-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

.y-perc-center-neg-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -0%);
      -ms-transform: translate(-50%, -0%);
          transform: translate(-50%, -0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -0%) !important;
        -ms-transform: translate(-50%, -0%) !important;
            transform: translate(-50%, -0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -0%) !important;
        -ms-transform: translate(-50%, -0%) !important;
            transform: translate(-50%, -0%) !important;
  }
}

.y-perc-center-pos-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

.x-perc-neg-1 {
  -webkit-transform: translate(-1%, 0%);
      -ms-transform: translate(-1%, 0%);
          transform: translate(-1%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-1 {
    -webkit-transform: translate(-1%, 0%) !important;
        -ms-transform: translate(-1%, 0%) !important;
            transform: translate(-1%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-1 {
    -webkit-transform: translate(-1%, 0%) !important;
        -ms-transform: translate(-1%, 0%) !important;
            transform: translate(-1%, 0%) !important;
  }
}

.x-perc-pos-1 {
  -webkit-transform: translate(1%, 0%);
      -ms-transform: translate(1%, 0%);
          transform: translate(1%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-1 {
    -webkit-transform: translate(1%, 0%) !important;
        -ms-transform: translate(1%, 0%) !important;
            transform: translate(1%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-1 {
    -webkit-transform: translate(1%, 0%) !important;
        -ms-transform: translate(1%, 0%) !important;
            transform: translate(1%, 0%) !important;
  }
}

.y-perc-neg-1 {
  -webkit-transform: translate(0%, -1%);
      -ms-transform: translate(0%, -1%);
          transform: translate(0%, -1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-1 {
    -webkit-transform: translate(0%, -1%) !important;
        -ms-transform: translate(0%, -1%) !important;
            transform: translate(0%, -1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-1 {
    -webkit-transform: translate(0%, -1%) !important;
        -ms-transform: translate(0%, -1%) !important;
            transform: translate(0%, -1%) !important;
  }
}

.y-perc-pos-1 {
  -webkit-transform: translate(0%, 1%);
      -ms-transform: translate(0%, 1%);
          transform: translate(0%, 1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-1 {
    -webkit-transform: translate(0%, 1%) !important;
        -ms-transform: translate(0%, 1%) !important;
            transform: translate(0%, 1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-1 {
    -webkit-transform: translate(0%, 1%) !important;
        -ms-transform: translate(0%, 1%) !important;
            transform: translate(0%, 1%) !important;
  }
}

.x-perc-center-neg-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-1%, -50%);
      -ms-transform: translate(-1%, -50%);
          transform: translate(-1%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-1%, -50%) !important;
        -ms-transform: translate(-1%, -50%) !important;
            transform: translate(-1%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-1%, -50%) !important;
        -ms-transform: translate(-1%, -50%) !important;
            transform: translate(-1%, -50%) !important;
  }
}

.x-perc-center-pos-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(1%, -50%);
      -ms-transform: translate(1%, -50%);
          transform: translate(1%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(1%, -50%) !important;
        -ms-transform: translate(1%, -50%) !important;
            transform: translate(1%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(1%, -50%) !important;
        -ms-transform: translate(1%, -50%) !important;
            transform: translate(1%, -50%) !important;
  }
}

.y-perc-center-neg-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -1%);
      -ms-transform: translate(-50%, -1%);
          transform: translate(-50%, -1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -1%) !important;
        -ms-transform: translate(-50%, -1%) !important;
            transform: translate(-50%, -1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -1%) !important;
        -ms-transform: translate(-50%, -1%) !important;
            transform: translate(-50%, -1%) !important;
  }
}

.y-perc-center-pos-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 1%);
      -ms-transform: translate(-50%, 1%);
          transform: translate(-50%, 1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 1%) !important;
        -ms-transform: translate(-50%, 1%) !important;
            transform: translate(-50%, 1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 1%) !important;
        -ms-transform: translate(-50%, 1%) !important;
            transform: translate(-50%, 1%) !important;
  }
}

.x-perc-neg-2 {
  -webkit-transform: translate(-2%, 0%);
      -ms-transform: translate(-2%, 0%);
          transform: translate(-2%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-2 {
    -webkit-transform: translate(-2%, 0%) !important;
        -ms-transform: translate(-2%, 0%) !important;
            transform: translate(-2%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-2 {
    -webkit-transform: translate(-2%, 0%) !important;
        -ms-transform: translate(-2%, 0%) !important;
            transform: translate(-2%, 0%) !important;
  }
}

.x-perc-pos-2 {
  -webkit-transform: translate(2%, 0%);
      -ms-transform: translate(2%, 0%);
          transform: translate(2%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-2 {
    -webkit-transform: translate(2%, 0%) !important;
        -ms-transform: translate(2%, 0%) !important;
            transform: translate(2%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-2 {
    -webkit-transform: translate(2%, 0%) !important;
        -ms-transform: translate(2%, 0%) !important;
            transform: translate(2%, 0%) !important;
  }
}

.y-perc-neg-2 {
  -webkit-transform: translate(0%, -2%);
      -ms-transform: translate(0%, -2%);
          transform: translate(0%, -2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-2 {
    -webkit-transform: translate(0%, -2%) !important;
        -ms-transform: translate(0%, -2%) !important;
            transform: translate(0%, -2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-2 {
    -webkit-transform: translate(0%, -2%) !important;
        -ms-transform: translate(0%, -2%) !important;
            transform: translate(0%, -2%) !important;
  }
}

.y-perc-pos-2 {
  -webkit-transform: translate(0%, 2%);
      -ms-transform: translate(0%, 2%);
          transform: translate(0%, 2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-2 {
    -webkit-transform: translate(0%, 2%) !important;
        -ms-transform: translate(0%, 2%) !important;
            transform: translate(0%, 2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-2 {
    -webkit-transform: translate(0%, 2%) !important;
        -ms-transform: translate(0%, 2%) !important;
            transform: translate(0%, 2%) !important;
  }
}

.x-perc-center-neg-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-2%, -50%);
      -ms-transform: translate(-2%, -50%);
          transform: translate(-2%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-2%, -50%) !important;
        -ms-transform: translate(-2%, -50%) !important;
            transform: translate(-2%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-2%, -50%) !important;
        -ms-transform: translate(-2%, -50%) !important;
            transform: translate(-2%, -50%) !important;
  }
}

.x-perc-center-pos-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(2%, -50%);
      -ms-transform: translate(2%, -50%);
          transform: translate(2%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(2%, -50%) !important;
        -ms-transform: translate(2%, -50%) !important;
            transform: translate(2%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(2%, -50%) !important;
        -ms-transform: translate(2%, -50%) !important;
            transform: translate(2%, -50%) !important;
  }
}

.y-perc-center-neg-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -2%);
      -ms-transform: translate(-50%, -2%);
          transform: translate(-50%, -2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -2%) !important;
        -ms-transform: translate(-50%, -2%) !important;
            transform: translate(-50%, -2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -2%) !important;
        -ms-transform: translate(-50%, -2%) !important;
            transform: translate(-50%, -2%) !important;
  }
}

.y-perc-center-pos-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 2%);
      -ms-transform: translate(-50%, 2%);
          transform: translate(-50%, 2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 2%) !important;
        -ms-transform: translate(-50%, 2%) !important;
            transform: translate(-50%, 2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 2%) !important;
        -ms-transform: translate(-50%, 2%) !important;
            transform: translate(-50%, 2%) !important;
  }
}

.x-perc-neg-3 {
  -webkit-transform: translate(-3%, 0%);
      -ms-transform: translate(-3%, 0%);
          transform: translate(-3%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-3 {
    -webkit-transform: translate(-3%, 0%) !important;
        -ms-transform: translate(-3%, 0%) !important;
            transform: translate(-3%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-3 {
    -webkit-transform: translate(-3%, 0%) !important;
        -ms-transform: translate(-3%, 0%) !important;
            transform: translate(-3%, 0%) !important;
  }
}

.x-perc-pos-3 {
  -webkit-transform: translate(3%, 0%);
      -ms-transform: translate(3%, 0%);
          transform: translate(3%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-3 {
    -webkit-transform: translate(3%, 0%) !important;
        -ms-transform: translate(3%, 0%) !important;
            transform: translate(3%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-3 {
    -webkit-transform: translate(3%, 0%) !important;
        -ms-transform: translate(3%, 0%) !important;
            transform: translate(3%, 0%) !important;
  }
}

.y-perc-neg-3 {
  -webkit-transform: translate(0%, -3%);
      -ms-transform: translate(0%, -3%);
          transform: translate(0%, -3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-3 {
    -webkit-transform: translate(0%, -3%) !important;
        -ms-transform: translate(0%, -3%) !important;
            transform: translate(0%, -3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-3 {
    -webkit-transform: translate(0%, -3%) !important;
        -ms-transform: translate(0%, -3%) !important;
            transform: translate(0%, -3%) !important;
  }
}

.y-perc-pos-3 {
  -webkit-transform: translate(0%, 3%);
      -ms-transform: translate(0%, 3%);
          transform: translate(0%, 3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-3 {
    -webkit-transform: translate(0%, 3%) !important;
        -ms-transform: translate(0%, 3%) !important;
            transform: translate(0%, 3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-3 {
    -webkit-transform: translate(0%, 3%) !important;
        -ms-transform: translate(0%, 3%) !important;
            transform: translate(0%, 3%) !important;
  }
}

.x-perc-center-neg-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-3%, -50%);
      -ms-transform: translate(-3%, -50%);
          transform: translate(-3%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-3%, -50%) !important;
        -ms-transform: translate(-3%, -50%) !important;
            transform: translate(-3%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-3%, -50%) !important;
        -ms-transform: translate(-3%, -50%) !important;
            transform: translate(-3%, -50%) !important;
  }
}

.x-perc-center-pos-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(3%, -50%);
      -ms-transform: translate(3%, -50%);
          transform: translate(3%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(3%, -50%) !important;
        -ms-transform: translate(3%, -50%) !important;
            transform: translate(3%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(3%, -50%) !important;
        -ms-transform: translate(3%, -50%) !important;
            transform: translate(3%, -50%) !important;
  }
}

.y-perc-center-neg-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -3%);
      -ms-transform: translate(-50%, -3%);
          transform: translate(-50%, -3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -3%) !important;
        -ms-transform: translate(-50%, -3%) !important;
            transform: translate(-50%, -3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -3%) !important;
        -ms-transform: translate(-50%, -3%) !important;
            transform: translate(-50%, -3%) !important;
  }
}

.y-perc-center-pos-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 3%);
      -ms-transform: translate(-50%, 3%);
          transform: translate(-50%, 3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 3%) !important;
        -ms-transform: translate(-50%, 3%) !important;
            transform: translate(-50%, 3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 3%) !important;
        -ms-transform: translate(-50%, 3%) !important;
            transform: translate(-50%, 3%) !important;
  }
}

.x-perc-neg-4 {
  -webkit-transform: translate(-4%, 0%);
      -ms-transform: translate(-4%, 0%);
          transform: translate(-4%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-4 {
    -webkit-transform: translate(-4%, 0%) !important;
        -ms-transform: translate(-4%, 0%) !important;
            transform: translate(-4%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-4 {
    -webkit-transform: translate(-4%, 0%) !important;
        -ms-transform: translate(-4%, 0%) !important;
            transform: translate(-4%, 0%) !important;
  }
}

.x-perc-pos-4 {
  -webkit-transform: translate(4%, 0%);
      -ms-transform: translate(4%, 0%);
          transform: translate(4%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-4 {
    -webkit-transform: translate(4%, 0%) !important;
        -ms-transform: translate(4%, 0%) !important;
            transform: translate(4%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-4 {
    -webkit-transform: translate(4%, 0%) !important;
        -ms-transform: translate(4%, 0%) !important;
            transform: translate(4%, 0%) !important;
  }
}

.y-perc-neg-4 {
  -webkit-transform: translate(0%, -4%);
      -ms-transform: translate(0%, -4%);
          transform: translate(0%, -4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-4 {
    -webkit-transform: translate(0%, -4%) !important;
        -ms-transform: translate(0%, -4%) !important;
            transform: translate(0%, -4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-4 {
    -webkit-transform: translate(0%, -4%) !important;
        -ms-transform: translate(0%, -4%) !important;
            transform: translate(0%, -4%) !important;
  }
}

.y-perc-pos-4 {
  -webkit-transform: translate(0%, 4%);
      -ms-transform: translate(0%, 4%);
          transform: translate(0%, 4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-4 {
    -webkit-transform: translate(0%, 4%) !important;
        -ms-transform: translate(0%, 4%) !important;
            transform: translate(0%, 4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-4 {
    -webkit-transform: translate(0%, 4%) !important;
        -ms-transform: translate(0%, 4%) !important;
            transform: translate(0%, 4%) !important;
  }
}

.x-perc-center-neg-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4%, -50%);
      -ms-transform: translate(-4%, -50%);
          transform: translate(-4%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-4%, -50%) !important;
        -ms-transform: translate(-4%, -50%) !important;
            transform: translate(-4%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-4%, -50%) !important;
        -ms-transform: translate(-4%, -50%) !important;
            transform: translate(-4%, -50%) !important;
  }
}

.x-perc-center-pos-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(4%, -50%);
      -ms-transform: translate(4%, -50%);
          transform: translate(4%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(4%, -50%) !important;
        -ms-transform: translate(4%, -50%) !important;
            transform: translate(4%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(4%, -50%) !important;
        -ms-transform: translate(4%, -50%) !important;
            transform: translate(4%, -50%) !important;
  }
}

.y-perc-center-neg-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -4%);
      -ms-transform: translate(-50%, -4%);
          transform: translate(-50%, -4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -4%) !important;
        -ms-transform: translate(-50%, -4%) !important;
            transform: translate(-50%, -4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -4%) !important;
        -ms-transform: translate(-50%, -4%) !important;
            transform: translate(-50%, -4%) !important;
  }
}

.y-perc-center-pos-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 4%);
      -ms-transform: translate(-50%, 4%);
          transform: translate(-50%, 4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 4%) !important;
        -ms-transform: translate(-50%, 4%) !important;
            transform: translate(-50%, 4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 4%) !important;
        -ms-transform: translate(-50%, 4%) !important;
            transform: translate(-50%, 4%) !important;
  }
}

.x-perc-neg-5 {
  -webkit-transform: translate(-5%, 0%);
      -ms-transform: translate(-5%, 0%);
          transform: translate(-5%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-5 {
    -webkit-transform: translate(-5%, 0%) !important;
        -ms-transform: translate(-5%, 0%) !important;
            transform: translate(-5%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-5 {
    -webkit-transform: translate(-5%, 0%) !important;
        -ms-transform: translate(-5%, 0%) !important;
            transform: translate(-5%, 0%) !important;
  }
}

.x-perc-pos-5 {
  -webkit-transform: translate(5%, 0%);
      -ms-transform: translate(5%, 0%);
          transform: translate(5%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-5 {
    -webkit-transform: translate(5%, 0%) !important;
        -ms-transform: translate(5%, 0%) !important;
            transform: translate(5%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-5 {
    -webkit-transform: translate(5%, 0%) !important;
        -ms-transform: translate(5%, 0%) !important;
            transform: translate(5%, 0%) !important;
  }
}

.y-perc-neg-5 {
  -webkit-transform: translate(0%, -5%);
      -ms-transform: translate(0%, -5%);
          transform: translate(0%, -5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-5 {
    -webkit-transform: translate(0%, -5%) !important;
        -ms-transform: translate(0%, -5%) !important;
            transform: translate(0%, -5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-5 {
    -webkit-transform: translate(0%, -5%) !important;
        -ms-transform: translate(0%, -5%) !important;
            transform: translate(0%, -5%) !important;
  }
}

.y-perc-pos-5 {
  -webkit-transform: translate(0%, 5%);
      -ms-transform: translate(0%, 5%);
          transform: translate(0%, 5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-5 {
    -webkit-transform: translate(0%, 5%) !important;
        -ms-transform: translate(0%, 5%) !important;
            transform: translate(0%, 5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-5 {
    -webkit-transform: translate(0%, 5%) !important;
        -ms-transform: translate(0%, 5%) !important;
            transform: translate(0%, 5%) !important;
  }
}

.x-perc-center-neg-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-5%, -50%);
      -ms-transform: translate(-5%, -50%);
          transform: translate(-5%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-5%, -50%) !important;
        -ms-transform: translate(-5%, -50%) !important;
            transform: translate(-5%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-5%, -50%) !important;
        -ms-transform: translate(-5%, -50%) !important;
            transform: translate(-5%, -50%) !important;
  }
}

.x-perc-center-pos-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(5%, -50%);
      -ms-transform: translate(5%, -50%);
          transform: translate(5%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(5%, -50%) !important;
        -ms-transform: translate(5%, -50%) !important;
            transform: translate(5%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(5%, -50%) !important;
        -ms-transform: translate(5%, -50%) !important;
            transform: translate(5%, -50%) !important;
  }
}

.y-perc-center-neg-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -5%);
      -ms-transform: translate(-50%, -5%);
          transform: translate(-50%, -5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -5%) !important;
        -ms-transform: translate(-50%, -5%) !important;
            transform: translate(-50%, -5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -5%) !important;
        -ms-transform: translate(-50%, -5%) !important;
            transform: translate(-50%, -5%) !important;
  }
}

.y-perc-center-pos-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 5%);
      -ms-transform: translate(-50%, 5%);
          transform: translate(-50%, 5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 5%) !important;
        -ms-transform: translate(-50%, 5%) !important;
            transform: translate(-50%, 5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 5%) !important;
        -ms-transform: translate(-50%, 5%) !important;
            transform: translate(-50%, 5%) !important;
  }
}

.x-perc-neg-6 {
  -webkit-transform: translate(-6%, 0%);
      -ms-transform: translate(-6%, 0%);
          transform: translate(-6%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-6 {
    -webkit-transform: translate(-6%, 0%) !important;
        -ms-transform: translate(-6%, 0%) !important;
            transform: translate(-6%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-6 {
    -webkit-transform: translate(-6%, 0%) !important;
        -ms-transform: translate(-6%, 0%) !important;
            transform: translate(-6%, 0%) !important;
  }
}

.x-perc-pos-6 {
  -webkit-transform: translate(6%, 0%);
      -ms-transform: translate(6%, 0%);
          transform: translate(6%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-6 {
    -webkit-transform: translate(6%, 0%) !important;
        -ms-transform: translate(6%, 0%) !important;
            transform: translate(6%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-6 {
    -webkit-transform: translate(6%, 0%) !important;
        -ms-transform: translate(6%, 0%) !important;
            transform: translate(6%, 0%) !important;
  }
}

.y-perc-neg-6 {
  -webkit-transform: translate(0%, -6%);
      -ms-transform: translate(0%, -6%);
          transform: translate(0%, -6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-6 {
    -webkit-transform: translate(0%, -6%) !important;
        -ms-transform: translate(0%, -6%) !important;
            transform: translate(0%, -6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-6 {
    -webkit-transform: translate(0%, -6%) !important;
        -ms-transform: translate(0%, -6%) !important;
            transform: translate(0%, -6%) !important;
  }
}

.y-perc-pos-6 {
  -webkit-transform: translate(0%, 6%);
      -ms-transform: translate(0%, 6%);
          transform: translate(0%, 6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-6 {
    -webkit-transform: translate(0%, 6%) !important;
        -ms-transform: translate(0%, 6%) !important;
            transform: translate(0%, 6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-6 {
    -webkit-transform: translate(0%, 6%) !important;
        -ms-transform: translate(0%, 6%) !important;
            transform: translate(0%, 6%) !important;
  }
}

.x-perc-center-neg-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-6%, -50%);
      -ms-transform: translate(-6%, -50%);
          transform: translate(-6%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-6%, -50%) !important;
        -ms-transform: translate(-6%, -50%) !important;
            transform: translate(-6%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-6%, -50%) !important;
        -ms-transform: translate(-6%, -50%) !important;
            transform: translate(-6%, -50%) !important;
  }
}

.x-perc-center-pos-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(6%, -50%);
      -ms-transform: translate(6%, -50%);
          transform: translate(6%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(6%, -50%) !important;
        -ms-transform: translate(6%, -50%) !important;
            transform: translate(6%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(6%, -50%) !important;
        -ms-transform: translate(6%, -50%) !important;
            transform: translate(6%, -50%) !important;
  }
}

.y-perc-center-neg-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -6%);
      -ms-transform: translate(-50%, -6%);
          transform: translate(-50%, -6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -6%) !important;
        -ms-transform: translate(-50%, -6%) !important;
            transform: translate(-50%, -6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -6%) !important;
        -ms-transform: translate(-50%, -6%) !important;
            transform: translate(-50%, -6%) !important;
  }
}

.y-perc-center-pos-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 6%);
      -ms-transform: translate(-50%, 6%);
          transform: translate(-50%, 6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 6%) !important;
        -ms-transform: translate(-50%, 6%) !important;
            transform: translate(-50%, 6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 6%) !important;
        -ms-transform: translate(-50%, 6%) !important;
            transform: translate(-50%, 6%) !important;
  }
}

.x-perc-neg-7 {
  -webkit-transform: translate(-7%, 0%);
      -ms-transform: translate(-7%, 0%);
          transform: translate(-7%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-7 {
    -webkit-transform: translate(-7%, 0%) !important;
        -ms-transform: translate(-7%, 0%) !important;
            transform: translate(-7%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-7 {
    -webkit-transform: translate(-7%, 0%) !important;
        -ms-transform: translate(-7%, 0%) !important;
            transform: translate(-7%, 0%) !important;
  }
}

.x-perc-pos-7 {
  -webkit-transform: translate(7%, 0%);
      -ms-transform: translate(7%, 0%);
          transform: translate(7%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-7 {
    -webkit-transform: translate(7%, 0%) !important;
        -ms-transform: translate(7%, 0%) !important;
            transform: translate(7%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-7 {
    -webkit-transform: translate(7%, 0%) !important;
        -ms-transform: translate(7%, 0%) !important;
            transform: translate(7%, 0%) !important;
  }
}

.y-perc-neg-7 {
  -webkit-transform: translate(0%, -7%);
      -ms-transform: translate(0%, -7%);
          transform: translate(0%, -7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-7 {
    -webkit-transform: translate(0%, -7%) !important;
        -ms-transform: translate(0%, -7%) !important;
            transform: translate(0%, -7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-7 {
    -webkit-transform: translate(0%, -7%) !important;
        -ms-transform: translate(0%, -7%) !important;
            transform: translate(0%, -7%) !important;
  }
}

.y-perc-pos-7 {
  -webkit-transform: translate(0%, 7%);
      -ms-transform: translate(0%, 7%);
          transform: translate(0%, 7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-7 {
    -webkit-transform: translate(0%, 7%) !important;
        -ms-transform: translate(0%, 7%) !important;
            transform: translate(0%, 7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-7 {
    -webkit-transform: translate(0%, 7%) !important;
        -ms-transform: translate(0%, 7%) !important;
            transform: translate(0%, 7%) !important;
  }
}

.x-perc-center-neg-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-7%, -50%);
      -ms-transform: translate(-7%, -50%);
          transform: translate(-7%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-7%, -50%) !important;
        -ms-transform: translate(-7%, -50%) !important;
            transform: translate(-7%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-7%, -50%) !important;
        -ms-transform: translate(-7%, -50%) !important;
            transform: translate(-7%, -50%) !important;
  }
}

.x-perc-center-pos-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(7%, -50%);
      -ms-transform: translate(7%, -50%);
          transform: translate(7%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(7%, -50%) !important;
        -ms-transform: translate(7%, -50%) !important;
            transform: translate(7%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(7%, -50%) !important;
        -ms-transform: translate(7%, -50%) !important;
            transform: translate(7%, -50%) !important;
  }
}

.y-perc-center-neg-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -7%);
      -ms-transform: translate(-50%, -7%);
          transform: translate(-50%, -7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -7%) !important;
        -ms-transform: translate(-50%, -7%) !important;
            transform: translate(-50%, -7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -7%) !important;
        -ms-transform: translate(-50%, -7%) !important;
            transform: translate(-50%, -7%) !important;
  }
}

.y-perc-center-pos-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 7%);
      -ms-transform: translate(-50%, 7%);
          transform: translate(-50%, 7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 7%) !important;
        -ms-transform: translate(-50%, 7%) !important;
            transform: translate(-50%, 7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 7%) !important;
        -ms-transform: translate(-50%, 7%) !important;
            transform: translate(-50%, 7%) !important;
  }
}

.x-perc-neg-8 {
  -webkit-transform: translate(-8%, 0%);
      -ms-transform: translate(-8%, 0%);
          transform: translate(-8%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-8 {
    -webkit-transform: translate(-8%, 0%) !important;
        -ms-transform: translate(-8%, 0%) !important;
            transform: translate(-8%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-8 {
    -webkit-transform: translate(-8%, 0%) !important;
        -ms-transform: translate(-8%, 0%) !important;
            transform: translate(-8%, 0%) !important;
  }
}

.x-perc-pos-8 {
  -webkit-transform: translate(8%, 0%);
      -ms-transform: translate(8%, 0%);
          transform: translate(8%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-8 {
    -webkit-transform: translate(8%, 0%) !important;
        -ms-transform: translate(8%, 0%) !important;
            transform: translate(8%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-8 {
    -webkit-transform: translate(8%, 0%) !important;
        -ms-transform: translate(8%, 0%) !important;
            transform: translate(8%, 0%) !important;
  }
}

.y-perc-neg-8 {
  -webkit-transform: translate(0%, -8%);
      -ms-transform: translate(0%, -8%);
          transform: translate(0%, -8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-8 {
    -webkit-transform: translate(0%, -8%) !important;
        -ms-transform: translate(0%, -8%) !important;
            transform: translate(0%, -8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-8 {
    -webkit-transform: translate(0%, -8%) !important;
        -ms-transform: translate(0%, -8%) !important;
            transform: translate(0%, -8%) !important;
  }
}

.y-perc-pos-8 {
  -webkit-transform: translate(0%, 8%);
      -ms-transform: translate(0%, 8%);
          transform: translate(0%, 8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-8 {
    -webkit-transform: translate(0%, 8%) !important;
        -ms-transform: translate(0%, 8%) !important;
            transform: translate(0%, 8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-8 {
    -webkit-transform: translate(0%, 8%) !important;
        -ms-transform: translate(0%, 8%) !important;
            transform: translate(0%, 8%) !important;
  }
}

.x-perc-center-neg-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-8%, -50%);
      -ms-transform: translate(-8%, -50%);
          transform: translate(-8%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-8%, -50%) !important;
        -ms-transform: translate(-8%, -50%) !important;
            transform: translate(-8%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-8%, -50%) !important;
        -ms-transform: translate(-8%, -50%) !important;
            transform: translate(-8%, -50%) !important;
  }
}

.x-perc-center-pos-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(8%, -50%);
      -ms-transform: translate(8%, -50%);
          transform: translate(8%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(8%, -50%) !important;
        -ms-transform: translate(8%, -50%) !important;
            transform: translate(8%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(8%, -50%) !important;
        -ms-transform: translate(8%, -50%) !important;
            transform: translate(8%, -50%) !important;
  }
}

.y-perc-center-neg-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -8%);
      -ms-transform: translate(-50%, -8%);
          transform: translate(-50%, -8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -8%) !important;
        -ms-transform: translate(-50%, -8%) !important;
            transform: translate(-50%, -8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -8%) !important;
        -ms-transform: translate(-50%, -8%) !important;
            transform: translate(-50%, -8%) !important;
  }
}

.y-perc-center-pos-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 8%);
      -ms-transform: translate(-50%, 8%);
          transform: translate(-50%, 8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 8%) !important;
        -ms-transform: translate(-50%, 8%) !important;
            transform: translate(-50%, 8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 8%) !important;
        -ms-transform: translate(-50%, 8%) !important;
            transform: translate(-50%, 8%) !important;
  }
}

.x-perc-neg-9 {
  -webkit-transform: translate(-9%, 0%);
      -ms-transform: translate(-9%, 0%);
          transform: translate(-9%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-9 {
    -webkit-transform: translate(-9%, 0%) !important;
        -ms-transform: translate(-9%, 0%) !important;
            transform: translate(-9%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-9 {
    -webkit-transform: translate(-9%, 0%) !important;
        -ms-transform: translate(-9%, 0%) !important;
            transform: translate(-9%, 0%) !important;
  }
}

.x-perc-pos-9 {
  -webkit-transform: translate(9%, 0%);
      -ms-transform: translate(9%, 0%);
          transform: translate(9%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-9 {
    -webkit-transform: translate(9%, 0%) !important;
        -ms-transform: translate(9%, 0%) !important;
            transform: translate(9%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-9 {
    -webkit-transform: translate(9%, 0%) !important;
        -ms-transform: translate(9%, 0%) !important;
            transform: translate(9%, 0%) !important;
  }
}

.y-perc-neg-9 {
  -webkit-transform: translate(0%, -9%);
      -ms-transform: translate(0%, -9%);
          transform: translate(0%, -9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-9 {
    -webkit-transform: translate(0%, -9%) !important;
        -ms-transform: translate(0%, -9%) !important;
            transform: translate(0%, -9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-9 {
    -webkit-transform: translate(0%, -9%) !important;
        -ms-transform: translate(0%, -9%) !important;
            transform: translate(0%, -9%) !important;
  }
}

.y-perc-pos-9 {
  -webkit-transform: translate(0%, 9%);
      -ms-transform: translate(0%, 9%);
          transform: translate(0%, 9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-9 {
    -webkit-transform: translate(0%, 9%) !important;
        -ms-transform: translate(0%, 9%) !important;
            transform: translate(0%, 9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-9 {
    -webkit-transform: translate(0%, 9%) !important;
        -ms-transform: translate(0%, 9%) !important;
            transform: translate(0%, 9%) !important;
  }
}

.x-perc-center-neg-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-9%, -50%);
      -ms-transform: translate(-9%, -50%);
          transform: translate(-9%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-9%, -50%) !important;
        -ms-transform: translate(-9%, -50%) !important;
            transform: translate(-9%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-9%, -50%) !important;
        -ms-transform: translate(-9%, -50%) !important;
            transform: translate(-9%, -50%) !important;
  }
}

.x-perc-center-pos-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(9%, -50%);
      -ms-transform: translate(9%, -50%);
          transform: translate(9%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(9%, -50%) !important;
        -ms-transform: translate(9%, -50%) !important;
            transform: translate(9%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(9%, -50%) !important;
        -ms-transform: translate(9%, -50%) !important;
            transform: translate(9%, -50%) !important;
  }
}

.y-perc-center-neg-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -9%);
      -ms-transform: translate(-50%, -9%);
          transform: translate(-50%, -9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -9%) !important;
        -ms-transform: translate(-50%, -9%) !important;
            transform: translate(-50%, -9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -9%) !important;
        -ms-transform: translate(-50%, -9%) !important;
            transform: translate(-50%, -9%) !important;
  }
}

.y-perc-center-pos-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 9%);
      -ms-transform: translate(-50%, 9%);
          transform: translate(-50%, 9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 9%) !important;
        -ms-transform: translate(-50%, 9%) !important;
            transform: translate(-50%, 9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 9%) !important;
        -ms-transform: translate(-50%, 9%) !important;
            transform: translate(-50%, 9%) !important;
  }
}

.x-perc-neg-10 {
  -webkit-transform: translate(-10%, 0%);
      -ms-transform: translate(-10%, 0%);
          transform: translate(-10%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-10 {
    -webkit-transform: translate(-10%, 0%) !important;
        -ms-transform: translate(-10%, 0%) !important;
            transform: translate(-10%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-10 {
    -webkit-transform: translate(-10%, 0%) !important;
        -ms-transform: translate(-10%, 0%) !important;
            transform: translate(-10%, 0%) !important;
  }
}

.x-perc-pos-10 {
  -webkit-transform: translate(10%, 0%);
      -ms-transform: translate(10%, 0%);
          transform: translate(10%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-10 {
    -webkit-transform: translate(10%, 0%) !important;
        -ms-transform: translate(10%, 0%) !important;
            transform: translate(10%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-10 {
    -webkit-transform: translate(10%, 0%) !important;
        -ms-transform: translate(10%, 0%) !important;
            transform: translate(10%, 0%) !important;
  }
}

.y-perc-neg-10 {
  -webkit-transform: translate(0%, -10%);
      -ms-transform: translate(0%, -10%);
          transform: translate(0%, -10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-10 {
    -webkit-transform: translate(0%, -10%) !important;
        -ms-transform: translate(0%, -10%) !important;
            transform: translate(0%, -10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-10 {
    -webkit-transform: translate(0%, -10%) !important;
        -ms-transform: translate(0%, -10%) !important;
            transform: translate(0%, -10%) !important;
  }
}

.y-perc-pos-10 {
  -webkit-transform: translate(0%, 10%);
      -ms-transform: translate(0%, 10%);
          transform: translate(0%, 10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-10 {
    -webkit-transform: translate(0%, 10%) !important;
        -ms-transform: translate(0%, 10%) !important;
            transform: translate(0%, 10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-10 {
    -webkit-transform: translate(0%, 10%) !important;
        -ms-transform: translate(0%, 10%) !important;
            transform: translate(0%, 10%) !important;
  }
}

.x-perc-center-neg-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-10%, -50%) !important;
        -ms-transform: translate(-10%, -50%) !important;
            transform: translate(-10%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-10%, -50%) !important;
        -ms-transform: translate(-10%, -50%) !important;
            transform: translate(-10%, -50%) !important;
  }
}

.x-perc-center-pos-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(10%, -50%);
      -ms-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(10%, -50%) !important;
        -ms-transform: translate(10%, -50%) !important;
            transform: translate(10%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(10%, -50%) !important;
        -ms-transform: translate(10%, -50%) !important;
            transform: translate(10%, -50%) !important;
  }
}

.y-perc-center-neg-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -10%);
      -ms-transform: translate(-50%, -10%);
          transform: translate(-50%, -10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -10%) !important;
        -ms-transform: translate(-50%, -10%) !important;
            transform: translate(-50%, -10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -10%) !important;
        -ms-transform: translate(-50%, -10%) !important;
            transform: translate(-50%, -10%) !important;
  }
}

.y-perc-center-pos-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 10%);
      -ms-transform: translate(-50%, 10%);
          transform: translate(-50%, 10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 10%) !important;
        -ms-transform: translate(-50%, 10%) !important;
            transform: translate(-50%, 10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 10%) !important;
        -ms-transform: translate(-50%, 10%) !important;
            transform: translate(-50%, 10%) !important;
  }
}

.x-perc-neg-11 {
  -webkit-transform: translate(-11%, 0%);
      -ms-transform: translate(-11%, 0%);
          transform: translate(-11%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-11 {
    -webkit-transform: translate(-11%, 0%) !important;
        -ms-transform: translate(-11%, 0%) !important;
            transform: translate(-11%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-11 {
    -webkit-transform: translate(-11%, 0%) !important;
        -ms-transform: translate(-11%, 0%) !important;
            transform: translate(-11%, 0%) !important;
  }
}

.x-perc-pos-11 {
  -webkit-transform: translate(11%, 0%);
      -ms-transform: translate(11%, 0%);
          transform: translate(11%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-11 {
    -webkit-transform: translate(11%, 0%) !important;
        -ms-transform: translate(11%, 0%) !important;
            transform: translate(11%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-11 {
    -webkit-transform: translate(11%, 0%) !important;
        -ms-transform: translate(11%, 0%) !important;
            transform: translate(11%, 0%) !important;
  }
}

.y-perc-neg-11 {
  -webkit-transform: translate(0%, -11%);
      -ms-transform: translate(0%, -11%);
          transform: translate(0%, -11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-11 {
    -webkit-transform: translate(0%, -11%) !important;
        -ms-transform: translate(0%, -11%) !important;
            transform: translate(0%, -11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-11 {
    -webkit-transform: translate(0%, -11%) !important;
        -ms-transform: translate(0%, -11%) !important;
            transform: translate(0%, -11%) !important;
  }
}

.y-perc-pos-11 {
  -webkit-transform: translate(0%, 11%);
      -ms-transform: translate(0%, 11%);
          transform: translate(0%, 11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-11 {
    -webkit-transform: translate(0%, 11%) !important;
        -ms-transform: translate(0%, 11%) !important;
            transform: translate(0%, 11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-11 {
    -webkit-transform: translate(0%, 11%) !important;
        -ms-transform: translate(0%, 11%) !important;
            transform: translate(0%, 11%) !important;
  }
}

.x-perc-center-neg-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-11%, -50%);
      -ms-transform: translate(-11%, -50%);
          transform: translate(-11%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-11%, -50%) !important;
        -ms-transform: translate(-11%, -50%) !important;
            transform: translate(-11%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-11%, -50%) !important;
        -ms-transform: translate(-11%, -50%) !important;
            transform: translate(-11%, -50%) !important;
  }
}

.x-perc-center-pos-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(11%, -50%);
      -ms-transform: translate(11%, -50%);
          transform: translate(11%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(11%, -50%) !important;
        -ms-transform: translate(11%, -50%) !important;
            transform: translate(11%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(11%, -50%) !important;
        -ms-transform: translate(11%, -50%) !important;
            transform: translate(11%, -50%) !important;
  }
}

.y-perc-center-neg-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -11%);
      -ms-transform: translate(-50%, -11%);
          transform: translate(-50%, -11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -11%) !important;
        -ms-transform: translate(-50%, -11%) !important;
            transform: translate(-50%, -11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -11%) !important;
        -ms-transform: translate(-50%, -11%) !important;
            transform: translate(-50%, -11%) !important;
  }
}

.y-perc-center-pos-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 11%);
      -ms-transform: translate(-50%, 11%);
          transform: translate(-50%, 11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 11%) !important;
        -ms-transform: translate(-50%, 11%) !important;
            transform: translate(-50%, 11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 11%) !important;
        -ms-transform: translate(-50%, 11%) !important;
            transform: translate(-50%, 11%) !important;
  }
}

.x-perc-neg-12 {
  -webkit-transform: translate(-12%, 0%);
      -ms-transform: translate(-12%, 0%);
          transform: translate(-12%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-12 {
    -webkit-transform: translate(-12%, 0%) !important;
        -ms-transform: translate(-12%, 0%) !important;
            transform: translate(-12%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-12 {
    -webkit-transform: translate(-12%, 0%) !important;
        -ms-transform: translate(-12%, 0%) !important;
            transform: translate(-12%, 0%) !important;
  }
}

.x-perc-pos-12 {
  -webkit-transform: translate(12%, 0%);
      -ms-transform: translate(12%, 0%);
          transform: translate(12%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-12 {
    -webkit-transform: translate(12%, 0%) !important;
        -ms-transform: translate(12%, 0%) !important;
            transform: translate(12%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-12 {
    -webkit-transform: translate(12%, 0%) !important;
        -ms-transform: translate(12%, 0%) !important;
            transform: translate(12%, 0%) !important;
  }
}

.y-perc-neg-12 {
  -webkit-transform: translate(0%, -12%);
      -ms-transform: translate(0%, -12%);
          transform: translate(0%, -12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-12 {
    -webkit-transform: translate(0%, -12%) !important;
        -ms-transform: translate(0%, -12%) !important;
            transform: translate(0%, -12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-12 {
    -webkit-transform: translate(0%, -12%) !important;
        -ms-transform: translate(0%, -12%) !important;
            transform: translate(0%, -12%) !important;
  }
}

.y-perc-pos-12 {
  -webkit-transform: translate(0%, 12%);
      -ms-transform: translate(0%, 12%);
          transform: translate(0%, 12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-12 {
    -webkit-transform: translate(0%, 12%) !important;
        -ms-transform: translate(0%, 12%) !important;
            transform: translate(0%, 12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-12 {
    -webkit-transform: translate(0%, 12%) !important;
        -ms-transform: translate(0%, 12%) !important;
            transform: translate(0%, 12%) !important;
  }
}

.x-perc-center-neg-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12%, -50%);
      -ms-transform: translate(-12%, -50%);
          transform: translate(-12%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-12%, -50%) !important;
        -ms-transform: translate(-12%, -50%) !important;
            transform: translate(-12%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-12%, -50%) !important;
        -ms-transform: translate(-12%, -50%) !important;
            transform: translate(-12%, -50%) !important;
  }
}

.x-perc-center-pos-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(12%, -50%);
      -ms-transform: translate(12%, -50%);
          transform: translate(12%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(12%, -50%) !important;
        -ms-transform: translate(12%, -50%) !important;
            transform: translate(12%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(12%, -50%) !important;
        -ms-transform: translate(12%, -50%) !important;
            transform: translate(12%, -50%) !important;
  }
}

.y-perc-center-neg-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -12%);
      -ms-transform: translate(-50%, -12%);
          transform: translate(-50%, -12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -12%) !important;
        -ms-transform: translate(-50%, -12%) !important;
            transform: translate(-50%, -12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -12%) !important;
        -ms-transform: translate(-50%, -12%) !important;
            transform: translate(-50%, -12%) !important;
  }
}

.y-perc-center-pos-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 12%);
      -ms-transform: translate(-50%, 12%);
          transform: translate(-50%, 12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 12%) !important;
        -ms-transform: translate(-50%, 12%) !important;
            transform: translate(-50%, 12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 12%) !important;
        -ms-transform: translate(-50%, 12%) !important;
            transform: translate(-50%, 12%) !important;
  }
}

.x-perc-neg-13 {
  -webkit-transform: translate(-13%, 0%);
      -ms-transform: translate(-13%, 0%);
          transform: translate(-13%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-13 {
    -webkit-transform: translate(-13%, 0%) !important;
        -ms-transform: translate(-13%, 0%) !important;
            transform: translate(-13%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-13 {
    -webkit-transform: translate(-13%, 0%) !important;
        -ms-transform: translate(-13%, 0%) !important;
            transform: translate(-13%, 0%) !important;
  }
}

.x-perc-pos-13 {
  -webkit-transform: translate(13%, 0%);
      -ms-transform: translate(13%, 0%);
          transform: translate(13%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-13 {
    -webkit-transform: translate(13%, 0%) !important;
        -ms-transform: translate(13%, 0%) !important;
            transform: translate(13%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-13 {
    -webkit-transform: translate(13%, 0%) !important;
        -ms-transform: translate(13%, 0%) !important;
            transform: translate(13%, 0%) !important;
  }
}

.y-perc-neg-13 {
  -webkit-transform: translate(0%, -13%);
      -ms-transform: translate(0%, -13%);
          transform: translate(0%, -13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-13 {
    -webkit-transform: translate(0%, -13%) !important;
        -ms-transform: translate(0%, -13%) !important;
            transform: translate(0%, -13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-13 {
    -webkit-transform: translate(0%, -13%) !important;
        -ms-transform: translate(0%, -13%) !important;
            transform: translate(0%, -13%) !important;
  }
}

.y-perc-pos-13 {
  -webkit-transform: translate(0%, 13%);
      -ms-transform: translate(0%, 13%);
          transform: translate(0%, 13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-13 {
    -webkit-transform: translate(0%, 13%) !important;
        -ms-transform: translate(0%, 13%) !important;
            transform: translate(0%, 13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-13 {
    -webkit-transform: translate(0%, 13%) !important;
        -ms-transform: translate(0%, 13%) !important;
            transform: translate(0%, 13%) !important;
  }
}

.x-perc-center-neg-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-13%, -50%);
      -ms-transform: translate(-13%, -50%);
          transform: translate(-13%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-13%, -50%) !important;
        -ms-transform: translate(-13%, -50%) !important;
            transform: translate(-13%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-13%, -50%) !important;
        -ms-transform: translate(-13%, -50%) !important;
            transform: translate(-13%, -50%) !important;
  }
}

.x-perc-center-pos-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(13%, -50%);
      -ms-transform: translate(13%, -50%);
          transform: translate(13%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(13%, -50%) !important;
        -ms-transform: translate(13%, -50%) !important;
            transform: translate(13%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(13%, -50%) !important;
        -ms-transform: translate(13%, -50%) !important;
            transform: translate(13%, -50%) !important;
  }
}

.y-perc-center-neg-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -13%);
      -ms-transform: translate(-50%, -13%);
          transform: translate(-50%, -13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -13%) !important;
        -ms-transform: translate(-50%, -13%) !important;
            transform: translate(-50%, -13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -13%) !important;
        -ms-transform: translate(-50%, -13%) !important;
            transform: translate(-50%, -13%) !important;
  }
}

.y-perc-center-pos-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 13%);
      -ms-transform: translate(-50%, 13%);
          transform: translate(-50%, 13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 13%) !important;
        -ms-transform: translate(-50%, 13%) !important;
            transform: translate(-50%, 13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 13%) !important;
        -ms-transform: translate(-50%, 13%) !important;
            transform: translate(-50%, 13%) !important;
  }
}

.x-perc-neg-14 {
  -webkit-transform: translate(-14%, 0%);
      -ms-transform: translate(-14%, 0%);
          transform: translate(-14%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-14 {
    -webkit-transform: translate(-14%, 0%) !important;
        -ms-transform: translate(-14%, 0%) !important;
            transform: translate(-14%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-14 {
    -webkit-transform: translate(-14%, 0%) !important;
        -ms-transform: translate(-14%, 0%) !important;
            transform: translate(-14%, 0%) !important;
  }
}

.x-perc-pos-14 {
  -webkit-transform: translate(14%, 0%);
      -ms-transform: translate(14%, 0%);
          transform: translate(14%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-14 {
    -webkit-transform: translate(14%, 0%) !important;
        -ms-transform: translate(14%, 0%) !important;
            transform: translate(14%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-14 {
    -webkit-transform: translate(14%, 0%) !important;
        -ms-transform: translate(14%, 0%) !important;
            transform: translate(14%, 0%) !important;
  }
}

.y-perc-neg-14 {
  -webkit-transform: translate(0%, -14%);
      -ms-transform: translate(0%, -14%);
          transform: translate(0%, -14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-14 {
    -webkit-transform: translate(0%, -14%) !important;
        -ms-transform: translate(0%, -14%) !important;
            transform: translate(0%, -14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-14 {
    -webkit-transform: translate(0%, -14%) !important;
        -ms-transform: translate(0%, -14%) !important;
            transform: translate(0%, -14%) !important;
  }
}

.y-perc-pos-14 {
  -webkit-transform: translate(0%, 14%);
      -ms-transform: translate(0%, 14%);
          transform: translate(0%, 14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-14 {
    -webkit-transform: translate(0%, 14%) !important;
        -ms-transform: translate(0%, 14%) !important;
            transform: translate(0%, 14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-14 {
    -webkit-transform: translate(0%, 14%) !important;
        -ms-transform: translate(0%, 14%) !important;
            transform: translate(0%, 14%) !important;
  }
}

.x-perc-center-neg-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-14%, -50%);
      -ms-transform: translate(-14%, -50%);
          transform: translate(-14%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-14%, -50%) !important;
        -ms-transform: translate(-14%, -50%) !important;
            transform: translate(-14%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-14%, -50%) !important;
        -ms-transform: translate(-14%, -50%) !important;
            transform: translate(-14%, -50%) !important;
  }
}

.x-perc-center-pos-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(14%, -50%);
      -ms-transform: translate(14%, -50%);
          transform: translate(14%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(14%, -50%) !important;
        -ms-transform: translate(14%, -50%) !important;
            transform: translate(14%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(14%, -50%) !important;
        -ms-transform: translate(14%, -50%) !important;
            transform: translate(14%, -50%) !important;
  }
}

.y-perc-center-neg-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -14%);
      -ms-transform: translate(-50%, -14%);
          transform: translate(-50%, -14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -14%) !important;
        -ms-transform: translate(-50%, -14%) !important;
            transform: translate(-50%, -14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -14%) !important;
        -ms-transform: translate(-50%, -14%) !important;
            transform: translate(-50%, -14%) !important;
  }
}

.y-perc-center-pos-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 14%);
      -ms-transform: translate(-50%, 14%);
          transform: translate(-50%, 14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 14%) !important;
        -ms-transform: translate(-50%, 14%) !important;
            transform: translate(-50%, 14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 14%) !important;
        -ms-transform: translate(-50%, 14%) !important;
            transform: translate(-50%, 14%) !important;
  }
}

.x-perc-neg-15 {
  -webkit-transform: translate(-15%, 0%);
      -ms-transform: translate(-15%, 0%);
          transform: translate(-15%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-15 {
    -webkit-transform: translate(-15%, 0%) !important;
        -ms-transform: translate(-15%, 0%) !important;
            transform: translate(-15%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-15 {
    -webkit-transform: translate(-15%, 0%) !important;
        -ms-transform: translate(-15%, 0%) !important;
            transform: translate(-15%, 0%) !important;
  }
}

.x-perc-pos-15 {
  -webkit-transform: translate(15%, 0%);
      -ms-transform: translate(15%, 0%);
          transform: translate(15%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-15 {
    -webkit-transform: translate(15%, 0%) !important;
        -ms-transform: translate(15%, 0%) !important;
            transform: translate(15%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-15 {
    -webkit-transform: translate(15%, 0%) !important;
        -ms-transform: translate(15%, 0%) !important;
            transform: translate(15%, 0%) !important;
  }
}

.y-perc-neg-15 {
  -webkit-transform: translate(0%, -15%);
      -ms-transform: translate(0%, -15%);
          transform: translate(0%, -15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-15 {
    -webkit-transform: translate(0%, -15%) !important;
        -ms-transform: translate(0%, -15%) !important;
            transform: translate(0%, -15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-15 {
    -webkit-transform: translate(0%, -15%) !important;
        -ms-transform: translate(0%, -15%) !important;
            transform: translate(0%, -15%) !important;
  }
}

.y-perc-pos-15 {
  -webkit-transform: translate(0%, 15%);
      -ms-transform: translate(0%, 15%);
          transform: translate(0%, 15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-15 {
    -webkit-transform: translate(0%, 15%) !important;
        -ms-transform: translate(0%, 15%) !important;
            transform: translate(0%, 15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-15 {
    -webkit-transform: translate(0%, 15%) !important;
        -ms-transform: translate(0%, 15%) !important;
            transform: translate(0%, 15%) !important;
  }
}

.x-perc-center-neg-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-15%, -50%);
      -ms-transform: translate(-15%, -50%);
          transform: translate(-15%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-15%, -50%) !important;
        -ms-transform: translate(-15%, -50%) !important;
            transform: translate(-15%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-15%, -50%) !important;
        -ms-transform: translate(-15%, -50%) !important;
            transform: translate(-15%, -50%) !important;
  }
}

.x-perc-center-pos-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(15%, -50%);
      -ms-transform: translate(15%, -50%);
          transform: translate(15%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(15%, -50%) !important;
        -ms-transform: translate(15%, -50%) !important;
            transform: translate(15%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(15%, -50%) !important;
        -ms-transform: translate(15%, -50%) !important;
            transform: translate(15%, -50%) !important;
  }
}

.y-perc-center-neg-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -15%);
      -ms-transform: translate(-50%, -15%);
          transform: translate(-50%, -15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -15%) !important;
        -ms-transform: translate(-50%, -15%) !important;
            transform: translate(-50%, -15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -15%) !important;
        -ms-transform: translate(-50%, -15%) !important;
            transform: translate(-50%, -15%) !important;
  }
}

.y-perc-center-pos-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 15%);
      -ms-transform: translate(-50%, 15%);
          transform: translate(-50%, 15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 15%) !important;
        -ms-transform: translate(-50%, 15%) !important;
            transform: translate(-50%, 15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 15%) !important;
        -ms-transform: translate(-50%, 15%) !important;
            transform: translate(-50%, 15%) !important;
  }
}

.x-perc-neg-16 {
  -webkit-transform: translate(-16%, 0%);
      -ms-transform: translate(-16%, 0%);
          transform: translate(-16%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-16 {
    -webkit-transform: translate(-16%, 0%) !important;
        -ms-transform: translate(-16%, 0%) !important;
            transform: translate(-16%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-16 {
    -webkit-transform: translate(-16%, 0%) !important;
        -ms-transform: translate(-16%, 0%) !important;
            transform: translate(-16%, 0%) !important;
  }
}

.x-perc-pos-16 {
  -webkit-transform: translate(16%, 0%);
      -ms-transform: translate(16%, 0%);
          transform: translate(16%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-16 {
    -webkit-transform: translate(16%, 0%) !important;
        -ms-transform: translate(16%, 0%) !important;
            transform: translate(16%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-16 {
    -webkit-transform: translate(16%, 0%) !important;
        -ms-transform: translate(16%, 0%) !important;
            transform: translate(16%, 0%) !important;
  }
}

.y-perc-neg-16 {
  -webkit-transform: translate(0%, -16%);
      -ms-transform: translate(0%, -16%);
          transform: translate(0%, -16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-16 {
    -webkit-transform: translate(0%, -16%) !important;
        -ms-transform: translate(0%, -16%) !important;
            transform: translate(0%, -16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-16 {
    -webkit-transform: translate(0%, -16%) !important;
        -ms-transform: translate(0%, -16%) !important;
            transform: translate(0%, -16%) !important;
  }
}

.y-perc-pos-16 {
  -webkit-transform: translate(0%, 16%);
      -ms-transform: translate(0%, 16%);
          transform: translate(0%, 16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-16 {
    -webkit-transform: translate(0%, 16%) !important;
        -ms-transform: translate(0%, 16%) !important;
            transform: translate(0%, 16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-16 {
    -webkit-transform: translate(0%, 16%) !important;
        -ms-transform: translate(0%, 16%) !important;
            transform: translate(0%, 16%) !important;
  }
}

.x-perc-center-neg-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-16%, -50%);
      -ms-transform: translate(-16%, -50%);
          transform: translate(-16%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-16%, -50%) !important;
        -ms-transform: translate(-16%, -50%) !important;
            transform: translate(-16%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-16%, -50%) !important;
        -ms-transform: translate(-16%, -50%) !important;
            transform: translate(-16%, -50%) !important;
  }
}

.x-perc-center-pos-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(16%, -50%);
      -ms-transform: translate(16%, -50%);
          transform: translate(16%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(16%, -50%) !important;
        -ms-transform: translate(16%, -50%) !important;
            transform: translate(16%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(16%, -50%) !important;
        -ms-transform: translate(16%, -50%) !important;
            transform: translate(16%, -50%) !important;
  }
}

.y-perc-center-neg-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -16%);
      -ms-transform: translate(-50%, -16%);
          transform: translate(-50%, -16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -16%) !important;
        -ms-transform: translate(-50%, -16%) !important;
            transform: translate(-50%, -16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -16%) !important;
        -ms-transform: translate(-50%, -16%) !important;
            transform: translate(-50%, -16%) !important;
  }
}

.y-perc-center-pos-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 16%);
      -ms-transform: translate(-50%, 16%);
          transform: translate(-50%, 16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 16%) !important;
        -ms-transform: translate(-50%, 16%) !important;
            transform: translate(-50%, 16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 16%) !important;
        -ms-transform: translate(-50%, 16%) !important;
            transform: translate(-50%, 16%) !important;
  }
}

.x-perc-neg-17 {
  -webkit-transform: translate(-17%, 0%);
      -ms-transform: translate(-17%, 0%);
          transform: translate(-17%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-17 {
    -webkit-transform: translate(-17%, 0%) !important;
        -ms-transform: translate(-17%, 0%) !important;
            transform: translate(-17%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-17 {
    -webkit-transform: translate(-17%, 0%) !important;
        -ms-transform: translate(-17%, 0%) !important;
            transform: translate(-17%, 0%) !important;
  }
}

.x-perc-pos-17 {
  -webkit-transform: translate(17%, 0%);
      -ms-transform: translate(17%, 0%);
          transform: translate(17%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-17 {
    -webkit-transform: translate(17%, 0%) !important;
        -ms-transform: translate(17%, 0%) !important;
            transform: translate(17%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-17 {
    -webkit-transform: translate(17%, 0%) !important;
        -ms-transform: translate(17%, 0%) !important;
            transform: translate(17%, 0%) !important;
  }
}

.y-perc-neg-17 {
  -webkit-transform: translate(0%, -17%);
      -ms-transform: translate(0%, -17%);
          transform: translate(0%, -17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-17 {
    -webkit-transform: translate(0%, -17%) !important;
        -ms-transform: translate(0%, -17%) !important;
            transform: translate(0%, -17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-17 {
    -webkit-transform: translate(0%, -17%) !important;
        -ms-transform: translate(0%, -17%) !important;
            transform: translate(0%, -17%) !important;
  }
}

.y-perc-pos-17 {
  -webkit-transform: translate(0%, 17%);
      -ms-transform: translate(0%, 17%);
          transform: translate(0%, 17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-17 {
    -webkit-transform: translate(0%, 17%) !important;
        -ms-transform: translate(0%, 17%) !important;
            transform: translate(0%, 17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-17 {
    -webkit-transform: translate(0%, 17%) !important;
        -ms-transform: translate(0%, 17%) !important;
            transform: translate(0%, 17%) !important;
  }
}

.x-perc-center-neg-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-17%, -50%);
      -ms-transform: translate(-17%, -50%);
          transform: translate(-17%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-17%, -50%) !important;
        -ms-transform: translate(-17%, -50%) !important;
            transform: translate(-17%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-17%, -50%) !important;
        -ms-transform: translate(-17%, -50%) !important;
            transform: translate(-17%, -50%) !important;
  }
}

.x-perc-center-pos-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(17%, -50%);
      -ms-transform: translate(17%, -50%);
          transform: translate(17%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(17%, -50%) !important;
        -ms-transform: translate(17%, -50%) !important;
            transform: translate(17%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(17%, -50%) !important;
        -ms-transform: translate(17%, -50%) !important;
            transform: translate(17%, -50%) !important;
  }
}

.y-perc-center-neg-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -17%);
      -ms-transform: translate(-50%, -17%);
          transform: translate(-50%, -17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -17%) !important;
        -ms-transform: translate(-50%, -17%) !important;
            transform: translate(-50%, -17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -17%) !important;
        -ms-transform: translate(-50%, -17%) !important;
            transform: translate(-50%, -17%) !important;
  }
}

.y-perc-center-pos-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 17%);
      -ms-transform: translate(-50%, 17%);
          transform: translate(-50%, 17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 17%) !important;
        -ms-transform: translate(-50%, 17%) !important;
            transform: translate(-50%, 17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 17%) !important;
        -ms-transform: translate(-50%, 17%) !important;
            transform: translate(-50%, 17%) !important;
  }
}

.x-perc-neg-18 {
  -webkit-transform: translate(-18%, 0%);
      -ms-transform: translate(-18%, 0%);
          transform: translate(-18%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-18 {
    -webkit-transform: translate(-18%, 0%) !important;
        -ms-transform: translate(-18%, 0%) !important;
            transform: translate(-18%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-18 {
    -webkit-transform: translate(-18%, 0%) !important;
        -ms-transform: translate(-18%, 0%) !important;
            transform: translate(-18%, 0%) !important;
  }
}

.x-perc-pos-18 {
  -webkit-transform: translate(18%, 0%);
      -ms-transform: translate(18%, 0%);
          transform: translate(18%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-18 {
    -webkit-transform: translate(18%, 0%) !important;
        -ms-transform: translate(18%, 0%) !important;
            transform: translate(18%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-18 {
    -webkit-transform: translate(18%, 0%) !important;
        -ms-transform: translate(18%, 0%) !important;
            transform: translate(18%, 0%) !important;
  }
}

.y-perc-neg-18 {
  -webkit-transform: translate(0%, -18%);
      -ms-transform: translate(0%, -18%);
          transform: translate(0%, -18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-18 {
    -webkit-transform: translate(0%, -18%) !important;
        -ms-transform: translate(0%, -18%) !important;
            transform: translate(0%, -18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-18 {
    -webkit-transform: translate(0%, -18%) !important;
        -ms-transform: translate(0%, -18%) !important;
            transform: translate(0%, -18%) !important;
  }
}

.y-perc-pos-18 {
  -webkit-transform: translate(0%, 18%);
      -ms-transform: translate(0%, 18%);
          transform: translate(0%, 18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-18 {
    -webkit-transform: translate(0%, 18%) !important;
        -ms-transform: translate(0%, 18%) !important;
            transform: translate(0%, 18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-18 {
    -webkit-transform: translate(0%, 18%) !important;
        -ms-transform: translate(0%, 18%) !important;
            transform: translate(0%, 18%) !important;
  }
}

.x-perc-center-neg-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-18%, -50%);
      -ms-transform: translate(-18%, -50%);
          transform: translate(-18%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-18%, -50%) !important;
        -ms-transform: translate(-18%, -50%) !important;
            transform: translate(-18%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-18%, -50%) !important;
        -ms-transform: translate(-18%, -50%) !important;
            transform: translate(-18%, -50%) !important;
  }
}

.x-perc-center-pos-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(18%, -50%);
      -ms-transform: translate(18%, -50%);
          transform: translate(18%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(18%, -50%) !important;
        -ms-transform: translate(18%, -50%) !important;
            transform: translate(18%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(18%, -50%) !important;
        -ms-transform: translate(18%, -50%) !important;
            transform: translate(18%, -50%) !important;
  }
}

.y-perc-center-neg-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -18%);
      -ms-transform: translate(-50%, -18%);
          transform: translate(-50%, -18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -18%) !important;
        -ms-transform: translate(-50%, -18%) !important;
            transform: translate(-50%, -18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -18%) !important;
        -ms-transform: translate(-50%, -18%) !important;
            transform: translate(-50%, -18%) !important;
  }
}

.y-perc-center-pos-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 18%);
      -ms-transform: translate(-50%, 18%);
          transform: translate(-50%, 18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 18%) !important;
        -ms-transform: translate(-50%, 18%) !important;
            transform: translate(-50%, 18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 18%) !important;
        -ms-transform: translate(-50%, 18%) !important;
            transform: translate(-50%, 18%) !important;
  }
}

.x-perc-neg-19 {
  -webkit-transform: translate(-19%, 0%);
      -ms-transform: translate(-19%, 0%);
          transform: translate(-19%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-19 {
    -webkit-transform: translate(-19%, 0%) !important;
        -ms-transform: translate(-19%, 0%) !important;
            transform: translate(-19%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-19 {
    -webkit-transform: translate(-19%, 0%) !important;
        -ms-transform: translate(-19%, 0%) !important;
            transform: translate(-19%, 0%) !important;
  }
}

.x-perc-pos-19 {
  -webkit-transform: translate(19%, 0%);
      -ms-transform: translate(19%, 0%);
          transform: translate(19%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-19 {
    -webkit-transform: translate(19%, 0%) !important;
        -ms-transform: translate(19%, 0%) !important;
            transform: translate(19%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-19 {
    -webkit-transform: translate(19%, 0%) !important;
        -ms-transform: translate(19%, 0%) !important;
            transform: translate(19%, 0%) !important;
  }
}

.y-perc-neg-19 {
  -webkit-transform: translate(0%, -19%);
      -ms-transform: translate(0%, -19%);
          transform: translate(0%, -19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-19 {
    -webkit-transform: translate(0%, -19%) !important;
        -ms-transform: translate(0%, -19%) !important;
            transform: translate(0%, -19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-19 {
    -webkit-transform: translate(0%, -19%) !important;
        -ms-transform: translate(0%, -19%) !important;
            transform: translate(0%, -19%) !important;
  }
}

.y-perc-pos-19 {
  -webkit-transform: translate(0%, 19%);
      -ms-transform: translate(0%, 19%);
          transform: translate(0%, 19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-19 {
    -webkit-transform: translate(0%, 19%) !important;
        -ms-transform: translate(0%, 19%) !important;
            transform: translate(0%, 19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-19 {
    -webkit-transform: translate(0%, 19%) !important;
        -ms-transform: translate(0%, 19%) !important;
            transform: translate(0%, 19%) !important;
  }
}

.x-perc-center-neg-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-19%, -50%);
      -ms-transform: translate(-19%, -50%);
          transform: translate(-19%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-19%, -50%) !important;
        -ms-transform: translate(-19%, -50%) !important;
            transform: translate(-19%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-19%, -50%) !important;
        -ms-transform: translate(-19%, -50%) !important;
            transform: translate(-19%, -50%) !important;
  }
}

.x-perc-center-pos-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(19%, -50%);
      -ms-transform: translate(19%, -50%);
          transform: translate(19%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(19%, -50%) !important;
        -ms-transform: translate(19%, -50%) !important;
            transform: translate(19%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(19%, -50%) !important;
        -ms-transform: translate(19%, -50%) !important;
            transform: translate(19%, -50%) !important;
  }
}

.y-perc-center-neg-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -19%);
      -ms-transform: translate(-50%, -19%);
          transform: translate(-50%, -19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -19%) !important;
        -ms-transform: translate(-50%, -19%) !important;
            transform: translate(-50%, -19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -19%) !important;
        -ms-transform: translate(-50%, -19%) !important;
            transform: translate(-50%, -19%) !important;
  }
}

.y-perc-center-pos-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 19%);
      -ms-transform: translate(-50%, 19%);
          transform: translate(-50%, 19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 19%) !important;
        -ms-transform: translate(-50%, 19%) !important;
            transform: translate(-50%, 19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 19%) !important;
        -ms-transform: translate(-50%, 19%) !important;
            transform: translate(-50%, 19%) !important;
  }
}

.x-perc-neg-20 {
  -webkit-transform: translate(-20%, 0%);
      -ms-transform: translate(-20%, 0%);
          transform: translate(-20%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-20 {
    -webkit-transform: translate(-20%, 0%) !important;
        -ms-transform: translate(-20%, 0%) !important;
            transform: translate(-20%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-20 {
    -webkit-transform: translate(-20%, 0%) !important;
        -ms-transform: translate(-20%, 0%) !important;
            transform: translate(-20%, 0%) !important;
  }
}

.x-perc-pos-20 {
  -webkit-transform: translate(20%, 0%);
      -ms-transform: translate(20%, 0%);
          transform: translate(20%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-20 {
    -webkit-transform: translate(20%, 0%) !important;
        -ms-transform: translate(20%, 0%) !important;
            transform: translate(20%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-20 {
    -webkit-transform: translate(20%, 0%) !important;
        -ms-transform: translate(20%, 0%) !important;
            transform: translate(20%, 0%) !important;
  }
}

.y-perc-neg-20 {
  -webkit-transform: translate(0%, -20%);
      -ms-transform: translate(0%, -20%);
          transform: translate(0%, -20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-20 {
    -webkit-transform: translate(0%, -20%) !important;
        -ms-transform: translate(0%, -20%) !important;
            transform: translate(0%, -20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-20 {
    -webkit-transform: translate(0%, -20%) !important;
        -ms-transform: translate(0%, -20%) !important;
            transform: translate(0%, -20%) !important;
  }
}

.y-perc-pos-20 {
  -webkit-transform: translate(0%, 20%);
      -ms-transform: translate(0%, 20%);
          transform: translate(0%, 20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-20 {
    -webkit-transform: translate(0%, 20%) !important;
        -ms-transform: translate(0%, 20%) !important;
            transform: translate(0%, 20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-20 {
    -webkit-transform: translate(0%, 20%) !important;
        -ms-transform: translate(0%, 20%) !important;
            transform: translate(0%, 20%) !important;
  }
}

.x-perc-center-neg-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-20%, -50%);
      -ms-transform: translate(-20%, -50%);
          transform: translate(-20%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-20%, -50%) !important;
        -ms-transform: translate(-20%, -50%) !important;
            transform: translate(-20%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-20%, -50%) !important;
        -ms-transform: translate(-20%, -50%) !important;
            transform: translate(-20%, -50%) !important;
  }
}

.x-perc-center-pos-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(20%, -50%);
      -ms-transform: translate(20%, -50%);
          transform: translate(20%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(20%, -50%) !important;
        -ms-transform: translate(20%, -50%) !important;
            transform: translate(20%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(20%, -50%) !important;
        -ms-transform: translate(20%, -50%) !important;
            transform: translate(20%, -50%) !important;
  }
}

.y-perc-center-neg-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -20%);
      -ms-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -20%) !important;
        -ms-transform: translate(-50%, -20%) !important;
            transform: translate(-50%, -20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -20%) !important;
        -ms-transform: translate(-50%, -20%) !important;
            transform: translate(-50%, -20%) !important;
  }
}

.y-perc-center-pos-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 20%);
      -ms-transform: translate(-50%, 20%);
          transform: translate(-50%, 20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 20%) !important;
        -ms-transform: translate(-50%, 20%) !important;
            transform: translate(-50%, 20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 20%) !important;
        -ms-transform: translate(-50%, 20%) !important;
            transform: translate(-50%, 20%) !important;
  }
}

.x-perc-neg-21 {
  -webkit-transform: translate(-21%, 0%);
      -ms-transform: translate(-21%, 0%);
          transform: translate(-21%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-21 {
    -webkit-transform: translate(-21%, 0%) !important;
        -ms-transform: translate(-21%, 0%) !important;
            transform: translate(-21%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-21 {
    -webkit-transform: translate(-21%, 0%) !important;
        -ms-transform: translate(-21%, 0%) !important;
            transform: translate(-21%, 0%) !important;
  }
}

.x-perc-pos-21 {
  -webkit-transform: translate(21%, 0%);
      -ms-transform: translate(21%, 0%);
          transform: translate(21%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-21 {
    -webkit-transform: translate(21%, 0%) !important;
        -ms-transform: translate(21%, 0%) !important;
            transform: translate(21%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-21 {
    -webkit-transform: translate(21%, 0%) !important;
        -ms-transform: translate(21%, 0%) !important;
            transform: translate(21%, 0%) !important;
  }
}

.y-perc-neg-21 {
  -webkit-transform: translate(0%, -21%);
      -ms-transform: translate(0%, -21%);
          transform: translate(0%, -21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-21 {
    -webkit-transform: translate(0%, -21%) !important;
        -ms-transform: translate(0%, -21%) !important;
            transform: translate(0%, -21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-21 {
    -webkit-transform: translate(0%, -21%) !important;
        -ms-transform: translate(0%, -21%) !important;
            transform: translate(0%, -21%) !important;
  }
}

.y-perc-pos-21 {
  -webkit-transform: translate(0%, 21%);
      -ms-transform: translate(0%, 21%);
          transform: translate(0%, 21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-21 {
    -webkit-transform: translate(0%, 21%) !important;
        -ms-transform: translate(0%, 21%) !important;
            transform: translate(0%, 21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-21 {
    -webkit-transform: translate(0%, 21%) !important;
        -ms-transform: translate(0%, 21%) !important;
            transform: translate(0%, 21%) !important;
  }
}

.x-perc-center-neg-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-21%, -50%);
      -ms-transform: translate(-21%, -50%);
          transform: translate(-21%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-21%, -50%) !important;
        -ms-transform: translate(-21%, -50%) !important;
            transform: translate(-21%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-21%, -50%) !important;
        -ms-transform: translate(-21%, -50%) !important;
            transform: translate(-21%, -50%) !important;
  }
}

.x-perc-center-pos-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(21%, -50%);
      -ms-transform: translate(21%, -50%);
          transform: translate(21%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(21%, -50%) !important;
        -ms-transform: translate(21%, -50%) !important;
            transform: translate(21%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(21%, -50%) !important;
        -ms-transform: translate(21%, -50%) !important;
            transform: translate(21%, -50%) !important;
  }
}

.y-perc-center-neg-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -21%);
      -ms-transform: translate(-50%, -21%);
          transform: translate(-50%, -21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -21%) !important;
        -ms-transform: translate(-50%, -21%) !important;
            transform: translate(-50%, -21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -21%) !important;
        -ms-transform: translate(-50%, -21%) !important;
            transform: translate(-50%, -21%) !important;
  }
}

.y-perc-center-pos-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 21%);
      -ms-transform: translate(-50%, 21%);
          transform: translate(-50%, 21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 21%) !important;
        -ms-transform: translate(-50%, 21%) !important;
            transform: translate(-50%, 21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 21%) !important;
        -ms-transform: translate(-50%, 21%) !important;
            transform: translate(-50%, 21%) !important;
  }
}

.x-perc-neg-22 {
  -webkit-transform: translate(-22%, 0%);
      -ms-transform: translate(-22%, 0%);
          transform: translate(-22%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-22 {
    -webkit-transform: translate(-22%, 0%) !important;
        -ms-transform: translate(-22%, 0%) !important;
            transform: translate(-22%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-22 {
    -webkit-transform: translate(-22%, 0%) !important;
        -ms-transform: translate(-22%, 0%) !important;
            transform: translate(-22%, 0%) !important;
  }
}

.x-perc-pos-22 {
  -webkit-transform: translate(22%, 0%);
      -ms-transform: translate(22%, 0%);
          transform: translate(22%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-22 {
    -webkit-transform: translate(22%, 0%) !important;
        -ms-transform: translate(22%, 0%) !important;
            transform: translate(22%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-22 {
    -webkit-transform: translate(22%, 0%) !important;
        -ms-transform: translate(22%, 0%) !important;
            transform: translate(22%, 0%) !important;
  }
}

.y-perc-neg-22 {
  -webkit-transform: translate(0%, -22%);
      -ms-transform: translate(0%, -22%);
          transform: translate(0%, -22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-22 {
    -webkit-transform: translate(0%, -22%) !important;
        -ms-transform: translate(0%, -22%) !important;
            transform: translate(0%, -22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-22 {
    -webkit-transform: translate(0%, -22%) !important;
        -ms-transform: translate(0%, -22%) !important;
            transform: translate(0%, -22%) !important;
  }
}

.y-perc-pos-22 {
  -webkit-transform: translate(0%, 22%);
      -ms-transform: translate(0%, 22%);
          transform: translate(0%, 22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-22 {
    -webkit-transform: translate(0%, 22%) !important;
        -ms-transform: translate(0%, 22%) !important;
            transform: translate(0%, 22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-22 {
    -webkit-transform: translate(0%, 22%) !important;
        -ms-transform: translate(0%, 22%) !important;
            transform: translate(0%, 22%) !important;
  }
}

.x-perc-center-neg-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-22%, -50%);
      -ms-transform: translate(-22%, -50%);
          transform: translate(-22%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-22%, -50%) !important;
        -ms-transform: translate(-22%, -50%) !important;
            transform: translate(-22%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-22%, -50%) !important;
        -ms-transform: translate(-22%, -50%) !important;
            transform: translate(-22%, -50%) !important;
  }
}

.x-perc-center-pos-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(22%, -50%);
      -ms-transform: translate(22%, -50%);
          transform: translate(22%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(22%, -50%) !important;
        -ms-transform: translate(22%, -50%) !important;
            transform: translate(22%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(22%, -50%) !important;
        -ms-transform: translate(22%, -50%) !important;
            transform: translate(22%, -50%) !important;
  }
}

.y-perc-center-neg-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -22%);
      -ms-transform: translate(-50%, -22%);
          transform: translate(-50%, -22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -22%) !important;
        -ms-transform: translate(-50%, -22%) !important;
            transform: translate(-50%, -22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -22%) !important;
        -ms-transform: translate(-50%, -22%) !important;
            transform: translate(-50%, -22%) !important;
  }
}

.y-perc-center-pos-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 22%);
      -ms-transform: translate(-50%, 22%);
          transform: translate(-50%, 22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 22%) !important;
        -ms-transform: translate(-50%, 22%) !important;
            transform: translate(-50%, 22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 22%) !important;
        -ms-transform: translate(-50%, 22%) !important;
            transform: translate(-50%, 22%) !important;
  }
}

.x-perc-neg-23 {
  -webkit-transform: translate(-23%, 0%);
      -ms-transform: translate(-23%, 0%);
          transform: translate(-23%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-23 {
    -webkit-transform: translate(-23%, 0%) !important;
        -ms-transform: translate(-23%, 0%) !important;
            transform: translate(-23%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-23 {
    -webkit-transform: translate(-23%, 0%) !important;
        -ms-transform: translate(-23%, 0%) !important;
            transform: translate(-23%, 0%) !important;
  }
}

.x-perc-pos-23 {
  -webkit-transform: translate(23%, 0%);
      -ms-transform: translate(23%, 0%);
          transform: translate(23%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-23 {
    -webkit-transform: translate(23%, 0%) !important;
        -ms-transform: translate(23%, 0%) !important;
            transform: translate(23%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-23 {
    -webkit-transform: translate(23%, 0%) !important;
        -ms-transform: translate(23%, 0%) !important;
            transform: translate(23%, 0%) !important;
  }
}

.y-perc-neg-23 {
  -webkit-transform: translate(0%, -23%);
      -ms-transform: translate(0%, -23%);
          transform: translate(0%, -23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-23 {
    -webkit-transform: translate(0%, -23%) !important;
        -ms-transform: translate(0%, -23%) !important;
            transform: translate(0%, -23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-23 {
    -webkit-transform: translate(0%, -23%) !important;
        -ms-transform: translate(0%, -23%) !important;
            transform: translate(0%, -23%) !important;
  }
}

.y-perc-pos-23 {
  -webkit-transform: translate(0%, 23%);
      -ms-transform: translate(0%, 23%);
          transform: translate(0%, 23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-23 {
    -webkit-transform: translate(0%, 23%) !important;
        -ms-transform: translate(0%, 23%) !important;
            transform: translate(0%, 23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-23 {
    -webkit-transform: translate(0%, 23%) !important;
        -ms-transform: translate(0%, 23%) !important;
            transform: translate(0%, 23%) !important;
  }
}

.x-perc-center-neg-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-23%, -50%);
      -ms-transform: translate(-23%, -50%);
          transform: translate(-23%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-23%, -50%) !important;
        -ms-transform: translate(-23%, -50%) !important;
            transform: translate(-23%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-23%, -50%) !important;
        -ms-transform: translate(-23%, -50%) !important;
            transform: translate(-23%, -50%) !important;
  }
}

.x-perc-center-pos-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(23%, -50%);
      -ms-transform: translate(23%, -50%);
          transform: translate(23%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(23%, -50%) !important;
        -ms-transform: translate(23%, -50%) !important;
            transform: translate(23%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(23%, -50%) !important;
        -ms-transform: translate(23%, -50%) !important;
            transform: translate(23%, -50%) !important;
  }
}

.y-perc-center-neg-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -23%);
      -ms-transform: translate(-50%, -23%);
          transform: translate(-50%, -23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -23%) !important;
        -ms-transform: translate(-50%, -23%) !important;
            transform: translate(-50%, -23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -23%) !important;
        -ms-transform: translate(-50%, -23%) !important;
            transform: translate(-50%, -23%) !important;
  }
}

.y-perc-center-pos-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 23%);
      -ms-transform: translate(-50%, 23%);
          transform: translate(-50%, 23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 23%) !important;
        -ms-transform: translate(-50%, 23%) !important;
            transform: translate(-50%, 23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 23%) !important;
        -ms-transform: translate(-50%, 23%) !important;
            transform: translate(-50%, 23%) !important;
  }
}

.x-perc-neg-24 {
  -webkit-transform: translate(-24%, 0%);
      -ms-transform: translate(-24%, 0%);
          transform: translate(-24%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-24 {
    -webkit-transform: translate(-24%, 0%) !important;
        -ms-transform: translate(-24%, 0%) !important;
            transform: translate(-24%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-24 {
    -webkit-transform: translate(-24%, 0%) !important;
        -ms-transform: translate(-24%, 0%) !important;
            transform: translate(-24%, 0%) !important;
  }
}

.x-perc-pos-24 {
  -webkit-transform: translate(24%, 0%);
      -ms-transform: translate(24%, 0%);
          transform: translate(24%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-24 {
    -webkit-transform: translate(24%, 0%) !important;
        -ms-transform: translate(24%, 0%) !important;
            transform: translate(24%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-24 {
    -webkit-transform: translate(24%, 0%) !important;
        -ms-transform: translate(24%, 0%) !important;
            transform: translate(24%, 0%) !important;
  }
}

.y-perc-neg-24 {
  -webkit-transform: translate(0%, -24%);
      -ms-transform: translate(0%, -24%);
          transform: translate(0%, -24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-24 {
    -webkit-transform: translate(0%, -24%) !important;
        -ms-transform: translate(0%, -24%) !important;
            transform: translate(0%, -24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-24 {
    -webkit-transform: translate(0%, -24%) !important;
        -ms-transform: translate(0%, -24%) !important;
            transform: translate(0%, -24%) !important;
  }
}

.y-perc-pos-24 {
  -webkit-transform: translate(0%, 24%);
      -ms-transform: translate(0%, 24%);
          transform: translate(0%, 24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-24 {
    -webkit-transform: translate(0%, 24%) !important;
        -ms-transform: translate(0%, 24%) !important;
            transform: translate(0%, 24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-24 {
    -webkit-transform: translate(0%, 24%) !important;
        -ms-transform: translate(0%, 24%) !important;
            transform: translate(0%, 24%) !important;
  }
}

.x-perc-center-neg-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-24%, -50%);
      -ms-transform: translate(-24%, -50%);
          transform: translate(-24%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-24%, -50%) !important;
        -ms-transform: translate(-24%, -50%) !important;
            transform: translate(-24%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-24%, -50%) !important;
        -ms-transform: translate(-24%, -50%) !important;
            transform: translate(-24%, -50%) !important;
  }
}

.x-perc-center-pos-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(24%, -50%);
      -ms-transform: translate(24%, -50%);
          transform: translate(24%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(24%, -50%) !important;
        -ms-transform: translate(24%, -50%) !important;
            transform: translate(24%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(24%, -50%) !important;
        -ms-transform: translate(24%, -50%) !important;
            transform: translate(24%, -50%) !important;
  }
}

.y-perc-center-neg-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -24%);
      -ms-transform: translate(-50%, -24%);
          transform: translate(-50%, -24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -24%) !important;
        -ms-transform: translate(-50%, -24%) !important;
            transform: translate(-50%, -24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -24%) !important;
        -ms-transform: translate(-50%, -24%) !important;
            transform: translate(-50%, -24%) !important;
  }
}

.y-perc-center-pos-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 24%);
      -ms-transform: translate(-50%, 24%);
          transform: translate(-50%, 24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 24%) !important;
        -ms-transform: translate(-50%, 24%) !important;
            transform: translate(-50%, 24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 24%) !important;
        -ms-transform: translate(-50%, 24%) !important;
            transform: translate(-50%, 24%) !important;
  }
}

.x-perc-neg-25 {
  -webkit-transform: translate(-25%, 0%);
      -ms-transform: translate(-25%, 0%);
          transform: translate(-25%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-25 {
    -webkit-transform: translate(-25%, 0%) !important;
        -ms-transform: translate(-25%, 0%) !important;
            transform: translate(-25%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-25 {
    -webkit-transform: translate(-25%, 0%) !important;
        -ms-transform: translate(-25%, 0%) !important;
            transform: translate(-25%, 0%) !important;
  }
}

.x-perc-pos-25 {
  -webkit-transform: translate(25%, 0%);
      -ms-transform: translate(25%, 0%);
          transform: translate(25%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-25 {
    -webkit-transform: translate(25%, 0%) !important;
        -ms-transform: translate(25%, 0%) !important;
            transform: translate(25%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-25 {
    -webkit-transform: translate(25%, 0%) !important;
        -ms-transform: translate(25%, 0%) !important;
            transform: translate(25%, 0%) !important;
  }
}

.y-perc-neg-25 {
  -webkit-transform: translate(0%, -25%);
      -ms-transform: translate(0%, -25%);
          transform: translate(0%, -25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-25 {
    -webkit-transform: translate(0%, -25%) !important;
        -ms-transform: translate(0%, -25%) !important;
            transform: translate(0%, -25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-25 {
    -webkit-transform: translate(0%, -25%) !important;
        -ms-transform: translate(0%, -25%) !important;
            transform: translate(0%, -25%) !important;
  }
}

.y-perc-pos-25 {
  -webkit-transform: translate(0%, 25%);
      -ms-transform: translate(0%, 25%);
          transform: translate(0%, 25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-25 {
    -webkit-transform: translate(0%, 25%) !important;
        -ms-transform: translate(0%, 25%) !important;
            transform: translate(0%, 25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-25 {
    -webkit-transform: translate(0%, 25%) !important;
        -ms-transform: translate(0%, 25%) !important;
            transform: translate(0%, 25%) !important;
  }
}

.x-perc-center-neg-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-25%, -50%);
      -ms-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-25%, -50%) !important;
        -ms-transform: translate(-25%, -50%) !important;
            transform: translate(-25%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-25%, -50%) !important;
        -ms-transform: translate(-25%, -50%) !important;
            transform: translate(-25%, -50%) !important;
  }
}

.x-perc-center-pos-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(25%, -50%);
      -ms-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(25%, -50%) !important;
        -ms-transform: translate(25%, -50%) !important;
            transform: translate(25%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(25%, -50%) !important;
        -ms-transform: translate(25%, -50%) !important;
            transform: translate(25%, -50%) !important;
  }
}

.y-perc-center-neg-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
      -ms-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -25%) !important;
        -ms-transform: translate(-50%, -25%) !important;
            transform: translate(-50%, -25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -25%) !important;
        -ms-transform: translate(-50%, -25%) !important;
            transform: translate(-50%, -25%) !important;
  }
}

.y-perc-center-pos-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 25%);
      -ms-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 25%) !important;
        -ms-transform: translate(-50%, 25%) !important;
            transform: translate(-50%, 25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 25%) !important;
        -ms-transform: translate(-50%, 25%) !important;
            transform: translate(-50%, 25%) !important;
  }
}

.x-perc-neg-26 {
  -webkit-transform: translate(-26%, 0%);
      -ms-transform: translate(-26%, 0%);
          transform: translate(-26%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-26 {
    -webkit-transform: translate(-26%, 0%) !important;
        -ms-transform: translate(-26%, 0%) !important;
            transform: translate(-26%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-26 {
    -webkit-transform: translate(-26%, 0%) !important;
        -ms-transform: translate(-26%, 0%) !important;
            transform: translate(-26%, 0%) !important;
  }
}

.x-perc-pos-26 {
  -webkit-transform: translate(26%, 0%);
      -ms-transform: translate(26%, 0%);
          transform: translate(26%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-26 {
    -webkit-transform: translate(26%, 0%) !important;
        -ms-transform: translate(26%, 0%) !important;
            transform: translate(26%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-26 {
    -webkit-transform: translate(26%, 0%) !important;
        -ms-transform: translate(26%, 0%) !important;
            transform: translate(26%, 0%) !important;
  }
}

.y-perc-neg-26 {
  -webkit-transform: translate(0%, -26%);
      -ms-transform: translate(0%, -26%);
          transform: translate(0%, -26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-26 {
    -webkit-transform: translate(0%, -26%) !important;
        -ms-transform: translate(0%, -26%) !important;
            transform: translate(0%, -26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-26 {
    -webkit-transform: translate(0%, -26%) !important;
        -ms-transform: translate(0%, -26%) !important;
            transform: translate(0%, -26%) !important;
  }
}

.y-perc-pos-26 {
  -webkit-transform: translate(0%, 26%);
      -ms-transform: translate(0%, 26%);
          transform: translate(0%, 26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-26 {
    -webkit-transform: translate(0%, 26%) !important;
        -ms-transform: translate(0%, 26%) !important;
            transform: translate(0%, 26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-26 {
    -webkit-transform: translate(0%, 26%) !important;
        -ms-transform: translate(0%, 26%) !important;
            transform: translate(0%, 26%) !important;
  }
}

.x-perc-center-neg-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-26%, -50%);
      -ms-transform: translate(-26%, -50%);
          transform: translate(-26%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-26%, -50%) !important;
        -ms-transform: translate(-26%, -50%) !important;
            transform: translate(-26%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-26%, -50%) !important;
        -ms-transform: translate(-26%, -50%) !important;
            transform: translate(-26%, -50%) !important;
  }
}

.x-perc-center-pos-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(26%, -50%);
      -ms-transform: translate(26%, -50%);
          transform: translate(26%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(26%, -50%) !important;
        -ms-transform: translate(26%, -50%) !important;
            transform: translate(26%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(26%, -50%) !important;
        -ms-transform: translate(26%, -50%) !important;
            transform: translate(26%, -50%) !important;
  }
}

.y-perc-center-neg-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -26%);
      -ms-transform: translate(-50%, -26%);
          transform: translate(-50%, -26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -26%) !important;
        -ms-transform: translate(-50%, -26%) !important;
            transform: translate(-50%, -26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -26%) !important;
        -ms-transform: translate(-50%, -26%) !important;
            transform: translate(-50%, -26%) !important;
  }
}

.y-perc-center-pos-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 26%);
      -ms-transform: translate(-50%, 26%);
          transform: translate(-50%, 26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 26%) !important;
        -ms-transform: translate(-50%, 26%) !important;
            transform: translate(-50%, 26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 26%) !important;
        -ms-transform: translate(-50%, 26%) !important;
            transform: translate(-50%, 26%) !important;
  }
}

.x-perc-neg-27 {
  -webkit-transform: translate(-27%, 0%);
      -ms-transform: translate(-27%, 0%);
          transform: translate(-27%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-27 {
    -webkit-transform: translate(-27%, 0%) !important;
        -ms-transform: translate(-27%, 0%) !important;
            transform: translate(-27%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-27 {
    -webkit-transform: translate(-27%, 0%) !important;
        -ms-transform: translate(-27%, 0%) !important;
            transform: translate(-27%, 0%) !important;
  }
}

.x-perc-pos-27 {
  -webkit-transform: translate(27%, 0%);
      -ms-transform: translate(27%, 0%);
          transform: translate(27%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-27 {
    -webkit-transform: translate(27%, 0%) !important;
        -ms-transform: translate(27%, 0%) !important;
            transform: translate(27%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-27 {
    -webkit-transform: translate(27%, 0%) !important;
        -ms-transform: translate(27%, 0%) !important;
            transform: translate(27%, 0%) !important;
  }
}

.y-perc-neg-27 {
  -webkit-transform: translate(0%, -27%);
      -ms-transform: translate(0%, -27%);
          transform: translate(0%, -27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-27 {
    -webkit-transform: translate(0%, -27%) !important;
        -ms-transform: translate(0%, -27%) !important;
            transform: translate(0%, -27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-27 {
    -webkit-transform: translate(0%, -27%) !important;
        -ms-transform: translate(0%, -27%) !important;
            transform: translate(0%, -27%) !important;
  }
}

.y-perc-pos-27 {
  -webkit-transform: translate(0%, 27%);
      -ms-transform: translate(0%, 27%);
          transform: translate(0%, 27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-27 {
    -webkit-transform: translate(0%, 27%) !important;
        -ms-transform: translate(0%, 27%) !important;
            transform: translate(0%, 27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-27 {
    -webkit-transform: translate(0%, 27%) !important;
        -ms-transform: translate(0%, 27%) !important;
            transform: translate(0%, 27%) !important;
  }
}

.x-perc-center-neg-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-27%, -50%);
      -ms-transform: translate(-27%, -50%);
          transform: translate(-27%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-27%, -50%) !important;
        -ms-transform: translate(-27%, -50%) !important;
            transform: translate(-27%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-27%, -50%) !important;
        -ms-transform: translate(-27%, -50%) !important;
            transform: translate(-27%, -50%) !important;
  }
}

.x-perc-center-pos-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(27%, -50%);
      -ms-transform: translate(27%, -50%);
          transform: translate(27%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(27%, -50%) !important;
        -ms-transform: translate(27%, -50%) !important;
            transform: translate(27%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(27%, -50%) !important;
        -ms-transform: translate(27%, -50%) !important;
            transform: translate(27%, -50%) !important;
  }
}

.y-perc-center-neg-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -27%);
      -ms-transform: translate(-50%, -27%);
          transform: translate(-50%, -27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -27%) !important;
        -ms-transform: translate(-50%, -27%) !important;
            transform: translate(-50%, -27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -27%) !important;
        -ms-transform: translate(-50%, -27%) !important;
            transform: translate(-50%, -27%) !important;
  }
}

.y-perc-center-pos-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 27%);
      -ms-transform: translate(-50%, 27%);
          transform: translate(-50%, 27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 27%) !important;
        -ms-transform: translate(-50%, 27%) !important;
            transform: translate(-50%, 27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 27%) !important;
        -ms-transform: translate(-50%, 27%) !important;
            transform: translate(-50%, 27%) !important;
  }
}

.x-perc-neg-28 {
  -webkit-transform: translate(-28%, 0%);
      -ms-transform: translate(-28%, 0%);
          transform: translate(-28%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-28 {
    -webkit-transform: translate(-28%, 0%) !important;
        -ms-transform: translate(-28%, 0%) !important;
            transform: translate(-28%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-28 {
    -webkit-transform: translate(-28%, 0%) !important;
        -ms-transform: translate(-28%, 0%) !important;
            transform: translate(-28%, 0%) !important;
  }
}

.x-perc-pos-28 {
  -webkit-transform: translate(28%, 0%);
      -ms-transform: translate(28%, 0%);
          transform: translate(28%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-28 {
    -webkit-transform: translate(28%, 0%) !important;
        -ms-transform: translate(28%, 0%) !important;
            transform: translate(28%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-28 {
    -webkit-transform: translate(28%, 0%) !important;
        -ms-transform: translate(28%, 0%) !important;
            transform: translate(28%, 0%) !important;
  }
}

.y-perc-neg-28 {
  -webkit-transform: translate(0%, -28%);
      -ms-transform: translate(0%, -28%);
          transform: translate(0%, -28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-28 {
    -webkit-transform: translate(0%, -28%) !important;
        -ms-transform: translate(0%, -28%) !important;
            transform: translate(0%, -28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-28 {
    -webkit-transform: translate(0%, -28%) !important;
        -ms-transform: translate(0%, -28%) !important;
            transform: translate(0%, -28%) !important;
  }
}

.y-perc-pos-28 {
  -webkit-transform: translate(0%, 28%);
      -ms-transform: translate(0%, 28%);
          transform: translate(0%, 28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-28 {
    -webkit-transform: translate(0%, 28%) !important;
        -ms-transform: translate(0%, 28%) !important;
            transform: translate(0%, 28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-28 {
    -webkit-transform: translate(0%, 28%) !important;
        -ms-transform: translate(0%, 28%) !important;
            transform: translate(0%, 28%) !important;
  }
}

.x-perc-center-neg-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-28%, -50%);
      -ms-transform: translate(-28%, -50%);
          transform: translate(-28%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-28%, -50%) !important;
        -ms-transform: translate(-28%, -50%) !important;
            transform: translate(-28%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-28%, -50%) !important;
        -ms-transform: translate(-28%, -50%) !important;
            transform: translate(-28%, -50%) !important;
  }
}

.x-perc-center-pos-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(28%, -50%);
      -ms-transform: translate(28%, -50%);
          transform: translate(28%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(28%, -50%) !important;
        -ms-transform: translate(28%, -50%) !important;
            transform: translate(28%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(28%, -50%) !important;
        -ms-transform: translate(28%, -50%) !important;
            transform: translate(28%, -50%) !important;
  }
}

.y-perc-center-neg-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -28%);
      -ms-transform: translate(-50%, -28%);
          transform: translate(-50%, -28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -28%) !important;
        -ms-transform: translate(-50%, -28%) !important;
            transform: translate(-50%, -28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -28%) !important;
        -ms-transform: translate(-50%, -28%) !important;
            transform: translate(-50%, -28%) !important;
  }
}

.y-perc-center-pos-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 28%);
      -ms-transform: translate(-50%, 28%);
          transform: translate(-50%, 28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 28%) !important;
        -ms-transform: translate(-50%, 28%) !important;
            transform: translate(-50%, 28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 28%) !important;
        -ms-transform: translate(-50%, 28%) !important;
            transform: translate(-50%, 28%) !important;
  }
}

.x-perc-neg-29 {
  -webkit-transform: translate(-29%, 0%);
      -ms-transform: translate(-29%, 0%);
          transform: translate(-29%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-29 {
    -webkit-transform: translate(-29%, 0%) !important;
        -ms-transform: translate(-29%, 0%) !important;
            transform: translate(-29%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-29 {
    -webkit-transform: translate(-29%, 0%) !important;
        -ms-transform: translate(-29%, 0%) !important;
            transform: translate(-29%, 0%) !important;
  }
}

.x-perc-pos-29 {
  -webkit-transform: translate(29%, 0%);
      -ms-transform: translate(29%, 0%);
          transform: translate(29%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-29 {
    -webkit-transform: translate(29%, 0%) !important;
        -ms-transform: translate(29%, 0%) !important;
            transform: translate(29%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-29 {
    -webkit-transform: translate(29%, 0%) !important;
        -ms-transform: translate(29%, 0%) !important;
            transform: translate(29%, 0%) !important;
  }
}

.y-perc-neg-29 {
  -webkit-transform: translate(0%, -29%);
      -ms-transform: translate(0%, -29%);
          transform: translate(0%, -29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-29 {
    -webkit-transform: translate(0%, -29%) !important;
        -ms-transform: translate(0%, -29%) !important;
            transform: translate(0%, -29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-29 {
    -webkit-transform: translate(0%, -29%) !important;
        -ms-transform: translate(0%, -29%) !important;
            transform: translate(0%, -29%) !important;
  }
}

.y-perc-pos-29 {
  -webkit-transform: translate(0%, 29%);
      -ms-transform: translate(0%, 29%);
          transform: translate(0%, 29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-29 {
    -webkit-transform: translate(0%, 29%) !important;
        -ms-transform: translate(0%, 29%) !important;
            transform: translate(0%, 29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-29 {
    -webkit-transform: translate(0%, 29%) !important;
        -ms-transform: translate(0%, 29%) !important;
            transform: translate(0%, 29%) !important;
  }
}

.x-perc-center-neg-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-29%, -50%);
      -ms-transform: translate(-29%, -50%);
          transform: translate(-29%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-29%, -50%) !important;
        -ms-transform: translate(-29%, -50%) !important;
            transform: translate(-29%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-29%, -50%) !important;
        -ms-transform: translate(-29%, -50%) !important;
            transform: translate(-29%, -50%) !important;
  }
}

.x-perc-center-pos-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(29%, -50%);
      -ms-transform: translate(29%, -50%);
          transform: translate(29%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(29%, -50%) !important;
        -ms-transform: translate(29%, -50%) !important;
            transform: translate(29%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(29%, -50%) !important;
        -ms-transform: translate(29%, -50%) !important;
            transform: translate(29%, -50%) !important;
  }
}

.y-perc-center-neg-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -29%);
      -ms-transform: translate(-50%, -29%);
          transform: translate(-50%, -29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -29%) !important;
        -ms-transform: translate(-50%, -29%) !important;
            transform: translate(-50%, -29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -29%) !important;
        -ms-transform: translate(-50%, -29%) !important;
            transform: translate(-50%, -29%) !important;
  }
}

.y-perc-center-pos-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 29%);
      -ms-transform: translate(-50%, 29%);
          transform: translate(-50%, 29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 29%) !important;
        -ms-transform: translate(-50%, 29%) !important;
            transform: translate(-50%, 29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 29%) !important;
        -ms-transform: translate(-50%, 29%) !important;
            transform: translate(-50%, 29%) !important;
  }
}

.x-perc-neg-30 {
  -webkit-transform: translate(-30%, 0%);
      -ms-transform: translate(-30%, 0%);
          transform: translate(-30%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-30 {
    -webkit-transform: translate(-30%, 0%) !important;
        -ms-transform: translate(-30%, 0%) !important;
            transform: translate(-30%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-30 {
    -webkit-transform: translate(-30%, 0%) !important;
        -ms-transform: translate(-30%, 0%) !important;
            transform: translate(-30%, 0%) !important;
  }
}

.x-perc-pos-30 {
  -webkit-transform: translate(30%, 0%);
      -ms-transform: translate(30%, 0%);
          transform: translate(30%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-30 {
    -webkit-transform: translate(30%, 0%) !important;
        -ms-transform: translate(30%, 0%) !important;
            transform: translate(30%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-30 {
    -webkit-transform: translate(30%, 0%) !important;
        -ms-transform: translate(30%, 0%) !important;
            transform: translate(30%, 0%) !important;
  }
}

.y-perc-neg-30 {
  -webkit-transform: translate(0%, -30%);
      -ms-transform: translate(0%, -30%);
          transform: translate(0%, -30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-30 {
    -webkit-transform: translate(0%, -30%) !important;
        -ms-transform: translate(0%, -30%) !important;
            transform: translate(0%, -30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-30 {
    -webkit-transform: translate(0%, -30%) !important;
        -ms-transform: translate(0%, -30%) !important;
            transform: translate(0%, -30%) !important;
  }
}

.y-perc-pos-30 {
  -webkit-transform: translate(0%, 30%);
      -ms-transform: translate(0%, 30%);
          transform: translate(0%, 30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-30 {
    -webkit-transform: translate(0%, 30%) !important;
        -ms-transform: translate(0%, 30%) !important;
            transform: translate(0%, 30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-30 {
    -webkit-transform: translate(0%, 30%) !important;
        -ms-transform: translate(0%, 30%) !important;
            transform: translate(0%, 30%) !important;
  }
}

.x-perc-center-neg-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-30%, -50%);
      -ms-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-30%, -50%) !important;
        -ms-transform: translate(-30%, -50%) !important;
            transform: translate(-30%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-30%, -50%) !important;
        -ms-transform: translate(-30%, -50%) !important;
            transform: translate(-30%, -50%) !important;
  }
}

.x-perc-center-pos-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(30%, -50%);
      -ms-transform: translate(30%, -50%);
          transform: translate(30%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(30%, -50%) !important;
        -ms-transform: translate(30%, -50%) !important;
            transform: translate(30%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(30%, -50%) !important;
        -ms-transform: translate(30%, -50%) !important;
            transform: translate(30%, -50%) !important;
  }
}

.y-perc-center-neg-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
      -ms-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -30%) !important;
        -ms-transform: translate(-50%, -30%) !important;
            transform: translate(-50%, -30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -30%) !important;
        -ms-transform: translate(-50%, -30%) !important;
            transform: translate(-50%, -30%) !important;
  }
}

.y-perc-center-pos-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 30%);
      -ms-transform: translate(-50%, 30%);
          transform: translate(-50%, 30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 30%) !important;
        -ms-transform: translate(-50%, 30%) !important;
            transform: translate(-50%, 30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 30%) !important;
        -ms-transform: translate(-50%, 30%) !important;
            transform: translate(-50%, 30%) !important;
  }
}

.x-perc-neg-31 {
  -webkit-transform: translate(-31%, 0%);
      -ms-transform: translate(-31%, 0%);
          transform: translate(-31%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-31 {
    -webkit-transform: translate(-31%, 0%) !important;
        -ms-transform: translate(-31%, 0%) !important;
            transform: translate(-31%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-31 {
    -webkit-transform: translate(-31%, 0%) !important;
        -ms-transform: translate(-31%, 0%) !important;
            transform: translate(-31%, 0%) !important;
  }
}

.x-perc-pos-31 {
  -webkit-transform: translate(31%, 0%);
      -ms-transform: translate(31%, 0%);
          transform: translate(31%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-31 {
    -webkit-transform: translate(31%, 0%) !important;
        -ms-transform: translate(31%, 0%) !important;
            transform: translate(31%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-31 {
    -webkit-transform: translate(31%, 0%) !important;
        -ms-transform: translate(31%, 0%) !important;
            transform: translate(31%, 0%) !important;
  }
}

.y-perc-neg-31 {
  -webkit-transform: translate(0%, -31%);
      -ms-transform: translate(0%, -31%);
          transform: translate(0%, -31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-31 {
    -webkit-transform: translate(0%, -31%) !important;
        -ms-transform: translate(0%, -31%) !important;
            transform: translate(0%, -31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-31 {
    -webkit-transform: translate(0%, -31%) !important;
        -ms-transform: translate(0%, -31%) !important;
            transform: translate(0%, -31%) !important;
  }
}

.y-perc-pos-31 {
  -webkit-transform: translate(0%, 31%);
      -ms-transform: translate(0%, 31%);
          transform: translate(0%, 31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-31 {
    -webkit-transform: translate(0%, 31%) !important;
        -ms-transform: translate(0%, 31%) !important;
            transform: translate(0%, 31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-31 {
    -webkit-transform: translate(0%, 31%) !important;
        -ms-transform: translate(0%, 31%) !important;
            transform: translate(0%, 31%) !important;
  }
}

.x-perc-center-neg-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-31%, -50%);
      -ms-transform: translate(-31%, -50%);
          transform: translate(-31%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-31%, -50%) !important;
        -ms-transform: translate(-31%, -50%) !important;
            transform: translate(-31%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-31%, -50%) !important;
        -ms-transform: translate(-31%, -50%) !important;
            transform: translate(-31%, -50%) !important;
  }
}

.x-perc-center-pos-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(31%, -50%);
      -ms-transform: translate(31%, -50%);
          transform: translate(31%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(31%, -50%) !important;
        -ms-transform: translate(31%, -50%) !important;
            transform: translate(31%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(31%, -50%) !important;
        -ms-transform: translate(31%, -50%) !important;
            transform: translate(31%, -50%) !important;
  }
}

.y-perc-center-neg-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -31%);
      -ms-transform: translate(-50%, -31%);
          transform: translate(-50%, -31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -31%) !important;
        -ms-transform: translate(-50%, -31%) !important;
            transform: translate(-50%, -31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -31%) !important;
        -ms-transform: translate(-50%, -31%) !important;
            transform: translate(-50%, -31%) !important;
  }
}

.y-perc-center-pos-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 31%);
      -ms-transform: translate(-50%, 31%);
          transform: translate(-50%, 31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 31%) !important;
        -ms-transform: translate(-50%, 31%) !important;
            transform: translate(-50%, 31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 31%) !important;
        -ms-transform: translate(-50%, 31%) !important;
            transform: translate(-50%, 31%) !important;
  }
}

.x-perc-neg-32 {
  -webkit-transform: translate(-32%, 0%);
      -ms-transform: translate(-32%, 0%);
          transform: translate(-32%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-32 {
    -webkit-transform: translate(-32%, 0%) !important;
        -ms-transform: translate(-32%, 0%) !important;
            transform: translate(-32%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-32 {
    -webkit-transform: translate(-32%, 0%) !important;
        -ms-transform: translate(-32%, 0%) !important;
            transform: translate(-32%, 0%) !important;
  }
}

.x-perc-pos-32 {
  -webkit-transform: translate(32%, 0%);
      -ms-transform: translate(32%, 0%);
          transform: translate(32%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-32 {
    -webkit-transform: translate(32%, 0%) !important;
        -ms-transform: translate(32%, 0%) !important;
            transform: translate(32%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-32 {
    -webkit-transform: translate(32%, 0%) !important;
        -ms-transform: translate(32%, 0%) !important;
            transform: translate(32%, 0%) !important;
  }
}

.y-perc-neg-32 {
  -webkit-transform: translate(0%, -32%);
      -ms-transform: translate(0%, -32%);
          transform: translate(0%, -32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-32 {
    -webkit-transform: translate(0%, -32%) !important;
        -ms-transform: translate(0%, -32%) !important;
            transform: translate(0%, -32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-32 {
    -webkit-transform: translate(0%, -32%) !important;
        -ms-transform: translate(0%, -32%) !important;
            transform: translate(0%, -32%) !important;
  }
}

.y-perc-pos-32 {
  -webkit-transform: translate(0%, 32%);
      -ms-transform: translate(0%, 32%);
          transform: translate(0%, 32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-32 {
    -webkit-transform: translate(0%, 32%) !important;
        -ms-transform: translate(0%, 32%) !important;
            transform: translate(0%, 32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-32 {
    -webkit-transform: translate(0%, 32%) !important;
        -ms-transform: translate(0%, 32%) !important;
            transform: translate(0%, 32%) !important;
  }
}

.x-perc-center-neg-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-32%, -50%);
      -ms-transform: translate(-32%, -50%);
          transform: translate(-32%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-32%, -50%) !important;
        -ms-transform: translate(-32%, -50%) !important;
            transform: translate(-32%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-32%, -50%) !important;
        -ms-transform: translate(-32%, -50%) !important;
            transform: translate(-32%, -50%) !important;
  }
}

.x-perc-center-pos-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(32%, -50%);
      -ms-transform: translate(32%, -50%);
          transform: translate(32%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(32%, -50%) !important;
        -ms-transform: translate(32%, -50%) !important;
            transform: translate(32%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(32%, -50%) !important;
        -ms-transform: translate(32%, -50%) !important;
            transform: translate(32%, -50%) !important;
  }
}

.y-perc-center-neg-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -32%);
      -ms-transform: translate(-50%, -32%);
          transform: translate(-50%, -32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -32%) !important;
        -ms-transform: translate(-50%, -32%) !important;
            transform: translate(-50%, -32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -32%) !important;
        -ms-transform: translate(-50%, -32%) !important;
            transform: translate(-50%, -32%) !important;
  }
}

.y-perc-center-pos-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 32%);
      -ms-transform: translate(-50%, 32%);
          transform: translate(-50%, 32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 32%) !important;
        -ms-transform: translate(-50%, 32%) !important;
            transform: translate(-50%, 32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 32%) !important;
        -ms-transform: translate(-50%, 32%) !important;
            transform: translate(-50%, 32%) !important;
  }
}

.x-perc-neg-33 {
  -webkit-transform: translate(-33%, 0%);
      -ms-transform: translate(-33%, 0%);
          transform: translate(-33%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-33 {
    -webkit-transform: translate(-33%, 0%) !important;
        -ms-transform: translate(-33%, 0%) !important;
            transform: translate(-33%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-33 {
    -webkit-transform: translate(-33%, 0%) !important;
        -ms-transform: translate(-33%, 0%) !important;
            transform: translate(-33%, 0%) !important;
  }
}

.x-perc-pos-33 {
  -webkit-transform: translate(33%, 0%);
      -ms-transform: translate(33%, 0%);
          transform: translate(33%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-33 {
    -webkit-transform: translate(33%, 0%) !important;
        -ms-transform: translate(33%, 0%) !important;
            transform: translate(33%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-33 {
    -webkit-transform: translate(33%, 0%) !important;
        -ms-transform: translate(33%, 0%) !important;
            transform: translate(33%, 0%) !important;
  }
}

.y-perc-neg-33 {
  -webkit-transform: translate(0%, -33%);
      -ms-transform: translate(0%, -33%);
          transform: translate(0%, -33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-33 {
    -webkit-transform: translate(0%, -33%) !important;
        -ms-transform: translate(0%, -33%) !important;
            transform: translate(0%, -33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-33 {
    -webkit-transform: translate(0%, -33%) !important;
        -ms-transform: translate(0%, -33%) !important;
            transform: translate(0%, -33%) !important;
  }
}

.y-perc-pos-33 {
  -webkit-transform: translate(0%, 33%);
      -ms-transform: translate(0%, 33%);
          transform: translate(0%, 33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-33 {
    -webkit-transform: translate(0%, 33%) !important;
        -ms-transform: translate(0%, 33%) !important;
            transform: translate(0%, 33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-33 {
    -webkit-transform: translate(0%, 33%) !important;
        -ms-transform: translate(0%, 33%) !important;
            transform: translate(0%, 33%) !important;
  }
}

.x-perc-center-neg-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-33%, -50%);
      -ms-transform: translate(-33%, -50%);
          transform: translate(-33%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-33%, -50%) !important;
        -ms-transform: translate(-33%, -50%) !important;
            transform: translate(-33%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-33%, -50%) !important;
        -ms-transform: translate(-33%, -50%) !important;
            transform: translate(-33%, -50%) !important;
  }
}

.x-perc-center-pos-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(33%, -50%);
      -ms-transform: translate(33%, -50%);
          transform: translate(33%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(33%, -50%) !important;
        -ms-transform: translate(33%, -50%) !important;
            transform: translate(33%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(33%, -50%) !important;
        -ms-transform: translate(33%, -50%) !important;
            transform: translate(33%, -50%) !important;
  }
}

.y-perc-center-neg-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -33%);
      -ms-transform: translate(-50%, -33%);
          transform: translate(-50%, -33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -33%) !important;
        -ms-transform: translate(-50%, -33%) !important;
            transform: translate(-50%, -33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -33%) !important;
        -ms-transform: translate(-50%, -33%) !important;
            transform: translate(-50%, -33%) !important;
  }
}

.y-perc-center-pos-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 33%);
      -ms-transform: translate(-50%, 33%);
          transform: translate(-50%, 33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 33%) !important;
        -ms-transform: translate(-50%, 33%) !important;
            transform: translate(-50%, 33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 33%) !important;
        -ms-transform: translate(-50%, 33%) !important;
            transform: translate(-50%, 33%) !important;
  }
}

.x-perc-neg-34 {
  -webkit-transform: translate(-34%, 0%);
      -ms-transform: translate(-34%, 0%);
          transform: translate(-34%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-34 {
    -webkit-transform: translate(-34%, 0%) !important;
        -ms-transform: translate(-34%, 0%) !important;
            transform: translate(-34%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-34 {
    -webkit-transform: translate(-34%, 0%) !important;
        -ms-transform: translate(-34%, 0%) !important;
            transform: translate(-34%, 0%) !important;
  }
}

.x-perc-pos-34 {
  -webkit-transform: translate(34%, 0%);
      -ms-transform: translate(34%, 0%);
          transform: translate(34%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-34 {
    -webkit-transform: translate(34%, 0%) !important;
        -ms-transform: translate(34%, 0%) !important;
            transform: translate(34%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-34 {
    -webkit-transform: translate(34%, 0%) !important;
        -ms-transform: translate(34%, 0%) !important;
            transform: translate(34%, 0%) !important;
  }
}

.y-perc-neg-34 {
  -webkit-transform: translate(0%, -34%);
      -ms-transform: translate(0%, -34%);
          transform: translate(0%, -34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-34 {
    -webkit-transform: translate(0%, -34%) !important;
        -ms-transform: translate(0%, -34%) !important;
            transform: translate(0%, -34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-34 {
    -webkit-transform: translate(0%, -34%) !important;
        -ms-transform: translate(0%, -34%) !important;
            transform: translate(0%, -34%) !important;
  }
}

.y-perc-pos-34 {
  -webkit-transform: translate(0%, 34%);
      -ms-transform: translate(0%, 34%);
          transform: translate(0%, 34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-34 {
    -webkit-transform: translate(0%, 34%) !important;
        -ms-transform: translate(0%, 34%) !important;
            transform: translate(0%, 34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-34 {
    -webkit-transform: translate(0%, 34%) !important;
        -ms-transform: translate(0%, 34%) !important;
            transform: translate(0%, 34%) !important;
  }
}

.x-perc-center-neg-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-34%, -50%);
      -ms-transform: translate(-34%, -50%);
          transform: translate(-34%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-34%, -50%) !important;
        -ms-transform: translate(-34%, -50%) !important;
            transform: translate(-34%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-34%, -50%) !important;
        -ms-transform: translate(-34%, -50%) !important;
            transform: translate(-34%, -50%) !important;
  }
}

.x-perc-center-pos-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(34%, -50%);
      -ms-transform: translate(34%, -50%);
          transform: translate(34%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(34%, -50%) !important;
        -ms-transform: translate(34%, -50%) !important;
            transform: translate(34%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(34%, -50%) !important;
        -ms-transform: translate(34%, -50%) !important;
            transform: translate(34%, -50%) !important;
  }
}

.y-perc-center-neg-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -34%);
      -ms-transform: translate(-50%, -34%);
          transform: translate(-50%, -34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -34%) !important;
        -ms-transform: translate(-50%, -34%) !important;
            transform: translate(-50%, -34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -34%) !important;
        -ms-transform: translate(-50%, -34%) !important;
            transform: translate(-50%, -34%) !important;
  }
}

.y-perc-center-pos-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 34%);
      -ms-transform: translate(-50%, 34%);
          transform: translate(-50%, 34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 34%) !important;
        -ms-transform: translate(-50%, 34%) !important;
            transform: translate(-50%, 34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 34%) !important;
        -ms-transform: translate(-50%, 34%) !important;
            transform: translate(-50%, 34%) !important;
  }
}

.x-perc-neg-35 {
  -webkit-transform: translate(-35%, 0%);
      -ms-transform: translate(-35%, 0%);
          transform: translate(-35%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-35 {
    -webkit-transform: translate(-35%, 0%) !important;
        -ms-transform: translate(-35%, 0%) !important;
            transform: translate(-35%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-35 {
    -webkit-transform: translate(-35%, 0%) !important;
        -ms-transform: translate(-35%, 0%) !important;
            transform: translate(-35%, 0%) !important;
  }
}

.x-perc-pos-35 {
  -webkit-transform: translate(35%, 0%);
      -ms-transform: translate(35%, 0%);
          transform: translate(35%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-35 {
    -webkit-transform: translate(35%, 0%) !important;
        -ms-transform: translate(35%, 0%) !important;
            transform: translate(35%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-35 {
    -webkit-transform: translate(35%, 0%) !important;
        -ms-transform: translate(35%, 0%) !important;
            transform: translate(35%, 0%) !important;
  }
}

.y-perc-neg-35 {
  -webkit-transform: translate(0%, -35%);
      -ms-transform: translate(0%, -35%);
          transform: translate(0%, -35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-35 {
    -webkit-transform: translate(0%, -35%) !important;
        -ms-transform: translate(0%, -35%) !important;
            transform: translate(0%, -35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-35 {
    -webkit-transform: translate(0%, -35%) !important;
        -ms-transform: translate(0%, -35%) !important;
            transform: translate(0%, -35%) !important;
  }
}

.y-perc-pos-35 {
  -webkit-transform: translate(0%, 35%);
      -ms-transform: translate(0%, 35%);
          transform: translate(0%, 35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-35 {
    -webkit-transform: translate(0%, 35%) !important;
        -ms-transform: translate(0%, 35%) !important;
            transform: translate(0%, 35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-35 {
    -webkit-transform: translate(0%, 35%) !important;
        -ms-transform: translate(0%, 35%) !important;
            transform: translate(0%, 35%) !important;
  }
}

.x-perc-center-neg-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-35%, -50%);
      -ms-transform: translate(-35%, -50%);
          transform: translate(-35%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-35%, -50%) !important;
        -ms-transform: translate(-35%, -50%) !important;
            transform: translate(-35%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-35%, -50%) !important;
        -ms-transform: translate(-35%, -50%) !important;
            transform: translate(-35%, -50%) !important;
  }
}

.x-perc-center-pos-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(35%, -50%);
      -ms-transform: translate(35%, -50%);
          transform: translate(35%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(35%, -50%) !important;
        -ms-transform: translate(35%, -50%) !important;
            transform: translate(35%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(35%, -50%) !important;
        -ms-transform: translate(35%, -50%) !important;
            transform: translate(35%, -50%) !important;
  }
}

.y-perc-center-neg-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
      -ms-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -35%) !important;
        -ms-transform: translate(-50%, -35%) !important;
            transform: translate(-50%, -35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -35%) !important;
        -ms-transform: translate(-50%, -35%) !important;
            transform: translate(-50%, -35%) !important;
  }
}

.y-perc-center-pos-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 35%);
      -ms-transform: translate(-50%, 35%);
          transform: translate(-50%, 35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 35%) !important;
        -ms-transform: translate(-50%, 35%) !important;
            transform: translate(-50%, 35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 35%) !important;
        -ms-transform: translate(-50%, 35%) !important;
            transform: translate(-50%, 35%) !important;
  }
}

.x-perc-neg-36 {
  -webkit-transform: translate(-36%, 0%);
      -ms-transform: translate(-36%, 0%);
          transform: translate(-36%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-36 {
    -webkit-transform: translate(-36%, 0%) !important;
        -ms-transform: translate(-36%, 0%) !important;
            transform: translate(-36%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-36 {
    -webkit-transform: translate(-36%, 0%) !important;
        -ms-transform: translate(-36%, 0%) !important;
            transform: translate(-36%, 0%) !important;
  }
}

.x-perc-pos-36 {
  -webkit-transform: translate(36%, 0%);
      -ms-transform: translate(36%, 0%);
          transform: translate(36%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-36 {
    -webkit-transform: translate(36%, 0%) !important;
        -ms-transform: translate(36%, 0%) !important;
            transform: translate(36%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-36 {
    -webkit-transform: translate(36%, 0%) !important;
        -ms-transform: translate(36%, 0%) !important;
            transform: translate(36%, 0%) !important;
  }
}

.y-perc-neg-36 {
  -webkit-transform: translate(0%, -36%);
      -ms-transform: translate(0%, -36%);
          transform: translate(0%, -36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-36 {
    -webkit-transform: translate(0%, -36%) !important;
        -ms-transform: translate(0%, -36%) !important;
            transform: translate(0%, -36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-36 {
    -webkit-transform: translate(0%, -36%) !important;
        -ms-transform: translate(0%, -36%) !important;
            transform: translate(0%, -36%) !important;
  }
}

.y-perc-pos-36 {
  -webkit-transform: translate(0%, 36%);
      -ms-transform: translate(0%, 36%);
          transform: translate(0%, 36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-36 {
    -webkit-transform: translate(0%, 36%) !important;
        -ms-transform: translate(0%, 36%) !important;
            transform: translate(0%, 36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-36 {
    -webkit-transform: translate(0%, 36%) !important;
        -ms-transform: translate(0%, 36%) !important;
            transform: translate(0%, 36%) !important;
  }
}

.x-perc-center-neg-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-36%, -50%);
      -ms-transform: translate(-36%, -50%);
          transform: translate(-36%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-36%, -50%) !important;
        -ms-transform: translate(-36%, -50%) !important;
            transform: translate(-36%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-36%, -50%) !important;
        -ms-transform: translate(-36%, -50%) !important;
            transform: translate(-36%, -50%) !important;
  }
}

.x-perc-center-pos-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(36%, -50%);
      -ms-transform: translate(36%, -50%);
          transform: translate(36%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(36%, -50%) !important;
        -ms-transform: translate(36%, -50%) !important;
            transform: translate(36%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(36%, -50%) !important;
        -ms-transform: translate(36%, -50%) !important;
            transform: translate(36%, -50%) !important;
  }
}

.y-perc-center-neg-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -36%);
      -ms-transform: translate(-50%, -36%);
          transform: translate(-50%, -36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -36%) !important;
        -ms-transform: translate(-50%, -36%) !important;
            transform: translate(-50%, -36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -36%) !important;
        -ms-transform: translate(-50%, -36%) !important;
            transform: translate(-50%, -36%) !important;
  }
}

.y-perc-center-pos-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 36%);
      -ms-transform: translate(-50%, 36%);
          transform: translate(-50%, 36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 36%) !important;
        -ms-transform: translate(-50%, 36%) !important;
            transform: translate(-50%, 36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 36%) !important;
        -ms-transform: translate(-50%, 36%) !important;
            transform: translate(-50%, 36%) !important;
  }
}

.x-perc-neg-37 {
  -webkit-transform: translate(-37%, 0%);
      -ms-transform: translate(-37%, 0%);
          transform: translate(-37%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-37 {
    -webkit-transform: translate(-37%, 0%) !important;
        -ms-transform: translate(-37%, 0%) !important;
            transform: translate(-37%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-37 {
    -webkit-transform: translate(-37%, 0%) !important;
        -ms-transform: translate(-37%, 0%) !important;
            transform: translate(-37%, 0%) !important;
  }
}

.x-perc-pos-37 {
  -webkit-transform: translate(37%, 0%);
      -ms-transform: translate(37%, 0%);
          transform: translate(37%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-37 {
    -webkit-transform: translate(37%, 0%) !important;
        -ms-transform: translate(37%, 0%) !important;
            transform: translate(37%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-37 {
    -webkit-transform: translate(37%, 0%) !important;
        -ms-transform: translate(37%, 0%) !important;
            transform: translate(37%, 0%) !important;
  }
}

.y-perc-neg-37 {
  -webkit-transform: translate(0%, -37%);
      -ms-transform: translate(0%, -37%);
          transform: translate(0%, -37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-37 {
    -webkit-transform: translate(0%, -37%) !important;
        -ms-transform: translate(0%, -37%) !important;
            transform: translate(0%, -37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-37 {
    -webkit-transform: translate(0%, -37%) !important;
        -ms-transform: translate(0%, -37%) !important;
            transform: translate(0%, -37%) !important;
  }
}

.y-perc-pos-37 {
  -webkit-transform: translate(0%, 37%);
      -ms-transform: translate(0%, 37%);
          transform: translate(0%, 37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-37 {
    -webkit-transform: translate(0%, 37%) !important;
        -ms-transform: translate(0%, 37%) !important;
            transform: translate(0%, 37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-37 {
    -webkit-transform: translate(0%, 37%) !important;
        -ms-transform: translate(0%, 37%) !important;
            transform: translate(0%, 37%) !important;
  }
}

.x-perc-center-neg-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-37%, -50%);
      -ms-transform: translate(-37%, -50%);
          transform: translate(-37%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-37%, -50%) !important;
        -ms-transform: translate(-37%, -50%) !important;
            transform: translate(-37%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-37%, -50%) !important;
        -ms-transform: translate(-37%, -50%) !important;
            transform: translate(-37%, -50%) !important;
  }
}

.x-perc-center-pos-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(37%, -50%);
      -ms-transform: translate(37%, -50%);
          transform: translate(37%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(37%, -50%) !important;
        -ms-transform: translate(37%, -50%) !important;
            transform: translate(37%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(37%, -50%) !important;
        -ms-transform: translate(37%, -50%) !important;
            transform: translate(37%, -50%) !important;
  }
}

.y-perc-center-neg-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -37%);
      -ms-transform: translate(-50%, -37%);
          transform: translate(-50%, -37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -37%) !important;
        -ms-transform: translate(-50%, -37%) !important;
            transform: translate(-50%, -37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -37%) !important;
        -ms-transform: translate(-50%, -37%) !important;
            transform: translate(-50%, -37%) !important;
  }
}

.y-perc-center-pos-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 37%);
      -ms-transform: translate(-50%, 37%);
          transform: translate(-50%, 37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 37%) !important;
        -ms-transform: translate(-50%, 37%) !important;
            transform: translate(-50%, 37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 37%) !important;
        -ms-transform: translate(-50%, 37%) !important;
            transform: translate(-50%, 37%) !important;
  }
}

.x-perc-neg-38 {
  -webkit-transform: translate(-38%, 0%);
      -ms-transform: translate(-38%, 0%);
          transform: translate(-38%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-38 {
    -webkit-transform: translate(-38%, 0%) !important;
        -ms-transform: translate(-38%, 0%) !important;
            transform: translate(-38%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-38 {
    -webkit-transform: translate(-38%, 0%) !important;
        -ms-transform: translate(-38%, 0%) !important;
            transform: translate(-38%, 0%) !important;
  }
}

.x-perc-pos-38 {
  -webkit-transform: translate(38%, 0%);
      -ms-transform: translate(38%, 0%);
          transform: translate(38%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-38 {
    -webkit-transform: translate(38%, 0%) !important;
        -ms-transform: translate(38%, 0%) !important;
            transform: translate(38%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-38 {
    -webkit-transform: translate(38%, 0%) !important;
        -ms-transform: translate(38%, 0%) !important;
            transform: translate(38%, 0%) !important;
  }
}

.y-perc-neg-38 {
  -webkit-transform: translate(0%, -38%);
      -ms-transform: translate(0%, -38%);
          transform: translate(0%, -38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-38 {
    -webkit-transform: translate(0%, -38%) !important;
        -ms-transform: translate(0%, -38%) !important;
            transform: translate(0%, -38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-38 {
    -webkit-transform: translate(0%, -38%) !important;
        -ms-transform: translate(0%, -38%) !important;
            transform: translate(0%, -38%) !important;
  }
}

.y-perc-pos-38 {
  -webkit-transform: translate(0%, 38%);
      -ms-transform: translate(0%, 38%);
          transform: translate(0%, 38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-38 {
    -webkit-transform: translate(0%, 38%) !important;
        -ms-transform: translate(0%, 38%) !important;
            transform: translate(0%, 38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-38 {
    -webkit-transform: translate(0%, 38%) !important;
        -ms-transform: translate(0%, 38%) !important;
            transform: translate(0%, 38%) !important;
  }
}

.x-perc-center-neg-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-38%, -50%);
      -ms-transform: translate(-38%, -50%);
          transform: translate(-38%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-38%, -50%) !important;
        -ms-transform: translate(-38%, -50%) !important;
            transform: translate(-38%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-38%, -50%) !important;
        -ms-transform: translate(-38%, -50%) !important;
            transform: translate(-38%, -50%) !important;
  }
}

.x-perc-center-pos-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(38%, -50%);
      -ms-transform: translate(38%, -50%);
          transform: translate(38%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(38%, -50%) !important;
        -ms-transform: translate(38%, -50%) !important;
            transform: translate(38%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(38%, -50%) !important;
        -ms-transform: translate(38%, -50%) !important;
            transform: translate(38%, -50%) !important;
  }
}

.y-perc-center-neg-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -38%);
      -ms-transform: translate(-50%, -38%);
          transform: translate(-50%, -38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -38%) !important;
        -ms-transform: translate(-50%, -38%) !important;
            transform: translate(-50%, -38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -38%) !important;
        -ms-transform: translate(-50%, -38%) !important;
            transform: translate(-50%, -38%) !important;
  }
}

.y-perc-center-pos-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 38%);
      -ms-transform: translate(-50%, 38%);
          transform: translate(-50%, 38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 38%) !important;
        -ms-transform: translate(-50%, 38%) !important;
            transform: translate(-50%, 38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 38%) !important;
        -ms-transform: translate(-50%, 38%) !important;
            transform: translate(-50%, 38%) !important;
  }
}

.x-perc-neg-39 {
  -webkit-transform: translate(-39%, 0%);
      -ms-transform: translate(-39%, 0%);
          transform: translate(-39%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-39 {
    -webkit-transform: translate(-39%, 0%) !important;
        -ms-transform: translate(-39%, 0%) !important;
            transform: translate(-39%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-39 {
    -webkit-transform: translate(-39%, 0%) !important;
        -ms-transform: translate(-39%, 0%) !important;
            transform: translate(-39%, 0%) !important;
  }
}

.x-perc-pos-39 {
  -webkit-transform: translate(39%, 0%);
      -ms-transform: translate(39%, 0%);
          transform: translate(39%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-39 {
    -webkit-transform: translate(39%, 0%) !important;
        -ms-transform: translate(39%, 0%) !important;
            transform: translate(39%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-39 {
    -webkit-transform: translate(39%, 0%) !important;
        -ms-transform: translate(39%, 0%) !important;
            transform: translate(39%, 0%) !important;
  }
}

.y-perc-neg-39 {
  -webkit-transform: translate(0%, -39%);
      -ms-transform: translate(0%, -39%);
          transform: translate(0%, -39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-39 {
    -webkit-transform: translate(0%, -39%) !important;
        -ms-transform: translate(0%, -39%) !important;
            transform: translate(0%, -39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-39 {
    -webkit-transform: translate(0%, -39%) !important;
        -ms-transform: translate(0%, -39%) !important;
            transform: translate(0%, -39%) !important;
  }
}

.y-perc-pos-39 {
  -webkit-transform: translate(0%, 39%);
      -ms-transform: translate(0%, 39%);
          transform: translate(0%, 39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-39 {
    -webkit-transform: translate(0%, 39%) !important;
        -ms-transform: translate(0%, 39%) !important;
            transform: translate(0%, 39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-39 {
    -webkit-transform: translate(0%, 39%) !important;
        -ms-transform: translate(0%, 39%) !important;
            transform: translate(0%, 39%) !important;
  }
}

.x-perc-center-neg-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-39%, -50%);
      -ms-transform: translate(-39%, -50%);
          transform: translate(-39%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-39%, -50%) !important;
        -ms-transform: translate(-39%, -50%) !important;
            transform: translate(-39%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-39%, -50%) !important;
        -ms-transform: translate(-39%, -50%) !important;
            transform: translate(-39%, -50%) !important;
  }
}

.x-perc-center-pos-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(39%, -50%);
      -ms-transform: translate(39%, -50%);
          transform: translate(39%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(39%, -50%) !important;
        -ms-transform: translate(39%, -50%) !important;
            transform: translate(39%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(39%, -50%) !important;
        -ms-transform: translate(39%, -50%) !important;
            transform: translate(39%, -50%) !important;
  }
}

.y-perc-center-neg-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -39%);
      -ms-transform: translate(-50%, -39%);
          transform: translate(-50%, -39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -39%) !important;
        -ms-transform: translate(-50%, -39%) !important;
            transform: translate(-50%, -39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -39%) !important;
        -ms-transform: translate(-50%, -39%) !important;
            transform: translate(-50%, -39%) !important;
  }
}

.y-perc-center-pos-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 39%);
      -ms-transform: translate(-50%, 39%);
          transform: translate(-50%, 39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 39%) !important;
        -ms-transform: translate(-50%, 39%) !important;
            transform: translate(-50%, 39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 39%) !important;
        -ms-transform: translate(-50%, 39%) !important;
            transform: translate(-50%, 39%) !important;
  }
}

.x-perc-neg-40 {
  -webkit-transform: translate(-40%, 0%);
      -ms-transform: translate(-40%, 0%);
          transform: translate(-40%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-40 {
    -webkit-transform: translate(-40%, 0%) !important;
        -ms-transform: translate(-40%, 0%) !important;
            transform: translate(-40%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-40 {
    -webkit-transform: translate(-40%, 0%) !important;
        -ms-transform: translate(-40%, 0%) !important;
            transform: translate(-40%, 0%) !important;
  }
}

.x-perc-pos-40 {
  -webkit-transform: translate(40%, 0%);
      -ms-transform: translate(40%, 0%);
          transform: translate(40%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-40 {
    -webkit-transform: translate(40%, 0%) !important;
        -ms-transform: translate(40%, 0%) !important;
            transform: translate(40%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-40 {
    -webkit-transform: translate(40%, 0%) !important;
        -ms-transform: translate(40%, 0%) !important;
            transform: translate(40%, 0%) !important;
  }
}

.y-perc-neg-40 {
  -webkit-transform: translate(0%, -40%);
      -ms-transform: translate(0%, -40%);
          transform: translate(0%, -40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-40 {
    -webkit-transform: translate(0%, -40%) !important;
        -ms-transform: translate(0%, -40%) !important;
            transform: translate(0%, -40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-40 {
    -webkit-transform: translate(0%, -40%) !important;
        -ms-transform: translate(0%, -40%) !important;
            transform: translate(0%, -40%) !important;
  }
}

.y-perc-pos-40 {
  -webkit-transform: translate(0%, 40%);
      -ms-transform: translate(0%, 40%);
          transform: translate(0%, 40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-40 {
    -webkit-transform: translate(0%, 40%) !important;
        -ms-transform: translate(0%, 40%) !important;
            transform: translate(0%, 40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-40 {
    -webkit-transform: translate(0%, 40%) !important;
        -ms-transform: translate(0%, 40%) !important;
            transform: translate(0%, 40%) !important;
  }
}

.x-perc-center-neg-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, -50%);
      -ms-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-40%, -50%) !important;
        -ms-transform: translate(-40%, -50%) !important;
            transform: translate(-40%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-40%, -50%) !important;
        -ms-transform: translate(-40%, -50%) !important;
            transform: translate(-40%, -50%) !important;
  }
}

.x-perc-center-pos-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(40%, -50%);
      -ms-transform: translate(40%, -50%);
          transform: translate(40%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(40%, -50%) !important;
        -ms-transform: translate(40%, -50%) !important;
            transform: translate(40%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(40%, -50%) !important;
        -ms-transform: translate(40%, -50%) !important;
            transform: translate(40%, -50%) !important;
  }
}

.y-perc-center-neg-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
      -ms-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -40%) !important;
        -ms-transform: translate(-50%, -40%) !important;
            transform: translate(-50%, -40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -40%) !important;
        -ms-transform: translate(-50%, -40%) !important;
            transform: translate(-50%, -40%) !important;
  }
}

.y-perc-center-pos-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 40%);
      -ms-transform: translate(-50%, 40%);
          transform: translate(-50%, 40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 40%) !important;
        -ms-transform: translate(-50%, 40%) !important;
            transform: translate(-50%, 40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 40%) !important;
        -ms-transform: translate(-50%, 40%) !important;
            transform: translate(-50%, 40%) !important;
  }
}

.x-perc-neg-41 {
  -webkit-transform: translate(-41%, 0%);
      -ms-transform: translate(-41%, 0%);
          transform: translate(-41%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-41 {
    -webkit-transform: translate(-41%, 0%) !important;
        -ms-transform: translate(-41%, 0%) !important;
            transform: translate(-41%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-41 {
    -webkit-transform: translate(-41%, 0%) !important;
        -ms-transform: translate(-41%, 0%) !important;
            transform: translate(-41%, 0%) !important;
  }
}

.x-perc-pos-41 {
  -webkit-transform: translate(41%, 0%);
      -ms-transform: translate(41%, 0%);
          transform: translate(41%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-41 {
    -webkit-transform: translate(41%, 0%) !important;
        -ms-transform: translate(41%, 0%) !important;
            transform: translate(41%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-41 {
    -webkit-transform: translate(41%, 0%) !important;
        -ms-transform: translate(41%, 0%) !important;
            transform: translate(41%, 0%) !important;
  }
}

.y-perc-neg-41 {
  -webkit-transform: translate(0%, -41%);
      -ms-transform: translate(0%, -41%);
          transform: translate(0%, -41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-41 {
    -webkit-transform: translate(0%, -41%) !important;
        -ms-transform: translate(0%, -41%) !important;
            transform: translate(0%, -41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-41 {
    -webkit-transform: translate(0%, -41%) !important;
        -ms-transform: translate(0%, -41%) !important;
            transform: translate(0%, -41%) !important;
  }
}

.y-perc-pos-41 {
  -webkit-transform: translate(0%, 41%);
      -ms-transform: translate(0%, 41%);
          transform: translate(0%, 41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-41 {
    -webkit-transform: translate(0%, 41%) !important;
        -ms-transform: translate(0%, 41%) !important;
            transform: translate(0%, 41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-41 {
    -webkit-transform: translate(0%, 41%) !important;
        -ms-transform: translate(0%, 41%) !important;
            transform: translate(0%, 41%) !important;
  }
}

.x-perc-center-neg-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-41%, -50%);
      -ms-transform: translate(-41%, -50%);
          transform: translate(-41%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-41%, -50%) !important;
        -ms-transform: translate(-41%, -50%) !important;
            transform: translate(-41%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-41%, -50%) !important;
        -ms-transform: translate(-41%, -50%) !important;
            transform: translate(-41%, -50%) !important;
  }
}

.x-perc-center-pos-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(41%, -50%);
      -ms-transform: translate(41%, -50%);
          transform: translate(41%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(41%, -50%) !important;
        -ms-transform: translate(41%, -50%) !important;
            transform: translate(41%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(41%, -50%) !important;
        -ms-transform: translate(41%, -50%) !important;
            transform: translate(41%, -50%) !important;
  }
}

.y-perc-center-neg-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -41%);
      -ms-transform: translate(-50%, -41%);
          transform: translate(-50%, -41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -41%) !important;
        -ms-transform: translate(-50%, -41%) !important;
            transform: translate(-50%, -41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -41%) !important;
        -ms-transform: translate(-50%, -41%) !important;
            transform: translate(-50%, -41%) !important;
  }
}

.y-perc-center-pos-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 41%);
      -ms-transform: translate(-50%, 41%);
          transform: translate(-50%, 41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 41%) !important;
        -ms-transform: translate(-50%, 41%) !important;
            transform: translate(-50%, 41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 41%) !important;
        -ms-transform: translate(-50%, 41%) !important;
            transform: translate(-50%, 41%) !important;
  }
}

.x-perc-neg-42 {
  -webkit-transform: translate(-42%, 0%);
      -ms-transform: translate(-42%, 0%);
          transform: translate(-42%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-42 {
    -webkit-transform: translate(-42%, 0%) !important;
        -ms-transform: translate(-42%, 0%) !important;
            transform: translate(-42%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-42 {
    -webkit-transform: translate(-42%, 0%) !important;
        -ms-transform: translate(-42%, 0%) !important;
            transform: translate(-42%, 0%) !important;
  }
}

.x-perc-pos-42 {
  -webkit-transform: translate(42%, 0%);
      -ms-transform: translate(42%, 0%);
          transform: translate(42%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-42 {
    -webkit-transform: translate(42%, 0%) !important;
        -ms-transform: translate(42%, 0%) !important;
            transform: translate(42%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-42 {
    -webkit-transform: translate(42%, 0%) !important;
        -ms-transform: translate(42%, 0%) !important;
            transform: translate(42%, 0%) !important;
  }
}

.y-perc-neg-42 {
  -webkit-transform: translate(0%, -42%);
      -ms-transform: translate(0%, -42%);
          transform: translate(0%, -42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-42 {
    -webkit-transform: translate(0%, -42%) !important;
        -ms-transform: translate(0%, -42%) !important;
            transform: translate(0%, -42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-42 {
    -webkit-transform: translate(0%, -42%) !important;
        -ms-transform: translate(0%, -42%) !important;
            transform: translate(0%, -42%) !important;
  }
}

.y-perc-pos-42 {
  -webkit-transform: translate(0%, 42%);
      -ms-transform: translate(0%, 42%);
          transform: translate(0%, 42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-42 {
    -webkit-transform: translate(0%, 42%) !important;
        -ms-transform: translate(0%, 42%) !important;
            transform: translate(0%, 42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-42 {
    -webkit-transform: translate(0%, 42%) !important;
        -ms-transform: translate(0%, 42%) !important;
            transform: translate(0%, 42%) !important;
  }
}

.x-perc-center-neg-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-42%, -50%);
      -ms-transform: translate(-42%, -50%);
          transform: translate(-42%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-42%, -50%) !important;
        -ms-transform: translate(-42%, -50%) !important;
            transform: translate(-42%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-42%, -50%) !important;
        -ms-transform: translate(-42%, -50%) !important;
            transform: translate(-42%, -50%) !important;
  }
}

.x-perc-center-pos-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(42%, -50%);
      -ms-transform: translate(42%, -50%);
          transform: translate(42%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(42%, -50%) !important;
        -ms-transform: translate(42%, -50%) !important;
            transform: translate(42%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(42%, -50%) !important;
        -ms-transform: translate(42%, -50%) !important;
            transform: translate(42%, -50%) !important;
  }
}

.y-perc-center-neg-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%);
      -ms-transform: translate(-50%, -42%);
          transform: translate(-50%, -42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -42%) !important;
        -ms-transform: translate(-50%, -42%) !important;
            transform: translate(-50%, -42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -42%) !important;
        -ms-transform: translate(-50%, -42%) !important;
            transform: translate(-50%, -42%) !important;
  }
}

.y-perc-center-pos-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 42%);
      -ms-transform: translate(-50%, 42%);
          transform: translate(-50%, 42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 42%) !important;
        -ms-transform: translate(-50%, 42%) !important;
            transform: translate(-50%, 42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 42%) !important;
        -ms-transform: translate(-50%, 42%) !important;
            transform: translate(-50%, 42%) !important;
  }
}

.x-perc-neg-43 {
  -webkit-transform: translate(-43%, 0%);
      -ms-transform: translate(-43%, 0%);
          transform: translate(-43%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-43 {
    -webkit-transform: translate(-43%, 0%) !important;
        -ms-transform: translate(-43%, 0%) !important;
            transform: translate(-43%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-43 {
    -webkit-transform: translate(-43%, 0%) !important;
        -ms-transform: translate(-43%, 0%) !important;
            transform: translate(-43%, 0%) !important;
  }
}

.x-perc-pos-43 {
  -webkit-transform: translate(43%, 0%);
      -ms-transform: translate(43%, 0%);
          transform: translate(43%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-43 {
    -webkit-transform: translate(43%, 0%) !important;
        -ms-transform: translate(43%, 0%) !important;
            transform: translate(43%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-43 {
    -webkit-transform: translate(43%, 0%) !important;
        -ms-transform: translate(43%, 0%) !important;
            transform: translate(43%, 0%) !important;
  }
}

.y-perc-neg-43 {
  -webkit-transform: translate(0%, -43%);
      -ms-transform: translate(0%, -43%);
          transform: translate(0%, -43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-43 {
    -webkit-transform: translate(0%, -43%) !important;
        -ms-transform: translate(0%, -43%) !important;
            transform: translate(0%, -43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-43 {
    -webkit-transform: translate(0%, -43%) !important;
        -ms-transform: translate(0%, -43%) !important;
            transform: translate(0%, -43%) !important;
  }
}

.y-perc-pos-43 {
  -webkit-transform: translate(0%, 43%);
      -ms-transform: translate(0%, 43%);
          transform: translate(0%, 43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-43 {
    -webkit-transform: translate(0%, 43%) !important;
        -ms-transform: translate(0%, 43%) !important;
            transform: translate(0%, 43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-43 {
    -webkit-transform: translate(0%, 43%) !important;
        -ms-transform: translate(0%, 43%) !important;
            transform: translate(0%, 43%) !important;
  }
}

.x-perc-center-neg-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-43%, -50%);
      -ms-transform: translate(-43%, -50%);
          transform: translate(-43%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-43%, -50%) !important;
        -ms-transform: translate(-43%, -50%) !important;
            transform: translate(-43%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-43%, -50%) !important;
        -ms-transform: translate(-43%, -50%) !important;
            transform: translate(-43%, -50%) !important;
  }
}

.x-perc-center-pos-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(43%, -50%);
      -ms-transform: translate(43%, -50%);
          transform: translate(43%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(43%, -50%) !important;
        -ms-transform: translate(43%, -50%) !important;
            transform: translate(43%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(43%, -50%) !important;
        -ms-transform: translate(43%, -50%) !important;
            transform: translate(43%, -50%) !important;
  }
}

.y-perc-center-neg-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
      -ms-transform: translate(-50%, -43%);
          transform: translate(-50%, -43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -43%) !important;
        -ms-transform: translate(-50%, -43%) !important;
            transform: translate(-50%, -43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -43%) !important;
        -ms-transform: translate(-50%, -43%) !important;
            transform: translate(-50%, -43%) !important;
  }
}

.y-perc-center-pos-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 43%);
      -ms-transform: translate(-50%, 43%);
          transform: translate(-50%, 43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 43%) !important;
        -ms-transform: translate(-50%, 43%) !important;
            transform: translate(-50%, 43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 43%) !important;
        -ms-transform: translate(-50%, 43%) !important;
            transform: translate(-50%, 43%) !important;
  }
}

.x-perc-neg-44 {
  -webkit-transform: translate(-44%, 0%);
      -ms-transform: translate(-44%, 0%);
          transform: translate(-44%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-44 {
    -webkit-transform: translate(-44%, 0%) !important;
        -ms-transform: translate(-44%, 0%) !important;
            transform: translate(-44%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-44 {
    -webkit-transform: translate(-44%, 0%) !important;
        -ms-transform: translate(-44%, 0%) !important;
            transform: translate(-44%, 0%) !important;
  }
}

.x-perc-pos-44 {
  -webkit-transform: translate(44%, 0%);
      -ms-transform: translate(44%, 0%);
          transform: translate(44%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-44 {
    -webkit-transform: translate(44%, 0%) !important;
        -ms-transform: translate(44%, 0%) !important;
            transform: translate(44%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-44 {
    -webkit-transform: translate(44%, 0%) !important;
        -ms-transform: translate(44%, 0%) !important;
            transform: translate(44%, 0%) !important;
  }
}

.y-perc-neg-44 {
  -webkit-transform: translate(0%, -44%);
      -ms-transform: translate(0%, -44%);
          transform: translate(0%, -44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-44 {
    -webkit-transform: translate(0%, -44%) !important;
        -ms-transform: translate(0%, -44%) !important;
            transform: translate(0%, -44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-44 {
    -webkit-transform: translate(0%, -44%) !important;
        -ms-transform: translate(0%, -44%) !important;
            transform: translate(0%, -44%) !important;
  }
}

.y-perc-pos-44 {
  -webkit-transform: translate(0%, 44%);
      -ms-transform: translate(0%, 44%);
          transform: translate(0%, 44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-44 {
    -webkit-transform: translate(0%, 44%) !important;
        -ms-transform: translate(0%, 44%) !important;
            transform: translate(0%, 44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-44 {
    -webkit-transform: translate(0%, 44%) !important;
        -ms-transform: translate(0%, 44%) !important;
            transform: translate(0%, 44%) !important;
  }
}

.x-perc-center-neg-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-44%, -50%);
      -ms-transform: translate(-44%, -50%);
          transform: translate(-44%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-44%, -50%) !important;
        -ms-transform: translate(-44%, -50%) !important;
            transform: translate(-44%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-44%, -50%) !important;
        -ms-transform: translate(-44%, -50%) !important;
            transform: translate(-44%, -50%) !important;
  }
}

.x-perc-center-pos-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(44%, -50%);
      -ms-transform: translate(44%, -50%);
          transform: translate(44%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(44%, -50%) !important;
        -ms-transform: translate(44%, -50%) !important;
            transform: translate(44%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(44%, -50%) !important;
        -ms-transform: translate(44%, -50%) !important;
            transform: translate(44%, -50%) !important;
  }
}

.y-perc-center-neg-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -44%);
      -ms-transform: translate(-50%, -44%);
          transform: translate(-50%, -44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -44%) !important;
        -ms-transform: translate(-50%, -44%) !important;
            transform: translate(-50%, -44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -44%) !important;
        -ms-transform: translate(-50%, -44%) !important;
            transform: translate(-50%, -44%) !important;
  }
}

.y-perc-center-pos-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 44%);
      -ms-transform: translate(-50%, 44%);
          transform: translate(-50%, 44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 44%) !important;
        -ms-transform: translate(-50%, 44%) !important;
            transform: translate(-50%, 44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 44%) !important;
        -ms-transform: translate(-50%, 44%) !important;
            transform: translate(-50%, 44%) !important;
  }
}

.x-perc-neg-45 {
  -webkit-transform: translate(-45%, 0%);
      -ms-transform: translate(-45%, 0%);
          transform: translate(-45%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-45 {
    -webkit-transform: translate(-45%, 0%) !important;
        -ms-transform: translate(-45%, 0%) !important;
            transform: translate(-45%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-45 {
    -webkit-transform: translate(-45%, 0%) !important;
        -ms-transform: translate(-45%, 0%) !important;
            transform: translate(-45%, 0%) !important;
  }
}

.x-perc-pos-45 {
  -webkit-transform: translate(45%, 0%);
      -ms-transform: translate(45%, 0%);
          transform: translate(45%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-45 {
    -webkit-transform: translate(45%, 0%) !important;
        -ms-transform: translate(45%, 0%) !important;
            transform: translate(45%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-45 {
    -webkit-transform: translate(45%, 0%) !important;
        -ms-transform: translate(45%, 0%) !important;
            transform: translate(45%, 0%) !important;
  }
}

.y-perc-neg-45 {
  -webkit-transform: translate(0%, -45%);
      -ms-transform: translate(0%, -45%);
          transform: translate(0%, -45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-45 {
    -webkit-transform: translate(0%, -45%) !important;
        -ms-transform: translate(0%, -45%) !important;
            transform: translate(0%, -45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-45 {
    -webkit-transform: translate(0%, -45%) !important;
        -ms-transform: translate(0%, -45%) !important;
            transform: translate(0%, -45%) !important;
  }
}

.y-perc-pos-45 {
  -webkit-transform: translate(0%, 45%);
      -ms-transform: translate(0%, 45%);
          transform: translate(0%, 45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-45 {
    -webkit-transform: translate(0%, 45%) !important;
        -ms-transform: translate(0%, 45%) !important;
            transform: translate(0%, 45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-45 {
    -webkit-transform: translate(0%, 45%) !important;
        -ms-transform: translate(0%, 45%) !important;
            transform: translate(0%, 45%) !important;
  }
}

.x-perc-center-neg-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -50%);
      -ms-transform: translate(-45%, -50%);
          transform: translate(-45%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-45%, -50%) !important;
        -ms-transform: translate(-45%, -50%) !important;
            transform: translate(-45%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-45%, -50%) !important;
        -ms-transform: translate(-45%, -50%) !important;
            transform: translate(-45%, -50%) !important;
  }
}

.x-perc-center-pos-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(45%, -50%);
      -ms-transform: translate(45%, -50%);
          transform: translate(45%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(45%, -50%) !important;
        -ms-transform: translate(45%, -50%) !important;
            transform: translate(45%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(45%, -50%) !important;
        -ms-transform: translate(45%, -50%) !important;
            transform: translate(45%, -50%) !important;
  }
}

.y-perc-center-neg-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
      -ms-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -45%) !important;
        -ms-transform: translate(-50%, -45%) !important;
            transform: translate(-50%, -45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -45%) !important;
        -ms-transform: translate(-50%, -45%) !important;
            transform: translate(-50%, -45%) !important;
  }
}

.y-perc-center-pos-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 45%);
      -ms-transform: translate(-50%, 45%);
          transform: translate(-50%, 45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 45%) !important;
        -ms-transform: translate(-50%, 45%) !important;
            transform: translate(-50%, 45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 45%) !important;
        -ms-transform: translate(-50%, 45%) !important;
            transform: translate(-50%, 45%) !important;
  }
}

.x-perc-neg-46 {
  -webkit-transform: translate(-46%, 0%);
      -ms-transform: translate(-46%, 0%);
          transform: translate(-46%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-46 {
    -webkit-transform: translate(-46%, 0%) !important;
        -ms-transform: translate(-46%, 0%) !important;
            transform: translate(-46%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-46 {
    -webkit-transform: translate(-46%, 0%) !important;
        -ms-transform: translate(-46%, 0%) !important;
            transform: translate(-46%, 0%) !important;
  }
}

.x-perc-pos-46 {
  -webkit-transform: translate(46%, 0%);
      -ms-transform: translate(46%, 0%);
          transform: translate(46%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-46 {
    -webkit-transform: translate(46%, 0%) !important;
        -ms-transform: translate(46%, 0%) !important;
            transform: translate(46%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-46 {
    -webkit-transform: translate(46%, 0%) !important;
        -ms-transform: translate(46%, 0%) !important;
            transform: translate(46%, 0%) !important;
  }
}

.y-perc-neg-46 {
  -webkit-transform: translate(0%, -46%);
      -ms-transform: translate(0%, -46%);
          transform: translate(0%, -46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-46 {
    -webkit-transform: translate(0%, -46%) !important;
        -ms-transform: translate(0%, -46%) !important;
            transform: translate(0%, -46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-46 {
    -webkit-transform: translate(0%, -46%) !important;
        -ms-transform: translate(0%, -46%) !important;
            transform: translate(0%, -46%) !important;
  }
}

.y-perc-pos-46 {
  -webkit-transform: translate(0%, 46%);
      -ms-transform: translate(0%, 46%);
          transform: translate(0%, 46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-46 {
    -webkit-transform: translate(0%, 46%) !important;
        -ms-transform: translate(0%, 46%) !important;
            transform: translate(0%, 46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-46 {
    -webkit-transform: translate(0%, 46%) !important;
        -ms-transform: translate(0%, 46%) !important;
            transform: translate(0%, 46%) !important;
  }
}

.x-perc-center-neg-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-46%, -50%);
      -ms-transform: translate(-46%, -50%);
          transform: translate(-46%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-46%, -50%) !important;
        -ms-transform: translate(-46%, -50%) !important;
            transform: translate(-46%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-46%, -50%) !important;
        -ms-transform: translate(-46%, -50%) !important;
            transform: translate(-46%, -50%) !important;
  }
}

.x-perc-center-pos-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(46%, -50%);
      -ms-transform: translate(46%, -50%);
          transform: translate(46%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(46%, -50%) !important;
        -ms-transform: translate(46%, -50%) !important;
            transform: translate(46%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(46%, -50%) !important;
        -ms-transform: translate(46%, -50%) !important;
            transform: translate(46%, -50%) !important;
  }
}

.y-perc-center-neg-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -46%);
      -ms-transform: translate(-50%, -46%);
          transform: translate(-50%, -46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -46%) !important;
        -ms-transform: translate(-50%, -46%) !important;
            transform: translate(-50%, -46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -46%) !important;
        -ms-transform: translate(-50%, -46%) !important;
            transform: translate(-50%, -46%) !important;
  }
}

.y-perc-center-pos-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 46%);
      -ms-transform: translate(-50%, 46%);
          transform: translate(-50%, 46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 46%) !important;
        -ms-transform: translate(-50%, 46%) !important;
            transform: translate(-50%, 46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 46%) !important;
        -ms-transform: translate(-50%, 46%) !important;
            transform: translate(-50%, 46%) !important;
  }
}

.x-perc-neg-47 {
  -webkit-transform: translate(-47%, 0%);
      -ms-transform: translate(-47%, 0%);
          transform: translate(-47%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-47 {
    -webkit-transform: translate(-47%, 0%) !important;
        -ms-transform: translate(-47%, 0%) !important;
            transform: translate(-47%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-47 {
    -webkit-transform: translate(-47%, 0%) !important;
        -ms-transform: translate(-47%, 0%) !important;
            transform: translate(-47%, 0%) !important;
  }
}

.x-perc-pos-47 {
  -webkit-transform: translate(47%, 0%);
      -ms-transform: translate(47%, 0%);
          transform: translate(47%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-47 {
    -webkit-transform: translate(47%, 0%) !important;
        -ms-transform: translate(47%, 0%) !important;
            transform: translate(47%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-47 {
    -webkit-transform: translate(47%, 0%) !important;
        -ms-transform: translate(47%, 0%) !important;
            transform: translate(47%, 0%) !important;
  }
}

.y-perc-neg-47 {
  -webkit-transform: translate(0%, -47%);
      -ms-transform: translate(0%, -47%);
          transform: translate(0%, -47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-47 {
    -webkit-transform: translate(0%, -47%) !important;
        -ms-transform: translate(0%, -47%) !important;
            transform: translate(0%, -47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-47 {
    -webkit-transform: translate(0%, -47%) !important;
        -ms-transform: translate(0%, -47%) !important;
            transform: translate(0%, -47%) !important;
  }
}

.y-perc-pos-47 {
  -webkit-transform: translate(0%, 47%);
      -ms-transform: translate(0%, 47%);
          transform: translate(0%, 47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-47 {
    -webkit-transform: translate(0%, 47%) !important;
        -ms-transform: translate(0%, 47%) !important;
            transform: translate(0%, 47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-47 {
    -webkit-transform: translate(0%, 47%) !important;
        -ms-transform: translate(0%, 47%) !important;
            transform: translate(0%, 47%) !important;
  }
}

.x-perc-center-neg-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-47%, -50%);
      -ms-transform: translate(-47%, -50%);
          transform: translate(-47%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-47%, -50%) !important;
        -ms-transform: translate(-47%, -50%) !important;
            transform: translate(-47%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-47%, -50%) !important;
        -ms-transform: translate(-47%, -50%) !important;
            transform: translate(-47%, -50%) !important;
  }
}

.x-perc-center-pos-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(47%, -50%);
      -ms-transform: translate(47%, -50%);
          transform: translate(47%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(47%, -50%) !important;
        -ms-transform: translate(47%, -50%) !important;
            transform: translate(47%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(47%, -50%) !important;
        -ms-transform: translate(47%, -50%) !important;
            transform: translate(47%, -50%) !important;
  }
}

.y-perc-center-neg-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -47%);
      -ms-transform: translate(-50%, -47%);
          transform: translate(-50%, -47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -47%) !important;
        -ms-transform: translate(-50%, -47%) !important;
            transform: translate(-50%, -47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -47%) !important;
        -ms-transform: translate(-50%, -47%) !important;
            transform: translate(-50%, -47%) !important;
  }
}

.y-perc-center-pos-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 47%);
      -ms-transform: translate(-50%, 47%);
          transform: translate(-50%, 47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 47%) !important;
        -ms-transform: translate(-50%, 47%) !important;
            transform: translate(-50%, 47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 47%) !important;
        -ms-transform: translate(-50%, 47%) !important;
            transform: translate(-50%, 47%) !important;
  }
}

.x-perc-neg-48 {
  -webkit-transform: translate(-48%, 0%);
      -ms-transform: translate(-48%, 0%);
          transform: translate(-48%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-48 {
    -webkit-transform: translate(-48%, 0%) !important;
        -ms-transform: translate(-48%, 0%) !important;
            transform: translate(-48%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-48 {
    -webkit-transform: translate(-48%, 0%) !important;
        -ms-transform: translate(-48%, 0%) !important;
            transform: translate(-48%, 0%) !important;
  }
}

.x-perc-pos-48 {
  -webkit-transform: translate(48%, 0%);
      -ms-transform: translate(48%, 0%);
          transform: translate(48%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-48 {
    -webkit-transform: translate(48%, 0%) !important;
        -ms-transform: translate(48%, 0%) !important;
            transform: translate(48%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-48 {
    -webkit-transform: translate(48%, 0%) !important;
        -ms-transform: translate(48%, 0%) !important;
            transform: translate(48%, 0%) !important;
  }
}

.y-perc-neg-48 {
  -webkit-transform: translate(0%, -48%);
      -ms-transform: translate(0%, -48%);
          transform: translate(0%, -48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-48 {
    -webkit-transform: translate(0%, -48%) !important;
        -ms-transform: translate(0%, -48%) !important;
            transform: translate(0%, -48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-48 {
    -webkit-transform: translate(0%, -48%) !important;
        -ms-transform: translate(0%, -48%) !important;
            transform: translate(0%, -48%) !important;
  }
}

.y-perc-pos-48 {
  -webkit-transform: translate(0%, 48%);
      -ms-transform: translate(0%, 48%);
          transform: translate(0%, 48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-48 {
    -webkit-transform: translate(0%, 48%) !important;
        -ms-transform: translate(0%, 48%) !important;
            transform: translate(0%, 48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-48 {
    -webkit-transform: translate(0%, 48%) !important;
        -ms-transform: translate(0%, 48%) !important;
            transform: translate(0%, 48%) !important;
  }
}

.x-perc-center-neg-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-48%, -50%);
      -ms-transform: translate(-48%, -50%);
          transform: translate(-48%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-48%, -50%) !important;
        -ms-transform: translate(-48%, -50%) !important;
            transform: translate(-48%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-48%, -50%) !important;
        -ms-transform: translate(-48%, -50%) !important;
            transform: translate(-48%, -50%) !important;
  }
}

.x-perc-center-pos-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(48%, -50%);
      -ms-transform: translate(48%, -50%);
          transform: translate(48%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(48%, -50%) !important;
        -ms-transform: translate(48%, -50%) !important;
            transform: translate(48%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(48%, -50%) !important;
        -ms-transform: translate(48%, -50%) !important;
            transform: translate(48%, -50%) !important;
  }
}

.y-perc-center-neg-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -48%);
      -ms-transform: translate(-50%, -48%);
          transform: translate(-50%, -48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -48%) !important;
        -ms-transform: translate(-50%, -48%) !important;
            transform: translate(-50%, -48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -48%) !important;
        -ms-transform: translate(-50%, -48%) !important;
            transform: translate(-50%, -48%) !important;
  }
}

.y-perc-center-pos-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 48%);
      -ms-transform: translate(-50%, 48%);
          transform: translate(-50%, 48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 48%) !important;
        -ms-transform: translate(-50%, 48%) !important;
            transform: translate(-50%, 48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 48%) !important;
        -ms-transform: translate(-50%, 48%) !important;
            transform: translate(-50%, 48%) !important;
  }
}

.x-perc-neg-49 {
  -webkit-transform: translate(-49%, 0%);
      -ms-transform: translate(-49%, 0%);
          transform: translate(-49%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-49 {
    -webkit-transform: translate(-49%, 0%) !important;
        -ms-transform: translate(-49%, 0%) !important;
            transform: translate(-49%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-49 {
    -webkit-transform: translate(-49%, 0%) !important;
        -ms-transform: translate(-49%, 0%) !important;
            transform: translate(-49%, 0%) !important;
  }
}

.x-perc-pos-49 {
  -webkit-transform: translate(49%, 0%);
      -ms-transform: translate(49%, 0%);
          transform: translate(49%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-49 {
    -webkit-transform: translate(49%, 0%) !important;
        -ms-transform: translate(49%, 0%) !important;
            transform: translate(49%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-49 {
    -webkit-transform: translate(49%, 0%) !important;
        -ms-transform: translate(49%, 0%) !important;
            transform: translate(49%, 0%) !important;
  }
}

.y-perc-neg-49 {
  -webkit-transform: translate(0%, -49%);
      -ms-transform: translate(0%, -49%);
          transform: translate(0%, -49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-49 {
    -webkit-transform: translate(0%, -49%) !important;
        -ms-transform: translate(0%, -49%) !important;
            transform: translate(0%, -49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-49 {
    -webkit-transform: translate(0%, -49%) !important;
        -ms-transform: translate(0%, -49%) !important;
            transform: translate(0%, -49%) !important;
  }
}

.y-perc-pos-49 {
  -webkit-transform: translate(0%, 49%);
      -ms-transform: translate(0%, 49%);
          transform: translate(0%, 49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-49 {
    -webkit-transform: translate(0%, 49%) !important;
        -ms-transform: translate(0%, 49%) !important;
            transform: translate(0%, 49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-49 {
    -webkit-transform: translate(0%, 49%) !important;
        -ms-transform: translate(0%, 49%) !important;
            transform: translate(0%, 49%) !important;
  }
}

.x-perc-center-neg-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-49%, -50%);
      -ms-transform: translate(-49%, -50%);
          transform: translate(-49%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-49%, -50%) !important;
        -ms-transform: translate(-49%, -50%) !important;
            transform: translate(-49%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-49%, -50%) !important;
        -ms-transform: translate(-49%, -50%) !important;
            transform: translate(-49%, -50%) !important;
  }
}

.x-perc-center-pos-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(49%, -50%);
      -ms-transform: translate(49%, -50%);
          transform: translate(49%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(49%, -50%) !important;
        -ms-transform: translate(49%, -50%) !important;
            transform: translate(49%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(49%, -50%) !important;
        -ms-transform: translate(49%, -50%) !important;
            transform: translate(49%, -50%) !important;
  }
}

.y-perc-center-neg-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -49%);
      -ms-transform: translate(-50%, -49%);
          transform: translate(-50%, -49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -49%) !important;
        -ms-transform: translate(-50%, -49%) !important;
            transform: translate(-50%, -49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -49%) !important;
        -ms-transform: translate(-50%, -49%) !important;
            transform: translate(-50%, -49%) !important;
  }
}

.y-perc-center-pos-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 49%);
      -ms-transform: translate(-50%, 49%);
          transform: translate(-50%, 49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 49%) !important;
        -ms-transform: translate(-50%, 49%) !important;
            transform: translate(-50%, 49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 49%) !important;
        -ms-transform: translate(-50%, 49%) !important;
            transform: translate(-50%, 49%) !important;
  }
}

.x-perc-neg-50 {
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-50 {
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-50 {
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

.x-perc-pos-50 {
  -webkit-transform: translate(50%, 0%);
      -ms-transform: translate(50%, 0%);
          transform: translate(50%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-50 {
    -webkit-transform: translate(50%, 0%) !important;
        -ms-transform: translate(50%, 0%) !important;
            transform: translate(50%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-50 {
    -webkit-transform: translate(50%, 0%) !important;
        -ms-transform: translate(50%, 0%) !important;
            transform: translate(50%, 0%) !important;
  }
}

.y-perc-neg-50 {
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-50 {
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-50 {
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

.y-perc-pos-50 {
  -webkit-transform: translate(0%, 50%);
      -ms-transform: translate(0%, 50%);
          transform: translate(0%, 50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-50 {
    -webkit-transform: translate(0%, 50%) !important;
        -ms-transform: translate(0%, 50%) !important;
            transform: translate(0%, 50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-50 {
    -webkit-transform: translate(0%, 50%) !important;
        -ms-transform: translate(0%, 50%) !important;
            transform: translate(0%, 50%) !important;
  }
}

.x-perc-center-neg-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

.x-perc-center-pos-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
        -ms-transform: translate(50%, -50%) !important;
            transform: translate(50%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
        -ms-transform: translate(50%, -50%) !important;
            transform: translate(50%, -50%) !important;
  }
}

.y-perc-center-neg-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

.y-perc-center-pos-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 50%) !important;
        -ms-transform: translate(-50%, 50%) !important;
            transform: translate(-50%, 50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 50%) !important;
        -ms-transform: translate(-50%, 50%) !important;
            transform: translate(-50%, 50%) !important;
  }
}

.x-perc-neg-51 {
  -webkit-transform: translate(-51%, 0%);
      -ms-transform: translate(-51%, 0%);
          transform: translate(-51%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-51 {
    -webkit-transform: translate(-51%, 0%) !important;
        -ms-transform: translate(-51%, 0%) !important;
            transform: translate(-51%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-51 {
    -webkit-transform: translate(-51%, 0%) !important;
        -ms-transform: translate(-51%, 0%) !important;
            transform: translate(-51%, 0%) !important;
  }
}

.x-perc-pos-51 {
  -webkit-transform: translate(51%, 0%);
      -ms-transform: translate(51%, 0%);
          transform: translate(51%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-51 {
    -webkit-transform: translate(51%, 0%) !important;
        -ms-transform: translate(51%, 0%) !important;
            transform: translate(51%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-51 {
    -webkit-transform: translate(51%, 0%) !important;
        -ms-transform: translate(51%, 0%) !important;
            transform: translate(51%, 0%) !important;
  }
}

.y-perc-neg-51 {
  -webkit-transform: translate(0%, -51%);
      -ms-transform: translate(0%, -51%);
          transform: translate(0%, -51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-51 {
    -webkit-transform: translate(0%, -51%) !important;
        -ms-transform: translate(0%, -51%) !important;
            transform: translate(0%, -51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-51 {
    -webkit-transform: translate(0%, -51%) !important;
        -ms-transform: translate(0%, -51%) !important;
            transform: translate(0%, -51%) !important;
  }
}

.y-perc-pos-51 {
  -webkit-transform: translate(0%, 51%);
      -ms-transform: translate(0%, 51%);
          transform: translate(0%, 51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-51 {
    -webkit-transform: translate(0%, 51%) !important;
        -ms-transform: translate(0%, 51%) !important;
            transform: translate(0%, 51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-51 {
    -webkit-transform: translate(0%, 51%) !important;
        -ms-transform: translate(0%, 51%) !important;
            transform: translate(0%, 51%) !important;
  }
}

.x-perc-center-neg-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
      -ms-transform: translate(-51%, -50%);
          transform: translate(-51%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-51%, -50%) !important;
        -ms-transform: translate(-51%, -50%) !important;
            transform: translate(-51%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-51%, -50%) !important;
        -ms-transform: translate(-51%, -50%) !important;
            transform: translate(-51%, -50%) !important;
  }
}

.x-perc-center-pos-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(51%, -50%);
      -ms-transform: translate(51%, -50%);
          transform: translate(51%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(51%, -50%) !important;
        -ms-transform: translate(51%, -50%) !important;
            transform: translate(51%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(51%, -50%) !important;
        -ms-transform: translate(51%, -50%) !important;
            transform: translate(51%, -50%) !important;
  }
}

.y-perc-center-neg-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -51%);
      -ms-transform: translate(-50%, -51%);
          transform: translate(-50%, -51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -51%) !important;
        -ms-transform: translate(-50%, -51%) !important;
            transform: translate(-50%, -51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -51%) !important;
        -ms-transform: translate(-50%, -51%) !important;
            transform: translate(-50%, -51%) !important;
  }
}

.y-perc-center-pos-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 51%);
      -ms-transform: translate(-50%, 51%);
          transform: translate(-50%, 51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 51%) !important;
        -ms-transform: translate(-50%, 51%) !important;
            transform: translate(-50%, 51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 51%) !important;
        -ms-transform: translate(-50%, 51%) !important;
            transform: translate(-50%, 51%) !important;
  }
}

.x-perc-neg-52 {
  -webkit-transform: translate(-52%, 0%);
      -ms-transform: translate(-52%, 0%);
          transform: translate(-52%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-52 {
    -webkit-transform: translate(-52%, 0%) !important;
        -ms-transform: translate(-52%, 0%) !important;
            transform: translate(-52%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-52 {
    -webkit-transform: translate(-52%, 0%) !important;
        -ms-transform: translate(-52%, 0%) !important;
            transform: translate(-52%, 0%) !important;
  }
}

.x-perc-pos-52 {
  -webkit-transform: translate(52%, 0%);
      -ms-transform: translate(52%, 0%);
          transform: translate(52%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-52 {
    -webkit-transform: translate(52%, 0%) !important;
        -ms-transform: translate(52%, 0%) !important;
            transform: translate(52%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-52 {
    -webkit-transform: translate(52%, 0%) !important;
        -ms-transform: translate(52%, 0%) !important;
            transform: translate(52%, 0%) !important;
  }
}

.y-perc-neg-52 {
  -webkit-transform: translate(0%, -52%);
      -ms-transform: translate(0%, -52%);
          transform: translate(0%, -52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-52 {
    -webkit-transform: translate(0%, -52%) !important;
        -ms-transform: translate(0%, -52%) !important;
            transform: translate(0%, -52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-52 {
    -webkit-transform: translate(0%, -52%) !important;
        -ms-transform: translate(0%, -52%) !important;
            transform: translate(0%, -52%) !important;
  }
}

.y-perc-pos-52 {
  -webkit-transform: translate(0%, 52%);
      -ms-transform: translate(0%, 52%);
          transform: translate(0%, 52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-52 {
    -webkit-transform: translate(0%, 52%) !important;
        -ms-transform: translate(0%, 52%) !important;
            transform: translate(0%, 52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-52 {
    -webkit-transform: translate(0%, 52%) !important;
        -ms-transform: translate(0%, 52%) !important;
            transform: translate(0%, 52%) !important;
  }
}

.x-perc-center-neg-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-52%, -50%);
      -ms-transform: translate(-52%, -50%);
          transform: translate(-52%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-52%, -50%) !important;
        -ms-transform: translate(-52%, -50%) !important;
            transform: translate(-52%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-52%, -50%) !important;
        -ms-transform: translate(-52%, -50%) !important;
            transform: translate(-52%, -50%) !important;
  }
}

.x-perc-center-pos-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(52%, -50%);
      -ms-transform: translate(52%, -50%);
          transform: translate(52%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(52%, -50%) !important;
        -ms-transform: translate(52%, -50%) !important;
            transform: translate(52%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(52%, -50%) !important;
        -ms-transform: translate(52%, -50%) !important;
            transform: translate(52%, -50%) !important;
  }
}

.y-perc-center-neg-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -52%);
      -ms-transform: translate(-50%, -52%);
          transform: translate(-50%, -52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -52%) !important;
        -ms-transform: translate(-50%, -52%) !important;
            transform: translate(-50%, -52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -52%) !important;
        -ms-transform: translate(-50%, -52%) !important;
            transform: translate(-50%, -52%) !important;
  }
}

.y-perc-center-pos-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 52%);
      -ms-transform: translate(-50%, 52%);
          transform: translate(-50%, 52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 52%) !important;
        -ms-transform: translate(-50%, 52%) !important;
            transform: translate(-50%, 52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 52%) !important;
        -ms-transform: translate(-50%, 52%) !important;
            transform: translate(-50%, 52%) !important;
  }
}

.x-perc-neg-53 {
  -webkit-transform: translate(-53%, 0%);
      -ms-transform: translate(-53%, 0%);
          transform: translate(-53%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-53 {
    -webkit-transform: translate(-53%, 0%) !important;
        -ms-transform: translate(-53%, 0%) !important;
            transform: translate(-53%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-53 {
    -webkit-transform: translate(-53%, 0%) !important;
        -ms-transform: translate(-53%, 0%) !important;
            transform: translate(-53%, 0%) !important;
  }
}

.x-perc-pos-53 {
  -webkit-transform: translate(53%, 0%);
      -ms-transform: translate(53%, 0%);
          transform: translate(53%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-53 {
    -webkit-transform: translate(53%, 0%) !important;
        -ms-transform: translate(53%, 0%) !important;
            transform: translate(53%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-53 {
    -webkit-transform: translate(53%, 0%) !important;
        -ms-transform: translate(53%, 0%) !important;
            transform: translate(53%, 0%) !important;
  }
}

.y-perc-neg-53 {
  -webkit-transform: translate(0%, -53%);
      -ms-transform: translate(0%, -53%);
          transform: translate(0%, -53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-53 {
    -webkit-transform: translate(0%, -53%) !important;
        -ms-transform: translate(0%, -53%) !important;
            transform: translate(0%, -53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-53 {
    -webkit-transform: translate(0%, -53%) !important;
        -ms-transform: translate(0%, -53%) !important;
            transform: translate(0%, -53%) !important;
  }
}

.y-perc-pos-53 {
  -webkit-transform: translate(0%, 53%);
      -ms-transform: translate(0%, 53%);
          transform: translate(0%, 53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-53 {
    -webkit-transform: translate(0%, 53%) !important;
        -ms-transform: translate(0%, 53%) !important;
            transform: translate(0%, 53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-53 {
    -webkit-transform: translate(0%, 53%) !important;
        -ms-transform: translate(0%, 53%) !important;
            transform: translate(0%, 53%) !important;
  }
}

.x-perc-center-neg-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-53%, -50%);
      -ms-transform: translate(-53%, -50%);
          transform: translate(-53%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-53%, -50%) !important;
        -ms-transform: translate(-53%, -50%) !important;
            transform: translate(-53%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-53%, -50%) !important;
        -ms-transform: translate(-53%, -50%) !important;
            transform: translate(-53%, -50%) !important;
  }
}

.x-perc-center-pos-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(53%, -50%);
      -ms-transform: translate(53%, -50%);
          transform: translate(53%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(53%, -50%) !important;
        -ms-transform: translate(53%, -50%) !important;
            transform: translate(53%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(53%, -50%) !important;
        -ms-transform: translate(53%, -50%) !important;
            transform: translate(53%, -50%) !important;
  }
}

.y-perc-center-neg-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -53%);
      -ms-transform: translate(-50%, -53%);
          transform: translate(-50%, -53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -53%) !important;
        -ms-transform: translate(-50%, -53%) !important;
            transform: translate(-50%, -53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -53%) !important;
        -ms-transform: translate(-50%, -53%) !important;
            transform: translate(-50%, -53%) !important;
  }
}

.y-perc-center-pos-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 53%);
      -ms-transform: translate(-50%, 53%);
          transform: translate(-50%, 53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 53%) !important;
        -ms-transform: translate(-50%, 53%) !important;
            transform: translate(-50%, 53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 53%) !important;
        -ms-transform: translate(-50%, 53%) !important;
            transform: translate(-50%, 53%) !important;
  }
}

.x-perc-neg-54 {
  -webkit-transform: translate(-54%, 0%);
      -ms-transform: translate(-54%, 0%);
          transform: translate(-54%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-54 {
    -webkit-transform: translate(-54%, 0%) !important;
        -ms-transform: translate(-54%, 0%) !important;
            transform: translate(-54%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-54 {
    -webkit-transform: translate(-54%, 0%) !important;
        -ms-transform: translate(-54%, 0%) !important;
            transform: translate(-54%, 0%) !important;
  }
}

.x-perc-pos-54 {
  -webkit-transform: translate(54%, 0%);
      -ms-transform: translate(54%, 0%);
          transform: translate(54%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-54 {
    -webkit-transform: translate(54%, 0%) !important;
        -ms-transform: translate(54%, 0%) !important;
            transform: translate(54%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-54 {
    -webkit-transform: translate(54%, 0%) !important;
        -ms-transform: translate(54%, 0%) !important;
            transform: translate(54%, 0%) !important;
  }
}

.y-perc-neg-54 {
  -webkit-transform: translate(0%, -54%);
      -ms-transform: translate(0%, -54%);
          transform: translate(0%, -54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-54 {
    -webkit-transform: translate(0%, -54%) !important;
        -ms-transform: translate(0%, -54%) !important;
            transform: translate(0%, -54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-54 {
    -webkit-transform: translate(0%, -54%) !important;
        -ms-transform: translate(0%, -54%) !important;
            transform: translate(0%, -54%) !important;
  }
}

.y-perc-pos-54 {
  -webkit-transform: translate(0%, 54%);
      -ms-transform: translate(0%, 54%);
          transform: translate(0%, 54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-54 {
    -webkit-transform: translate(0%, 54%) !important;
        -ms-transform: translate(0%, 54%) !important;
            transform: translate(0%, 54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-54 {
    -webkit-transform: translate(0%, 54%) !important;
        -ms-transform: translate(0%, 54%) !important;
            transform: translate(0%, 54%) !important;
  }
}

.x-perc-center-neg-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-54%, -50%);
      -ms-transform: translate(-54%, -50%);
          transform: translate(-54%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-54%, -50%) !important;
        -ms-transform: translate(-54%, -50%) !important;
            transform: translate(-54%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-54%, -50%) !important;
        -ms-transform: translate(-54%, -50%) !important;
            transform: translate(-54%, -50%) !important;
  }
}

.x-perc-center-pos-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(54%, -50%);
      -ms-transform: translate(54%, -50%);
          transform: translate(54%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(54%, -50%) !important;
        -ms-transform: translate(54%, -50%) !important;
            transform: translate(54%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(54%, -50%) !important;
        -ms-transform: translate(54%, -50%) !important;
            transform: translate(54%, -50%) !important;
  }
}

.y-perc-center-neg-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -54%);
      -ms-transform: translate(-50%, -54%);
          transform: translate(-50%, -54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -54%) !important;
        -ms-transform: translate(-50%, -54%) !important;
            transform: translate(-50%, -54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -54%) !important;
        -ms-transform: translate(-50%, -54%) !important;
            transform: translate(-50%, -54%) !important;
  }
}

.y-perc-center-pos-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 54%);
      -ms-transform: translate(-50%, 54%);
          transform: translate(-50%, 54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 54%) !important;
        -ms-transform: translate(-50%, 54%) !important;
            transform: translate(-50%, 54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 54%) !important;
        -ms-transform: translate(-50%, 54%) !important;
            transform: translate(-50%, 54%) !important;
  }
}

.x-perc-neg-55 {
  -webkit-transform: translate(-55%, 0%);
      -ms-transform: translate(-55%, 0%);
          transform: translate(-55%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-55 {
    -webkit-transform: translate(-55%, 0%) !important;
        -ms-transform: translate(-55%, 0%) !important;
            transform: translate(-55%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-55 {
    -webkit-transform: translate(-55%, 0%) !important;
        -ms-transform: translate(-55%, 0%) !important;
            transform: translate(-55%, 0%) !important;
  }
}

.x-perc-pos-55 {
  -webkit-transform: translate(55%, 0%);
      -ms-transform: translate(55%, 0%);
          transform: translate(55%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-55 {
    -webkit-transform: translate(55%, 0%) !important;
        -ms-transform: translate(55%, 0%) !important;
            transform: translate(55%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-55 {
    -webkit-transform: translate(55%, 0%) !important;
        -ms-transform: translate(55%, 0%) !important;
            transform: translate(55%, 0%) !important;
  }
}

.y-perc-neg-55 {
  -webkit-transform: translate(0%, -55%);
      -ms-transform: translate(0%, -55%);
          transform: translate(0%, -55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-55 {
    -webkit-transform: translate(0%, -55%) !important;
        -ms-transform: translate(0%, -55%) !important;
            transform: translate(0%, -55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-55 {
    -webkit-transform: translate(0%, -55%) !important;
        -ms-transform: translate(0%, -55%) !important;
            transform: translate(0%, -55%) !important;
  }
}

.y-perc-pos-55 {
  -webkit-transform: translate(0%, 55%);
      -ms-transform: translate(0%, 55%);
          transform: translate(0%, 55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-55 {
    -webkit-transform: translate(0%, 55%) !important;
        -ms-transform: translate(0%, 55%) !important;
            transform: translate(0%, 55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-55 {
    -webkit-transform: translate(0%, 55%) !important;
        -ms-transform: translate(0%, 55%) !important;
            transform: translate(0%, 55%) !important;
  }
}

.x-perc-center-neg-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-55%, -50%);
      -ms-transform: translate(-55%, -50%);
          transform: translate(-55%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-55%, -50%) !important;
        -ms-transform: translate(-55%, -50%) !important;
            transform: translate(-55%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-55%, -50%) !important;
        -ms-transform: translate(-55%, -50%) !important;
            transform: translate(-55%, -50%) !important;
  }
}

.x-perc-center-pos-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(55%, -50%);
      -ms-transform: translate(55%, -50%);
          transform: translate(55%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(55%, -50%) !important;
        -ms-transform: translate(55%, -50%) !important;
            transform: translate(55%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(55%, -50%) !important;
        -ms-transform: translate(55%, -50%) !important;
            transform: translate(55%, -50%) !important;
  }
}

.y-perc-center-neg-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
      -ms-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -55%) !important;
        -ms-transform: translate(-50%, -55%) !important;
            transform: translate(-50%, -55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -55%) !important;
        -ms-transform: translate(-50%, -55%) !important;
            transform: translate(-50%, -55%) !important;
  }
}

.y-perc-center-pos-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 55%);
      -ms-transform: translate(-50%, 55%);
          transform: translate(-50%, 55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 55%) !important;
        -ms-transform: translate(-50%, 55%) !important;
            transform: translate(-50%, 55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 55%) !important;
        -ms-transform: translate(-50%, 55%) !important;
            transform: translate(-50%, 55%) !important;
  }
}

.x-perc-neg-56 {
  -webkit-transform: translate(-56%, 0%);
      -ms-transform: translate(-56%, 0%);
          transform: translate(-56%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-56 {
    -webkit-transform: translate(-56%, 0%) !important;
        -ms-transform: translate(-56%, 0%) !important;
            transform: translate(-56%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-56 {
    -webkit-transform: translate(-56%, 0%) !important;
        -ms-transform: translate(-56%, 0%) !important;
            transform: translate(-56%, 0%) !important;
  }
}

.x-perc-pos-56 {
  -webkit-transform: translate(56%, 0%);
      -ms-transform: translate(56%, 0%);
          transform: translate(56%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-56 {
    -webkit-transform: translate(56%, 0%) !important;
        -ms-transform: translate(56%, 0%) !important;
            transform: translate(56%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-56 {
    -webkit-transform: translate(56%, 0%) !important;
        -ms-transform: translate(56%, 0%) !important;
            transform: translate(56%, 0%) !important;
  }
}

.y-perc-neg-56 {
  -webkit-transform: translate(0%, -56%);
      -ms-transform: translate(0%, -56%);
          transform: translate(0%, -56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-56 {
    -webkit-transform: translate(0%, -56%) !important;
        -ms-transform: translate(0%, -56%) !important;
            transform: translate(0%, -56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-56 {
    -webkit-transform: translate(0%, -56%) !important;
        -ms-transform: translate(0%, -56%) !important;
            transform: translate(0%, -56%) !important;
  }
}

.y-perc-pos-56 {
  -webkit-transform: translate(0%, 56%);
      -ms-transform: translate(0%, 56%);
          transform: translate(0%, 56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-56 {
    -webkit-transform: translate(0%, 56%) !important;
        -ms-transform: translate(0%, 56%) !important;
            transform: translate(0%, 56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-56 {
    -webkit-transform: translate(0%, 56%) !important;
        -ms-transform: translate(0%, 56%) !important;
            transform: translate(0%, 56%) !important;
  }
}

.x-perc-center-neg-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-56%, -50%);
      -ms-transform: translate(-56%, -50%);
          transform: translate(-56%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-56%, -50%) !important;
        -ms-transform: translate(-56%, -50%) !important;
            transform: translate(-56%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-56%, -50%) !important;
        -ms-transform: translate(-56%, -50%) !important;
            transform: translate(-56%, -50%) !important;
  }
}

.x-perc-center-pos-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(56%, -50%);
      -ms-transform: translate(56%, -50%);
          transform: translate(56%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(56%, -50%) !important;
        -ms-transform: translate(56%, -50%) !important;
            transform: translate(56%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(56%, -50%) !important;
        -ms-transform: translate(56%, -50%) !important;
            transform: translate(56%, -50%) !important;
  }
}

.y-perc-center-neg-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -56%);
      -ms-transform: translate(-50%, -56%);
          transform: translate(-50%, -56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -56%) !important;
        -ms-transform: translate(-50%, -56%) !important;
            transform: translate(-50%, -56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -56%) !important;
        -ms-transform: translate(-50%, -56%) !important;
            transform: translate(-50%, -56%) !important;
  }
}

.y-perc-center-pos-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 56%);
      -ms-transform: translate(-50%, 56%);
          transform: translate(-50%, 56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 56%) !important;
        -ms-transform: translate(-50%, 56%) !important;
            transform: translate(-50%, 56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 56%) !important;
        -ms-transform: translate(-50%, 56%) !important;
            transform: translate(-50%, 56%) !important;
  }
}

.x-perc-neg-57 {
  -webkit-transform: translate(-57%, 0%);
      -ms-transform: translate(-57%, 0%);
          transform: translate(-57%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-57 {
    -webkit-transform: translate(-57%, 0%) !important;
        -ms-transform: translate(-57%, 0%) !important;
            transform: translate(-57%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-57 {
    -webkit-transform: translate(-57%, 0%) !important;
        -ms-transform: translate(-57%, 0%) !important;
            transform: translate(-57%, 0%) !important;
  }
}

.x-perc-pos-57 {
  -webkit-transform: translate(57%, 0%);
      -ms-transform: translate(57%, 0%);
          transform: translate(57%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-57 {
    -webkit-transform: translate(57%, 0%) !important;
        -ms-transform: translate(57%, 0%) !important;
            transform: translate(57%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-57 {
    -webkit-transform: translate(57%, 0%) !important;
        -ms-transform: translate(57%, 0%) !important;
            transform: translate(57%, 0%) !important;
  }
}

.y-perc-neg-57 {
  -webkit-transform: translate(0%, -57%);
      -ms-transform: translate(0%, -57%);
          transform: translate(0%, -57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-57 {
    -webkit-transform: translate(0%, -57%) !important;
        -ms-transform: translate(0%, -57%) !important;
            transform: translate(0%, -57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-57 {
    -webkit-transform: translate(0%, -57%) !important;
        -ms-transform: translate(0%, -57%) !important;
            transform: translate(0%, -57%) !important;
  }
}

.y-perc-pos-57 {
  -webkit-transform: translate(0%, 57%);
      -ms-transform: translate(0%, 57%);
          transform: translate(0%, 57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-57 {
    -webkit-transform: translate(0%, 57%) !important;
        -ms-transform: translate(0%, 57%) !important;
            transform: translate(0%, 57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-57 {
    -webkit-transform: translate(0%, 57%) !important;
        -ms-transform: translate(0%, 57%) !important;
            transform: translate(0%, 57%) !important;
  }
}

.x-perc-center-neg-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-57%, -50%);
      -ms-transform: translate(-57%, -50%);
          transform: translate(-57%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-57%, -50%) !important;
        -ms-transform: translate(-57%, -50%) !important;
            transform: translate(-57%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-57%, -50%) !important;
        -ms-transform: translate(-57%, -50%) !important;
            transform: translate(-57%, -50%) !important;
  }
}

.x-perc-center-pos-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(57%, -50%);
      -ms-transform: translate(57%, -50%);
          transform: translate(57%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(57%, -50%) !important;
        -ms-transform: translate(57%, -50%) !important;
            transform: translate(57%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(57%, -50%) !important;
        -ms-transform: translate(57%, -50%) !important;
            transform: translate(57%, -50%) !important;
  }
}

.y-perc-center-neg-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -57%);
      -ms-transform: translate(-50%, -57%);
          transform: translate(-50%, -57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -57%) !important;
        -ms-transform: translate(-50%, -57%) !important;
            transform: translate(-50%, -57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -57%) !important;
        -ms-transform: translate(-50%, -57%) !important;
            transform: translate(-50%, -57%) !important;
  }
}

.y-perc-center-pos-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 57%);
      -ms-transform: translate(-50%, 57%);
          transform: translate(-50%, 57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 57%) !important;
        -ms-transform: translate(-50%, 57%) !important;
            transform: translate(-50%, 57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 57%) !important;
        -ms-transform: translate(-50%, 57%) !important;
            transform: translate(-50%, 57%) !important;
  }
}

.x-perc-neg-58 {
  -webkit-transform: translate(-58%, 0%);
      -ms-transform: translate(-58%, 0%);
          transform: translate(-58%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-58 {
    -webkit-transform: translate(-58%, 0%) !important;
        -ms-transform: translate(-58%, 0%) !important;
            transform: translate(-58%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-58 {
    -webkit-transform: translate(-58%, 0%) !important;
        -ms-transform: translate(-58%, 0%) !important;
            transform: translate(-58%, 0%) !important;
  }
}

.x-perc-pos-58 {
  -webkit-transform: translate(58%, 0%);
      -ms-transform: translate(58%, 0%);
          transform: translate(58%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-58 {
    -webkit-transform: translate(58%, 0%) !important;
        -ms-transform: translate(58%, 0%) !important;
            transform: translate(58%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-58 {
    -webkit-transform: translate(58%, 0%) !important;
        -ms-transform: translate(58%, 0%) !important;
            transform: translate(58%, 0%) !important;
  }
}

.y-perc-neg-58 {
  -webkit-transform: translate(0%, -58%);
      -ms-transform: translate(0%, -58%);
          transform: translate(0%, -58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-58 {
    -webkit-transform: translate(0%, -58%) !important;
        -ms-transform: translate(0%, -58%) !important;
            transform: translate(0%, -58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-58 {
    -webkit-transform: translate(0%, -58%) !important;
        -ms-transform: translate(0%, -58%) !important;
            transform: translate(0%, -58%) !important;
  }
}

.y-perc-pos-58 {
  -webkit-transform: translate(0%, 58%);
      -ms-transform: translate(0%, 58%);
          transform: translate(0%, 58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-58 {
    -webkit-transform: translate(0%, 58%) !important;
        -ms-transform: translate(0%, 58%) !important;
            transform: translate(0%, 58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-58 {
    -webkit-transform: translate(0%, 58%) !important;
        -ms-transform: translate(0%, 58%) !important;
            transform: translate(0%, 58%) !important;
  }
}

.x-perc-center-neg-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-58%, -50%);
      -ms-transform: translate(-58%, -50%);
          transform: translate(-58%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-58%, -50%) !important;
        -ms-transform: translate(-58%, -50%) !important;
            transform: translate(-58%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-58%, -50%) !important;
        -ms-transform: translate(-58%, -50%) !important;
            transform: translate(-58%, -50%) !important;
  }
}

.x-perc-center-pos-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(58%, -50%);
      -ms-transform: translate(58%, -50%);
          transform: translate(58%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(58%, -50%) !important;
        -ms-transform: translate(58%, -50%) !important;
            transform: translate(58%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(58%, -50%) !important;
        -ms-transform: translate(58%, -50%) !important;
            transform: translate(58%, -50%) !important;
  }
}

.y-perc-center-neg-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -58%);
      -ms-transform: translate(-50%, -58%);
          transform: translate(-50%, -58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -58%) !important;
        -ms-transform: translate(-50%, -58%) !important;
            transform: translate(-50%, -58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -58%) !important;
        -ms-transform: translate(-50%, -58%) !important;
            transform: translate(-50%, -58%) !important;
  }
}

.y-perc-center-pos-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 58%);
      -ms-transform: translate(-50%, 58%);
          transform: translate(-50%, 58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 58%) !important;
        -ms-transform: translate(-50%, 58%) !important;
            transform: translate(-50%, 58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 58%) !important;
        -ms-transform: translate(-50%, 58%) !important;
            transform: translate(-50%, 58%) !important;
  }
}

.x-perc-neg-59 {
  -webkit-transform: translate(-59%, 0%);
      -ms-transform: translate(-59%, 0%);
          transform: translate(-59%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-59 {
    -webkit-transform: translate(-59%, 0%) !important;
        -ms-transform: translate(-59%, 0%) !important;
            transform: translate(-59%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-59 {
    -webkit-transform: translate(-59%, 0%) !important;
        -ms-transform: translate(-59%, 0%) !important;
            transform: translate(-59%, 0%) !important;
  }
}

.x-perc-pos-59 {
  -webkit-transform: translate(59%, 0%);
      -ms-transform: translate(59%, 0%);
          transform: translate(59%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-59 {
    -webkit-transform: translate(59%, 0%) !important;
        -ms-transform: translate(59%, 0%) !important;
            transform: translate(59%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-59 {
    -webkit-transform: translate(59%, 0%) !important;
        -ms-transform: translate(59%, 0%) !important;
            transform: translate(59%, 0%) !important;
  }
}

.y-perc-neg-59 {
  -webkit-transform: translate(0%, -59%);
      -ms-transform: translate(0%, -59%);
          transform: translate(0%, -59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-59 {
    -webkit-transform: translate(0%, -59%) !important;
        -ms-transform: translate(0%, -59%) !important;
            transform: translate(0%, -59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-59 {
    -webkit-transform: translate(0%, -59%) !important;
        -ms-transform: translate(0%, -59%) !important;
            transform: translate(0%, -59%) !important;
  }
}

.y-perc-pos-59 {
  -webkit-transform: translate(0%, 59%);
      -ms-transform: translate(0%, 59%);
          transform: translate(0%, 59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-59 {
    -webkit-transform: translate(0%, 59%) !important;
        -ms-transform: translate(0%, 59%) !important;
            transform: translate(0%, 59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-59 {
    -webkit-transform: translate(0%, 59%) !important;
        -ms-transform: translate(0%, 59%) !important;
            transform: translate(0%, 59%) !important;
  }
}

.x-perc-center-neg-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-59%, -50%);
      -ms-transform: translate(-59%, -50%);
          transform: translate(-59%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-59%, -50%) !important;
        -ms-transform: translate(-59%, -50%) !important;
            transform: translate(-59%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-59%, -50%) !important;
        -ms-transform: translate(-59%, -50%) !important;
            transform: translate(-59%, -50%) !important;
  }
}

.x-perc-center-pos-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(59%, -50%);
      -ms-transform: translate(59%, -50%);
          transform: translate(59%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(59%, -50%) !important;
        -ms-transform: translate(59%, -50%) !important;
            transform: translate(59%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(59%, -50%) !important;
        -ms-transform: translate(59%, -50%) !important;
            transform: translate(59%, -50%) !important;
  }
}

.y-perc-center-neg-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -59%);
      -ms-transform: translate(-50%, -59%);
          transform: translate(-50%, -59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -59%) !important;
        -ms-transform: translate(-50%, -59%) !important;
            transform: translate(-50%, -59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -59%) !important;
        -ms-transform: translate(-50%, -59%) !important;
            transform: translate(-50%, -59%) !important;
  }
}

.y-perc-center-pos-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 59%);
      -ms-transform: translate(-50%, 59%);
          transform: translate(-50%, 59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 59%) !important;
        -ms-transform: translate(-50%, 59%) !important;
            transform: translate(-50%, 59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 59%) !important;
        -ms-transform: translate(-50%, 59%) !important;
            transform: translate(-50%, 59%) !important;
  }
}

.x-perc-neg-60 {
  -webkit-transform: translate(-60%, 0%);
      -ms-transform: translate(-60%, 0%);
          transform: translate(-60%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-60 {
    -webkit-transform: translate(-60%, 0%) !important;
        -ms-transform: translate(-60%, 0%) !important;
            transform: translate(-60%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-60 {
    -webkit-transform: translate(-60%, 0%) !important;
        -ms-transform: translate(-60%, 0%) !important;
            transform: translate(-60%, 0%) !important;
  }
}

.x-perc-pos-60 {
  -webkit-transform: translate(60%, 0%);
      -ms-transform: translate(60%, 0%);
          transform: translate(60%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-60 {
    -webkit-transform: translate(60%, 0%) !important;
        -ms-transform: translate(60%, 0%) !important;
            transform: translate(60%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-60 {
    -webkit-transform: translate(60%, 0%) !important;
        -ms-transform: translate(60%, 0%) !important;
            transform: translate(60%, 0%) !important;
  }
}

.y-perc-neg-60 {
  -webkit-transform: translate(0%, -60%);
      -ms-transform: translate(0%, -60%);
          transform: translate(0%, -60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-60 {
    -webkit-transform: translate(0%, -60%) !important;
        -ms-transform: translate(0%, -60%) !important;
            transform: translate(0%, -60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-60 {
    -webkit-transform: translate(0%, -60%) !important;
        -ms-transform: translate(0%, -60%) !important;
            transform: translate(0%, -60%) !important;
  }
}

.y-perc-pos-60 {
  -webkit-transform: translate(0%, 60%);
      -ms-transform: translate(0%, 60%);
          transform: translate(0%, 60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-60 {
    -webkit-transform: translate(0%, 60%) !important;
        -ms-transform: translate(0%, 60%) !important;
            transform: translate(0%, 60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-60 {
    -webkit-transform: translate(0%, 60%) !important;
        -ms-transform: translate(0%, 60%) !important;
            transform: translate(0%, 60%) !important;
  }
}

.x-perc-center-neg-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-60%, -50%) !important;
        -ms-transform: translate(-60%, -50%) !important;
            transform: translate(-60%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-60%, -50%) !important;
        -ms-transform: translate(-60%, -50%) !important;
            transform: translate(-60%, -50%) !important;
  }
}

.x-perc-center-pos-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(60%, -50%);
      -ms-transform: translate(60%, -50%);
          transform: translate(60%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(60%, -50%) !important;
        -ms-transform: translate(60%, -50%) !important;
            transform: translate(60%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(60%, -50%) !important;
        -ms-transform: translate(60%, -50%) !important;
            transform: translate(60%, -50%) !important;
  }
}

.y-perc-center-neg-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -60%) !important;
        -ms-transform: translate(-50%, -60%) !important;
            transform: translate(-50%, -60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -60%) !important;
        -ms-transform: translate(-50%, -60%) !important;
            transform: translate(-50%, -60%) !important;
  }
}

.y-perc-center-pos-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 60%);
      -ms-transform: translate(-50%, 60%);
          transform: translate(-50%, 60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 60%) !important;
        -ms-transform: translate(-50%, 60%) !important;
            transform: translate(-50%, 60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 60%) !important;
        -ms-transform: translate(-50%, 60%) !important;
            transform: translate(-50%, 60%) !important;
  }
}

.x-perc-neg-61 {
  -webkit-transform: translate(-61%, 0%);
      -ms-transform: translate(-61%, 0%);
          transform: translate(-61%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-61 {
    -webkit-transform: translate(-61%, 0%) !important;
        -ms-transform: translate(-61%, 0%) !important;
            transform: translate(-61%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-61 {
    -webkit-transform: translate(-61%, 0%) !important;
        -ms-transform: translate(-61%, 0%) !important;
            transform: translate(-61%, 0%) !important;
  }
}

.x-perc-pos-61 {
  -webkit-transform: translate(61%, 0%);
      -ms-transform: translate(61%, 0%);
          transform: translate(61%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-61 {
    -webkit-transform: translate(61%, 0%) !important;
        -ms-transform: translate(61%, 0%) !important;
            transform: translate(61%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-61 {
    -webkit-transform: translate(61%, 0%) !important;
        -ms-transform: translate(61%, 0%) !important;
            transform: translate(61%, 0%) !important;
  }
}

.y-perc-neg-61 {
  -webkit-transform: translate(0%, -61%);
      -ms-transform: translate(0%, -61%);
          transform: translate(0%, -61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-61 {
    -webkit-transform: translate(0%, -61%) !important;
        -ms-transform: translate(0%, -61%) !important;
            transform: translate(0%, -61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-61 {
    -webkit-transform: translate(0%, -61%) !important;
        -ms-transform: translate(0%, -61%) !important;
            transform: translate(0%, -61%) !important;
  }
}

.y-perc-pos-61 {
  -webkit-transform: translate(0%, 61%);
      -ms-transform: translate(0%, 61%);
          transform: translate(0%, 61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-61 {
    -webkit-transform: translate(0%, 61%) !important;
        -ms-transform: translate(0%, 61%) !important;
            transform: translate(0%, 61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-61 {
    -webkit-transform: translate(0%, 61%) !important;
        -ms-transform: translate(0%, 61%) !important;
            transform: translate(0%, 61%) !important;
  }
}

.x-perc-center-neg-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-61%, -50%);
      -ms-transform: translate(-61%, -50%);
          transform: translate(-61%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-61%, -50%) !important;
        -ms-transform: translate(-61%, -50%) !important;
            transform: translate(-61%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-61%, -50%) !important;
        -ms-transform: translate(-61%, -50%) !important;
            transform: translate(-61%, -50%) !important;
  }
}

.x-perc-center-pos-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(61%, -50%);
      -ms-transform: translate(61%, -50%);
          transform: translate(61%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(61%, -50%) !important;
        -ms-transform: translate(61%, -50%) !important;
            transform: translate(61%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(61%, -50%) !important;
        -ms-transform: translate(61%, -50%) !important;
            transform: translate(61%, -50%) !important;
  }
}

.y-perc-center-neg-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -61%);
      -ms-transform: translate(-50%, -61%);
          transform: translate(-50%, -61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -61%) !important;
        -ms-transform: translate(-50%, -61%) !important;
            transform: translate(-50%, -61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -61%) !important;
        -ms-transform: translate(-50%, -61%) !important;
            transform: translate(-50%, -61%) !important;
  }
}

.y-perc-center-pos-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 61%);
      -ms-transform: translate(-50%, 61%);
          transform: translate(-50%, 61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 61%) !important;
        -ms-transform: translate(-50%, 61%) !important;
            transform: translate(-50%, 61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 61%) !important;
        -ms-transform: translate(-50%, 61%) !important;
            transform: translate(-50%, 61%) !important;
  }
}

.x-perc-neg-62 {
  -webkit-transform: translate(-62%, 0%);
      -ms-transform: translate(-62%, 0%);
          transform: translate(-62%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-62 {
    -webkit-transform: translate(-62%, 0%) !important;
        -ms-transform: translate(-62%, 0%) !important;
            transform: translate(-62%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-62 {
    -webkit-transform: translate(-62%, 0%) !important;
        -ms-transform: translate(-62%, 0%) !important;
            transform: translate(-62%, 0%) !important;
  }
}

.x-perc-pos-62 {
  -webkit-transform: translate(62%, 0%);
      -ms-transform: translate(62%, 0%);
          transform: translate(62%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-62 {
    -webkit-transform: translate(62%, 0%) !important;
        -ms-transform: translate(62%, 0%) !important;
            transform: translate(62%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-62 {
    -webkit-transform: translate(62%, 0%) !important;
        -ms-transform: translate(62%, 0%) !important;
            transform: translate(62%, 0%) !important;
  }
}

.y-perc-neg-62 {
  -webkit-transform: translate(0%, -62%);
      -ms-transform: translate(0%, -62%);
          transform: translate(0%, -62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-62 {
    -webkit-transform: translate(0%, -62%) !important;
        -ms-transform: translate(0%, -62%) !important;
            transform: translate(0%, -62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-62 {
    -webkit-transform: translate(0%, -62%) !important;
        -ms-transform: translate(0%, -62%) !important;
            transform: translate(0%, -62%) !important;
  }
}

.y-perc-pos-62 {
  -webkit-transform: translate(0%, 62%);
      -ms-transform: translate(0%, 62%);
          transform: translate(0%, 62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-62 {
    -webkit-transform: translate(0%, 62%) !important;
        -ms-transform: translate(0%, 62%) !important;
            transform: translate(0%, 62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-62 {
    -webkit-transform: translate(0%, 62%) !important;
        -ms-transform: translate(0%, 62%) !important;
            transform: translate(0%, 62%) !important;
  }
}

.x-perc-center-neg-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-62%, -50%);
      -ms-transform: translate(-62%, -50%);
          transform: translate(-62%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-62%, -50%) !important;
        -ms-transform: translate(-62%, -50%) !important;
            transform: translate(-62%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-62%, -50%) !important;
        -ms-transform: translate(-62%, -50%) !important;
            transform: translate(-62%, -50%) !important;
  }
}

.x-perc-center-pos-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(62%, -50%);
      -ms-transform: translate(62%, -50%);
          transform: translate(62%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(62%, -50%) !important;
        -ms-transform: translate(62%, -50%) !important;
            transform: translate(62%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(62%, -50%) !important;
        -ms-transform: translate(62%, -50%) !important;
            transform: translate(62%, -50%) !important;
  }
}

.y-perc-center-neg-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -62%);
      -ms-transform: translate(-50%, -62%);
          transform: translate(-50%, -62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -62%) !important;
        -ms-transform: translate(-50%, -62%) !important;
            transform: translate(-50%, -62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -62%) !important;
        -ms-transform: translate(-50%, -62%) !important;
            transform: translate(-50%, -62%) !important;
  }
}

.y-perc-center-pos-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 62%);
      -ms-transform: translate(-50%, 62%);
          transform: translate(-50%, 62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 62%) !important;
        -ms-transform: translate(-50%, 62%) !important;
            transform: translate(-50%, 62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 62%) !important;
        -ms-transform: translate(-50%, 62%) !important;
            transform: translate(-50%, 62%) !important;
  }
}

.x-perc-neg-63 {
  -webkit-transform: translate(-63%, 0%);
      -ms-transform: translate(-63%, 0%);
          transform: translate(-63%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-63 {
    -webkit-transform: translate(-63%, 0%) !important;
        -ms-transform: translate(-63%, 0%) !important;
            transform: translate(-63%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-63 {
    -webkit-transform: translate(-63%, 0%) !important;
        -ms-transform: translate(-63%, 0%) !important;
            transform: translate(-63%, 0%) !important;
  }
}

.x-perc-pos-63 {
  -webkit-transform: translate(63%, 0%);
      -ms-transform: translate(63%, 0%);
          transform: translate(63%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-63 {
    -webkit-transform: translate(63%, 0%) !important;
        -ms-transform: translate(63%, 0%) !important;
            transform: translate(63%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-63 {
    -webkit-transform: translate(63%, 0%) !important;
        -ms-transform: translate(63%, 0%) !important;
            transform: translate(63%, 0%) !important;
  }
}

.y-perc-neg-63 {
  -webkit-transform: translate(0%, -63%);
      -ms-transform: translate(0%, -63%);
          transform: translate(0%, -63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-63 {
    -webkit-transform: translate(0%, -63%) !important;
        -ms-transform: translate(0%, -63%) !important;
            transform: translate(0%, -63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-63 {
    -webkit-transform: translate(0%, -63%) !important;
        -ms-transform: translate(0%, -63%) !important;
            transform: translate(0%, -63%) !important;
  }
}

.y-perc-pos-63 {
  -webkit-transform: translate(0%, 63%);
      -ms-transform: translate(0%, 63%);
          transform: translate(0%, 63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-63 {
    -webkit-transform: translate(0%, 63%) !important;
        -ms-transform: translate(0%, 63%) !important;
            transform: translate(0%, 63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-63 {
    -webkit-transform: translate(0%, 63%) !important;
        -ms-transform: translate(0%, 63%) !important;
            transform: translate(0%, 63%) !important;
  }
}

.x-perc-center-neg-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-63%, -50%);
      -ms-transform: translate(-63%, -50%);
          transform: translate(-63%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-63%, -50%) !important;
        -ms-transform: translate(-63%, -50%) !important;
            transform: translate(-63%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-63%, -50%) !important;
        -ms-transform: translate(-63%, -50%) !important;
            transform: translate(-63%, -50%) !important;
  }
}

.x-perc-center-pos-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(63%, -50%);
      -ms-transform: translate(63%, -50%);
          transform: translate(63%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(63%, -50%) !important;
        -ms-transform: translate(63%, -50%) !important;
            transform: translate(63%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(63%, -50%) !important;
        -ms-transform: translate(63%, -50%) !important;
            transform: translate(63%, -50%) !important;
  }
}

.y-perc-center-neg-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -63%);
      -ms-transform: translate(-50%, -63%);
          transform: translate(-50%, -63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -63%) !important;
        -ms-transform: translate(-50%, -63%) !important;
            transform: translate(-50%, -63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -63%) !important;
        -ms-transform: translate(-50%, -63%) !important;
            transform: translate(-50%, -63%) !important;
  }
}

.y-perc-center-pos-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 63%);
      -ms-transform: translate(-50%, 63%);
          transform: translate(-50%, 63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 63%) !important;
        -ms-transform: translate(-50%, 63%) !important;
            transform: translate(-50%, 63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 63%) !important;
        -ms-transform: translate(-50%, 63%) !important;
            transform: translate(-50%, 63%) !important;
  }
}

.x-perc-neg-64 {
  -webkit-transform: translate(-64%, 0%);
      -ms-transform: translate(-64%, 0%);
          transform: translate(-64%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-64 {
    -webkit-transform: translate(-64%, 0%) !important;
        -ms-transform: translate(-64%, 0%) !important;
            transform: translate(-64%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-64 {
    -webkit-transform: translate(-64%, 0%) !important;
        -ms-transform: translate(-64%, 0%) !important;
            transform: translate(-64%, 0%) !important;
  }
}

.x-perc-pos-64 {
  -webkit-transform: translate(64%, 0%);
      -ms-transform: translate(64%, 0%);
          transform: translate(64%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-64 {
    -webkit-transform: translate(64%, 0%) !important;
        -ms-transform: translate(64%, 0%) !important;
            transform: translate(64%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-64 {
    -webkit-transform: translate(64%, 0%) !important;
        -ms-transform: translate(64%, 0%) !important;
            transform: translate(64%, 0%) !important;
  }
}

.y-perc-neg-64 {
  -webkit-transform: translate(0%, -64%);
      -ms-transform: translate(0%, -64%);
          transform: translate(0%, -64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-64 {
    -webkit-transform: translate(0%, -64%) !important;
        -ms-transform: translate(0%, -64%) !important;
            transform: translate(0%, -64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-64 {
    -webkit-transform: translate(0%, -64%) !important;
        -ms-transform: translate(0%, -64%) !important;
            transform: translate(0%, -64%) !important;
  }
}

.y-perc-pos-64 {
  -webkit-transform: translate(0%, 64%);
      -ms-transform: translate(0%, 64%);
          transform: translate(0%, 64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-64 {
    -webkit-transform: translate(0%, 64%) !important;
        -ms-transform: translate(0%, 64%) !important;
            transform: translate(0%, 64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-64 {
    -webkit-transform: translate(0%, 64%) !important;
        -ms-transform: translate(0%, 64%) !important;
            transform: translate(0%, 64%) !important;
  }
}

.x-perc-center-neg-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-64%, -50%);
      -ms-transform: translate(-64%, -50%);
          transform: translate(-64%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-64%, -50%) !important;
        -ms-transform: translate(-64%, -50%) !important;
            transform: translate(-64%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-64%, -50%) !important;
        -ms-transform: translate(-64%, -50%) !important;
            transform: translate(-64%, -50%) !important;
  }
}

.x-perc-center-pos-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(64%, -50%);
      -ms-transform: translate(64%, -50%);
          transform: translate(64%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(64%, -50%) !important;
        -ms-transform: translate(64%, -50%) !important;
            transform: translate(64%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(64%, -50%) !important;
        -ms-transform: translate(64%, -50%) !important;
            transform: translate(64%, -50%) !important;
  }
}

.y-perc-center-neg-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -64%);
      -ms-transform: translate(-50%, -64%);
          transform: translate(-50%, -64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -64%) !important;
        -ms-transform: translate(-50%, -64%) !important;
            transform: translate(-50%, -64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -64%) !important;
        -ms-transform: translate(-50%, -64%) !important;
            transform: translate(-50%, -64%) !important;
  }
}

.y-perc-center-pos-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 64%);
      -ms-transform: translate(-50%, 64%);
          transform: translate(-50%, 64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 64%) !important;
        -ms-transform: translate(-50%, 64%) !important;
            transform: translate(-50%, 64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 64%) !important;
        -ms-transform: translate(-50%, 64%) !important;
            transform: translate(-50%, 64%) !important;
  }
}

.x-perc-neg-65 {
  -webkit-transform: translate(-65%, 0%);
      -ms-transform: translate(-65%, 0%);
          transform: translate(-65%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-65 {
    -webkit-transform: translate(-65%, 0%) !important;
        -ms-transform: translate(-65%, 0%) !important;
            transform: translate(-65%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-65 {
    -webkit-transform: translate(-65%, 0%) !important;
        -ms-transform: translate(-65%, 0%) !important;
            transform: translate(-65%, 0%) !important;
  }
}

.x-perc-pos-65 {
  -webkit-transform: translate(65%, 0%);
      -ms-transform: translate(65%, 0%);
          transform: translate(65%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-65 {
    -webkit-transform: translate(65%, 0%) !important;
        -ms-transform: translate(65%, 0%) !important;
            transform: translate(65%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-65 {
    -webkit-transform: translate(65%, 0%) !important;
        -ms-transform: translate(65%, 0%) !important;
            transform: translate(65%, 0%) !important;
  }
}

.y-perc-neg-65 {
  -webkit-transform: translate(0%, -65%);
      -ms-transform: translate(0%, -65%);
          transform: translate(0%, -65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-65 {
    -webkit-transform: translate(0%, -65%) !important;
        -ms-transform: translate(0%, -65%) !important;
            transform: translate(0%, -65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-65 {
    -webkit-transform: translate(0%, -65%) !important;
        -ms-transform: translate(0%, -65%) !important;
            transform: translate(0%, -65%) !important;
  }
}

.y-perc-pos-65 {
  -webkit-transform: translate(0%, 65%);
      -ms-transform: translate(0%, 65%);
          transform: translate(0%, 65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-65 {
    -webkit-transform: translate(0%, 65%) !important;
        -ms-transform: translate(0%, 65%) !important;
            transform: translate(0%, 65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-65 {
    -webkit-transform: translate(0%, 65%) !important;
        -ms-transform: translate(0%, 65%) !important;
            transform: translate(0%, 65%) !important;
  }
}

.x-perc-center-neg-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-65%, -50%);
      -ms-transform: translate(-65%, -50%);
          transform: translate(-65%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-65%, -50%) !important;
        -ms-transform: translate(-65%, -50%) !important;
            transform: translate(-65%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-65%, -50%) !important;
        -ms-transform: translate(-65%, -50%) !important;
            transform: translate(-65%, -50%) !important;
  }
}

.x-perc-center-pos-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(65%, -50%);
      -ms-transform: translate(65%, -50%);
          transform: translate(65%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(65%, -50%) !important;
        -ms-transform: translate(65%, -50%) !important;
            transform: translate(65%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(65%, -50%) !important;
        -ms-transform: translate(65%, -50%) !important;
            transform: translate(65%, -50%) !important;
  }
}

.y-perc-center-neg-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -65%);
      -ms-transform: translate(-50%, -65%);
          transform: translate(-50%, -65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -65%) !important;
        -ms-transform: translate(-50%, -65%) !important;
            transform: translate(-50%, -65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -65%) !important;
        -ms-transform: translate(-50%, -65%) !important;
            transform: translate(-50%, -65%) !important;
  }
}

.y-perc-center-pos-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 65%);
      -ms-transform: translate(-50%, 65%);
          transform: translate(-50%, 65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 65%) !important;
        -ms-transform: translate(-50%, 65%) !important;
            transform: translate(-50%, 65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 65%) !important;
        -ms-transform: translate(-50%, 65%) !important;
            transform: translate(-50%, 65%) !important;
  }
}

.x-perc-neg-66 {
  -webkit-transform: translate(-66%, 0%);
      -ms-transform: translate(-66%, 0%);
          transform: translate(-66%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-66 {
    -webkit-transform: translate(-66%, 0%) !important;
        -ms-transform: translate(-66%, 0%) !important;
            transform: translate(-66%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-66 {
    -webkit-transform: translate(-66%, 0%) !important;
        -ms-transform: translate(-66%, 0%) !important;
            transform: translate(-66%, 0%) !important;
  }
}

.x-perc-pos-66 {
  -webkit-transform: translate(66%, 0%);
      -ms-transform: translate(66%, 0%);
          transform: translate(66%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-66 {
    -webkit-transform: translate(66%, 0%) !important;
        -ms-transform: translate(66%, 0%) !important;
            transform: translate(66%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-66 {
    -webkit-transform: translate(66%, 0%) !important;
        -ms-transform: translate(66%, 0%) !important;
            transform: translate(66%, 0%) !important;
  }
}

.y-perc-neg-66 {
  -webkit-transform: translate(0%, -66%);
      -ms-transform: translate(0%, -66%);
          transform: translate(0%, -66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-66 {
    -webkit-transform: translate(0%, -66%) !important;
        -ms-transform: translate(0%, -66%) !important;
            transform: translate(0%, -66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-66 {
    -webkit-transform: translate(0%, -66%) !important;
        -ms-transform: translate(0%, -66%) !important;
            transform: translate(0%, -66%) !important;
  }
}

.y-perc-pos-66 {
  -webkit-transform: translate(0%, 66%);
      -ms-transform: translate(0%, 66%);
          transform: translate(0%, 66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-66 {
    -webkit-transform: translate(0%, 66%) !important;
        -ms-transform: translate(0%, 66%) !important;
            transform: translate(0%, 66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-66 {
    -webkit-transform: translate(0%, 66%) !important;
        -ms-transform: translate(0%, 66%) !important;
            transform: translate(0%, 66%) !important;
  }
}

.x-perc-center-neg-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-66%, -50%);
      -ms-transform: translate(-66%, -50%);
          transform: translate(-66%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-66%, -50%) !important;
        -ms-transform: translate(-66%, -50%) !important;
            transform: translate(-66%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-66%, -50%) !important;
        -ms-transform: translate(-66%, -50%) !important;
            transform: translate(-66%, -50%) !important;
  }
}

.x-perc-center-pos-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(66%, -50%);
      -ms-transform: translate(66%, -50%);
          transform: translate(66%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(66%, -50%) !important;
        -ms-transform: translate(66%, -50%) !important;
            transform: translate(66%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(66%, -50%) !important;
        -ms-transform: translate(66%, -50%) !important;
            transform: translate(66%, -50%) !important;
  }
}

.y-perc-center-neg-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -66%);
      -ms-transform: translate(-50%, -66%);
          transform: translate(-50%, -66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -66%) !important;
        -ms-transform: translate(-50%, -66%) !important;
            transform: translate(-50%, -66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -66%) !important;
        -ms-transform: translate(-50%, -66%) !important;
            transform: translate(-50%, -66%) !important;
  }
}

.y-perc-center-pos-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 66%);
      -ms-transform: translate(-50%, 66%);
          transform: translate(-50%, 66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 66%) !important;
        -ms-transform: translate(-50%, 66%) !important;
            transform: translate(-50%, 66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 66%) !important;
        -ms-transform: translate(-50%, 66%) !important;
            transform: translate(-50%, 66%) !important;
  }
}

.x-perc-neg-67 {
  -webkit-transform: translate(-67%, 0%);
      -ms-transform: translate(-67%, 0%);
          transform: translate(-67%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-67 {
    -webkit-transform: translate(-67%, 0%) !important;
        -ms-transform: translate(-67%, 0%) !important;
            transform: translate(-67%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-67 {
    -webkit-transform: translate(-67%, 0%) !important;
        -ms-transform: translate(-67%, 0%) !important;
            transform: translate(-67%, 0%) !important;
  }
}

.x-perc-pos-67 {
  -webkit-transform: translate(67%, 0%);
      -ms-transform: translate(67%, 0%);
          transform: translate(67%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-67 {
    -webkit-transform: translate(67%, 0%) !important;
        -ms-transform: translate(67%, 0%) !important;
            transform: translate(67%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-67 {
    -webkit-transform: translate(67%, 0%) !important;
        -ms-transform: translate(67%, 0%) !important;
            transform: translate(67%, 0%) !important;
  }
}

.y-perc-neg-67 {
  -webkit-transform: translate(0%, -67%);
      -ms-transform: translate(0%, -67%);
          transform: translate(0%, -67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-67 {
    -webkit-transform: translate(0%, -67%) !important;
        -ms-transform: translate(0%, -67%) !important;
            transform: translate(0%, -67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-67 {
    -webkit-transform: translate(0%, -67%) !important;
        -ms-transform: translate(0%, -67%) !important;
            transform: translate(0%, -67%) !important;
  }
}

.y-perc-pos-67 {
  -webkit-transform: translate(0%, 67%);
      -ms-transform: translate(0%, 67%);
          transform: translate(0%, 67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-67 {
    -webkit-transform: translate(0%, 67%) !important;
        -ms-transform: translate(0%, 67%) !important;
            transform: translate(0%, 67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-67 {
    -webkit-transform: translate(0%, 67%) !important;
        -ms-transform: translate(0%, 67%) !important;
            transform: translate(0%, 67%) !important;
  }
}

.x-perc-center-neg-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-67%, -50%);
      -ms-transform: translate(-67%, -50%);
          transform: translate(-67%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-67%, -50%) !important;
        -ms-transform: translate(-67%, -50%) !important;
            transform: translate(-67%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-67%, -50%) !important;
        -ms-transform: translate(-67%, -50%) !important;
            transform: translate(-67%, -50%) !important;
  }
}

.x-perc-center-pos-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(67%, -50%);
      -ms-transform: translate(67%, -50%);
          transform: translate(67%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(67%, -50%) !important;
        -ms-transform: translate(67%, -50%) !important;
            transform: translate(67%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(67%, -50%) !important;
        -ms-transform: translate(67%, -50%) !important;
            transform: translate(67%, -50%) !important;
  }
}

.y-perc-center-neg-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -67%);
      -ms-transform: translate(-50%, -67%);
          transform: translate(-50%, -67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -67%) !important;
        -ms-transform: translate(-50%, -67%) !important;
            transform: translate(-50%, -67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -67%) !important;
        -ms-transform: translate(-50%, -67%) !important;
            transform: translate(-50%, -67%) !important;
  }
}

.y-perc-center-pos-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 67%);
      -ms-transform: translate(-50%, 67%);
          transform: translate(-50%, 67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 67%) !important;
        -ms-transform: translate(-50%, 67%) !important;
            transform: translate(-50%, 67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 67%) !important;
        -ms-transform: translate(-50%, 67%) !important;
            transform: translate(-50%, 67%) !important;
  }
}

.x-perc-neg-68 {
  -webkit-transform: translate(-68%, 0%);
      -ms-transform: translate(-68%, 0%);
          transform: translate(-68%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-68 {
    -webkit-transform: translate(-68%, 0%) !important;
        -ms-transform: translate(-68%, 0%) !important;
            transform: translate(-68%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-68 {
    -webkit-transform: translate(-68%, 0%) !important;
        -ms-transform: translate(-68%, 0%) !important;
            transform: translate(-68%, 0%) !important;
  }
}

.x-perc-pos-68 {
  -webkit-transform: translate(68%, 0%);
      -ms-transform: translate(68%, 0%);
          transform: translate(68%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-68 {
    -webkit-transform: translate(68%, 0%) !important;
        -ms-transform: translate(68%, 0%) !important;
            transform: translate(68%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-68 {
    -webkit-transform: translate(68%, 0%) !important;
        -ms-transform: translate(68%, 0%) !important;
            transform: translate(68%, 0%) !important;
  }
}

.y-perc-neg-68 {
  -webkit-transform: translate(0%, -68%);
      -ms-transform: translate(0%, -68%);
          transform: translate(0%, -68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-68 {
    -webkit-transform: translate(0%, -68%) !important;
        -ms-transform: translate(0%, -68%) !important;
            transform: translate(0%, -68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-68 {
    -webkit-transform: translate(0%, -68%) !important;
        -ms-transform: translate(0%, -68%) !important;
            transform: translate(0%, -68%) !important;
  }
}

.y-perc-pos-68 {
  -webkit-transform: translate(0%, 68%);
      -ms-transform: translate(0%, 68%);
          transform: translate(0%, 68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-68 {
    -webkit-transform: translate(0%, 68%) !important;
        -ms-transform: translate(0%, 68%) !important;
            transform: translate(0%, 68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-68 {
    -webkit-transform: translate(0%, 68%) !important;
        -ms-transform: translate(0%, 68%) !important;
            transform: translate(0%, 68%) !important;
  }
}

.x-perc-center-neg-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-68%, -50%);
      -ms-transform: translate(-68%, -50%);
          transform: translate(-68%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-68%, -50%) !important;
        -ms-transform: translate(-68%, -50%) !important;
            transform: translate(-68%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-68%, -50%) !important;
        -ms-transform: translate(-68%, -50%) !important;
            transform: translate(-68%, -50%) !important;
  }
}

.x-perc-center-pos-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(68%, -50%);
      -ms-transform: translate(68%, -50%);
          transform: translate(68%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(68%, -50%) !important;
        -ms-transform: translate(68%, -50%) !important;
            transform: translate(68%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(68%, -50%) !important;
        -ms-transform: translate(68%, -50%) !important;
            transform: translate(68%, -50%) !important;
  }
}

.y-perc-center-neg-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -68%);
      -ms-transform: translate(-50%, -68%);
          transform: translate(-50%, -68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -68%) !important;
        -ms-transform: translate(-50%, -68%) !important;
            transform: translate(-50%, -68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -68%) !important;
        -ms-transform: translate(-50%, -68%) !important;
            transform: translate(-50%, -68%) !important;
  }
}

.y-perc-center-pos-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 68%);
      -ms-transform: translate(-50%, 68%);
          transform: translate(-50%, 68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 68%) !important;
        -ms-transform: translate(-50%, 68%) !important;
            transform: translate(-50%, 68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 68%) !important;
        -ms-transform: translate(-50%, 68%) !important;
            transform: translate(-50%, 68%) !important;
  }
}

.x-perc-neg-69 {
  -webkit-transform: translate(-69%, 0%);
      -ms-transform: translate(-69%, 0%);
          transform: translate(-69%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-69 {
    -webkit-transform: translate(-69%, 0%) !important;
        -ms-transform: translate(-69%, 0%) !important;
            transform: translate(-69%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-69 {
    -webkit-transform: translate(-69%, 0%) !important;
        -ms-transform: translate(-69%, 0%) !important;
            transform: translate(-69%, 0%) !important;
  }
}

.x-perc-pos-69 {
  -webkit-transform: translate(69%, 0%);
      -ms-transform: translate(69%, 0%);
          transform: translate(69%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-69 {
    -webkit-transform: translate(69%, 0%) !important;
        -ms-transform: translate(69%, 0%) !important;
            transform: translate(69%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-69 {
    -webkit-transform: translate(69%, 0%) !important;
        -ms-transform: translate(69%, 0%) !important;
            transform: translate(69%, 0%) !important;
  }
}

.y-perc-neg-69 {
  -webkit-transform: translate(0%, -69%);
      -ms-transform: translate(0%, -69%);
          transform: translate(0%, -69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-69 {
    -webkit-transform: translate(0%, -69%) !important;
        -ms-transform: translate(0%, -69%) !important;
            transform: translate(0%, -69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-69 {
    -webkit-transform: translate(0%, -69%) !important;
        -ms-transform: translate(0%, -69%) !important;
            transform: translate(0%, -69%) !important;
  }
}

.y-perc-pos-69 {
  -webkit-transform: translate(0%, 69%);
      -ms-transform: translate(0%, 69%);
          transform: translate(0%, 69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-69 {
    -webkit-transform: translate(0%, 69%) !important;
        -ms-transform: translate(0%, 69%) !important;
            transform: translate(0%, 69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-69 {
    -webkit-transform: translate(0%, 69%) !important;
        -ms-transform: translate(0%, 69%) !important;
            transform: translate(0%, 69%) !important;
  }
}

.x-perc-center-neg-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-69%, -50%);
      -ms-transform: translate(-69%, -50%);
          transform: translate(-69%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-69%, -50%) !important;
        -ms-transform: translate(-69%, -50%) !important;
            transform: translate(-69%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-69%, -50%) !important;
        -ms-transform: translate(-69%, -50%) !important;
            transform: translate(-69%, -50%) !important;
  }
}

.x-perc-center-pos-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(69%, -50%);
      -ms-transform: translate(69%, -50%);
          transform: translate(69%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(69%, -50%) !important;
        -ms-transform: translate(69%, -50%) !important;
            transform: translate(69%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(69%, -50%) !important;
        -ms-transform: translate(69%, -50%) !important;
            transform: translate(69%, -50%) !important;
  }
}

.y-perc-center-neg-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -69%);
      -ms-transform: translate(-50%, -69%);
          transform: translate(-50%, -69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -69%) !important;
        -ms-transform: translate(-50%, -69%) !important;
            transform: translate(-50%, -69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -69%) !important;
        -ms-transform: translate(-50%, -69%) !important;
            transform: translate(-50%, -69%) !important;
  }
}

.y-perc-center-pos-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 69%);
      -ms-transform: translate(-50%, 69%);
          transform: translate(-50%, 69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 69%) !important;
        -ms-transform: translate(-50%, 69%) !important;
            transform: translate(-50%, 69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 69%) !important;
        -ms-transform: translate(-50%, 69%) !important;
            transform: translate(-50%, 69%) !important;
  }
}

.x-perc-neg-70 {
  -webkit-transform: translate(-70%, 0%);
      -ms-transform: translate(-70%, 0%);
          transform: translate(-70%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-70 {
    -webkit-transform: translate(-70%, 0%) !important;
        -ms-transform: translate(-70%, 0%) !important;
            transform: translate(-70%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-70 {
    -webkit-transform: translate(-70%, 0%) !important;
        -ms-transform: translate(-70%, 0%) !important;
            transform: translate(-70%, 0%) !important;
  }
}

.x-perc-pos-70 {
  -webkit-transform: translate(70%, 0%);
      -ms-transform: translate(70%, 0%);
          transform: translate(70%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-70 {
    -webkit-transform: translate(70%, 0%) !important;
        -ms-transform: translate(70%, 0%) !important;
            transform: translate(70%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-70 {
    -webkit-transform: translate(70%, 0%) !important;
        -ms-transform: translate(70%, 0%) !important;
            transform: translate(70%, 0%) !important;
  }
}

.y-perc-neg-70 {
  -webkit-transform: translate(0%, -70%);
      -ms-transform: translate(0%, -70%);
          transform: translate(0%, -70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-70 {
    -webkit-transform: translate(0%, -70%) !important;
        -ms-transform: translate(0%, -70%) !important;
            transform: translate(0%, -70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-70 {
    -webkit-transform: translate(0%, -70%) !important;
        -ms-transform: translate(0%, -70%) !important;
            transform: translate(0%, -70%) !important;
  }
}

.y-perc-pos-70 {
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-70 {
    -webkit-transform: translate(0%, 70%) !important;
        -ms-transform: translate(0%, 70%) !important;
            transform: translate(0%, 70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-70 {
    -webkit-transform: translate(0%, 70%) !important;
        -ms-transform: translate(0%, 70%) !important;
            transform: translate(0%, 70%) !important;
  }
}

.x-perc-center-neg-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-70%, -50%);
      -ms-transform: translate(-70%, -50%);
          transform: translate(-70%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-70%, -50%) !important;
        -ms-transform: translate(-70%, -50%) !important;
            transform: translate(-70%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-70%, -50%) !important;
        -ms-transform: translate(-70%, -50%) !important;
            transform: translate(-70%, -50%) !important;
  }
}

.x-perc-center-pos-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(70%, -50%);
      -ms-transform: translate(70%, -50%);
          transform: translate(70%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(70%, -50%) !important;
        -ms-transform: translate(70%, -50%) !important;
            transform: translate(70%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(70%, -50%) !important;
        -ms-transform: translate(70%, -50%) !important;
            transform: translate(70%, -50%) !important;
  }
}

.y-perc-center-neg-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
      -ms-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -70%) !important;
        -ms-transform: translate(-50%, -70%) !important;
            transform: translate(-50%, -70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -70%) !important;
        -ms-transform: translate(-50%, -70%) !important;
            transform: translate(-50%, -70%) !important;
  }
}

.y-perc-center-pos-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 70%);
      -ms-transform: translate(-50%, 70%);
          transform: translate(-50%, 70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 70%) !important;
        -ms-transform: translate(-50%, 70%) !important;
            transform: translate(-50%, 70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 70%) !important;
        -ms-transform: translate(-50%, 70%) !important;
            transform: translate(-50%, 70%) !important;
  }
}

.x-perc-neg-71 {
  -webkit-transform: translate(-71%, 0%);
      -ms-transform: translate(-71%, 0%);
          transform: translate(-71%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-71 {
    -webkit-transform: translate(-71%, 0%) !important;
        -ms-transform: translate(-71%, 0%) !important;
            transform: translate(-71%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-71 {
    -webkit-transform: translate(-71%, 0%) !important;
        -ms-transform: translate(-71%, 0%) !important;
            transform: translate(-71%, 0%) !important;
  }
}

.x-perc-pos-71 {
  -webkit-transform: translate(71%, 0%);
      -ms-transform: translate(71%, 0%);
          transform: translate(71%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-71 {
    -webkit-transform: translate(71%, 0%) !important;
        -ms-transform: translate(71%, 0%) !important;
            transform: translate(71%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-71 {
    -webkit-transform: translate(71%, 0%) !important;
        -ms-transform: translate(71%, 0%) !important;
            transform: translate(71%, 0%) !important;
  }
}

.y-perc-neg-71 {
  -webkit-transform: translate(0%, -71%);
      -ms-transform: translate(0%, -71%);
          transform: translate(0%, -71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-71 {
    -webkit-transform: translate(0%, -71%) !important;
        -ms-transform: translate(0%, -71%) !important;
            transform: translate(0%, -71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-71 {
    -webkit-transform: translate(0%, -71%) !important;
        -ms-transform: translate(0%, -71%) !important;
            transform: translate(0%, -71%) !important;
  }
}

.y-perc-pos-71 {
  -webkit-transform: translate(0%, 71%);
      -ms-transform: translate(0%, 71%);
          transform: translate(0%, 71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-71 {
    -webkit-transform: translate(0%, 71%) !important;
        -ms-transform: translate(0%, 71%) !important;
            transform: translate(0%, 71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-71 {
    -webkit-transform: translate(0%, 71%) !important;
        -ms-transform: translate(0%, 71%) !important;
            transform: translate(0%, 71%) !important;
  }
}

.x-perc-center-neg-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-71%, -50%);
      -ms-transform: translate(-71%, -50%);
          transform: translate(-71%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-71%, -50%) !important;
        -ms-transform: translate(-71%, -50%) !important;
            transform: translate(-71%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-71%, -50%) !important;
        -ms-transform: translate(-71%, -50%) !important;
            transform: translate(-71%, -50%) !important;
  }
}

.x-perc-center-pos-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(71%, -50%);
      -ms-transform: translate(71%, -50%);
          transform: translate(71%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(71%, -50%) !important;
        -ms-transform: translate(71%, -50%) !important;
            transform: translate(71%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(71%, -50%) !important;
        -ms-transform: translate(71%, -50%) !important;
            transform: translate(71%, -50%) !important;
  }
}

.y-perc-center-neg-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -71%);
      -ms-transform: translate(-50%, -71%);
          transform: translate(-50%, -71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -71%) !important;
        -ms-transform: translate(-50%, -71%) !important;
            transform: translate(-50%, -71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -71%) !important;
        -ms-transform: translate(-50%, -71%) !important;
            transform: translate(-50%, -71%) !important;
  }
}

.y-perc-center-pos-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 71%);
      -ms-transform: translate(-50%, 71%);
          transform: translate(-50%, 71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 71%) !important;
        -ms-transform: translate(-50%, 71%) !important;
            transform: translate(-50%, 71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 71%) !important;
        -ms-transform: translate(-50%, 71%) !important;
            transform: translate(-50%, 71%) !important;
  }
}

.x-perc-neg-72 {
  -webkit-transform: translate(-72%, 0%);
      -ms-transform: translate(-72%, 0%);
          transform: translate(-72%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-72 {
    -webkit-transform: translate(-72%, 0%) !important;
        -ms-transform: translate(-72%, 0%) !important;
            transform: translate(-72%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-72 {
    -webkit-transform: translate(-72%, 0%) !important;
        -ms-transform: translate(-72%, 0%) !important;
            transform: translate(-72%, 0%) !important;
  }
}

.x-perc-pos-72 {
  -webkit-transform: translate(72%, 0%);
      -ms-transform: translate(72%, 0%);
          transform: translate(72%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-72 {
    -webkit-transform: translate(72%, 0%) !important;
        -ms-transform: translate(72%, 0%) !important;
            transform: translate(72%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-72 {
    -webkit-transform: translate(72%, 0%) !important;
        -ms-transform: translate(72%, 0%) !important;
            transform: translate(72%, 0%) !important;
  }
}

.y-perc-neg-72 {
  -webkit-transform: translate(0%, -72%);
      -ms-transform: translate(0%, -72%);
          transform: translate(0%, -72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-72 {
    -webkit-transform: translate(0%, -72%) !important;
        -ms-transform: translate(0%, -72%) !important;
            transform: translate(0%, -72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-72 {
    -webkit-transform: translate(0%, -72%) !important;
        -ms-transform: translate(0%, -72%) !important;
            transform: translate(0%, -72%) !important;
  }
}

.y-perc-pos-72 {
  -webkit-transform: translate(0%, 72%);
      -ms-transform: translate(0%, 72%);
          transform: translate(0%, 72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-72 {
    -webkit-transform: translate(0%, 72%) !important;
        -ms-transform: translate(0%, 72%) !important;
            transform: translate(0%, 72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-72 {
    -webkit-transform: translate(0%, 72%) !important;
        -ms-transform: translate(0%, 72%) !important;
            transform: translate(0%, 72%) !important;
  }
}

.x-perc-center-neg-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-72%, -50%);
      -ms-transform: translate(-72%, -50%);
          transform: translate(-72%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-72%, -50%) !important;
        -ms-transform: translate(-72%, -50%) !important;
            transform: translate(-72%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-72%, -50%) !important;
        -ms-transform: translate(-72%, -50%) !important;
            transform: translate(-72%, -50%) !important;
  }
}

.x-perc-center-pos-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(72%, -50%);
      -ms-transform: translate(72%, -50%);
          transform: translate(72%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(72%, -50%) !important;
        -ms-transform: translate(72%, -50%) !important;
            transform: translate(72%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(72%, -50%) !important;
        -ms-transform: translate(72%, -50%) !important;
            transform: translate(72%, -50%) !important;
  }
}

.y-perc-center-neg-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -72%);
      -ms-transform: translate(-50%, -72%);
          transform: translate(-50%, -72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -72%) !important;
        -ms-transform: translate(-50%, -72%) !important;
            transform: translate(-50%, -72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -72%) !important;
        -ms-transform: translate(-50%, -72%) !important;
            transform: translate(-50%, -72%) !important;
  }
}

.y-perc-center-pos-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 72%);
      -ms-transform: translate(-50%, 72%);
          transform: translate(-50%, 72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 72%) !important;
        -ms-transform: translate(-50%, 72%) !important;
            transform: translate(-50%, 72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 72%) !important;
        -ms-transform: translate(-50%, 72%) !important;
            transform: translate(-50%, 72%) !important;
  }
}

.x-perc-neg-73 {
  -webkit-transform: translate(-73%, 0%);
      -ms-transform: translate(-73%, 0%);
          transform: translate(-73%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-73 {
    -webkit-transform: translate(-73%, 0%) !important;
        -ms-transform: translate(-73%, 0%) !important;
            transform: translate(-73%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-73 {
    -webkit-transform: translate(-73%, 0%) !important;
        -ms-transform: translate(-73%, 0%) !important;
            transform: translate(-73%, 0%) !important;
  }
}

.x-perc-pos-73 {
  -webkit-transform: translate(73%, 0%);
      -ms-transform: translate(73%, 0%);
          transform: translate(73%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-73 {
    -webkit-transform: translate(73%, 0%) !important;
        -ms-transform: translate(73%, 0%) !important;
            transform: translate(73%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-73 {
    -webkit-transform: translate(73%, 0%) !important;
        -ms-transform: translate(73%, 0%) !important;
            transform: translate(73%, 0%) !important;
  }
}

.y-perc-neg-73 {
  -webkit-transform: translate(0%, -73%);
      -ms-transform: translate(0%, -73%);
          transform: translate(0%, -73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-73 {
    -webkit-transform: translate(0%, -73%) !important;
        -ms-transform: translate(0%, -73%) !important;
            transform: translate(0%, -73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-73 {
    -webkit-transform: translate(0%, -73%) !important;
        -ms-transform: translate(0%, -73%) !important;
            transform: translate(0%, -73%) !important;
  }
}

.y-perc-pos-73 {
  -webkit-transform: translate(0%, 73%);
      -ms-transform: translate(0%, 73%);
          transform: translate(0%, 73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-73 {
    -webkit-transform: translate(0%, 73%) !important;
        -ms-transform: translate(0%, 73%) !important;
            transform: translate(0%, 73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-73 {
    -webkit-transform: translate(0%, 73%) !important;
        -ms-transform: translate(0%, 73%) !important;
            transform: translate(0%, 73%) !important;
  }
}

.x-perc-center-neg-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-73%, -50%);
      -ms-transform: translate(-73%, -50%);
          transform: translate(-73%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-73%, -50%) !important;
        -ms-transform: translate(-73%, -50%) !important;
            transform: translate(-73%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-73%, -50%) !important;
        -ms-transform: translate(-73%, -50%) !important;
            transform: translate(-73%, -50%) !important;
  }
}

.x-perc-center-pos-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(73%, -50%);
      -ms-transform: translate(73%, -50%);
          transform: translate(73%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(73%, -50%) !important;
        -ms-transform: translate(73%, -50%) !important;
            transform: translate(73%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(73%, -50%) !important;
        -ms-transform: translate(73%, -50%) !important;
            transform: translate(73%, -50%) !important;
  }
}

.y-perc-center-neg-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -73%);
      -ms-transform: translate(-50%, -73%);
          transform: translate(-50%, -73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -73%) !important;
        -ms-transform: translate(-50%, -73%) !important;
            transform: translate(-50%, -73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -73%) !important;
        -ms-transform: translate(-50%, -73%) !important;
            transform: translate(-50%, -73%) !important;
  }
}

.y-perc-center-pos-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 73%);
      -ms-transform: translate(-50%, 73%);
          transform: translate(-50%, 73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 73%) !important;
        -ms-transform: translate(-50%, 73%) !important;
            transform: translate(-50%, 73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 73%) !important;
        -ms-transform: translate(-50%, 73%) !important;
            transform: translate(-50%, 73%) !important;
  }
}

.x-perc-neg-74 {
  -webkit-transform: translate(-74%, 0%);
      -ms-transform: translate(-74%, 0%);
          transform: translate(-74%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-74 {
    -webkit-transform: translate(-74%, 0%) !important;
        -ms-transform: translate(-74%, 0%) !important;
            transform: translate(-74%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-74 {
    -webkit-transform: translate(-74%, 0%) !important;
        -ms-transform: translate(-74%, 0%) !important;
            transform: translate(-74%, 0%) !important;
  }
}

.x-perc-pos-74 {
  -webkit-transform: translate(74%, 0%);
      -ms-transform: translate(74%, 0%);
          transform: translate(74%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-74 {
    -webkit-transform: translate(74%, 0%) !important;
        -ms-transform: translate(74%, 0%) !important;
            transform: translate(74%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-74 {
    -webkit-transform: translate(74%, 0%) !important;
        -ms-transform: translate(74%, 0%) !important;
            transform: translate(74%, 0%) !important;
  }
}

.y-perc-neg-74 {
  -webkit-transform: translate(0%, -74%);
      -ms-transform: translate(0%, -74%);
          transform: translate(0%, -74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-74 {
    -webkit-transform: translate(0%, -74%) !important;
        -ms-transform: translate(0%, -74%) !important;
            transform: translate(0%, -74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-74 {
    -webkit-transform: translate(0%, -74%) !important;
        -ms-transform: translate(0%, -74%) !important;
            transform: translate(0%, -74%) !important;
  }
}

.y-perc-pos-74 {
  -webkit-transform: translate(0%, 74%);
      -ms-transform: translate(0%, 74%);
          transform: translate(0%, 74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-74 {
    -webkit-transform: translate(0%, 74%) !important;
        -ms-transform: translate(0%, 74%) !important;
            transform: translate(0%, 74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-74 {
    -webkit-transform: translate(0%, 74%) !important;
        -ms-transform: translate(0%, 74%) !important;
            transform: translate(0%, 74%) !important;
  }
}

.x-perc-center-neg-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-74%, -50%);
      -ms-transform: translate(-74%, -50%);
          transform: translate(-74%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-74%, -50%) !important;
        -ms-transform: translate(-74%, -50%) !important;
            transform: translate(-74%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-74%, -50%) !important;
        -ms-transform: translate(-74%, -50%) !important;
            transform: translate(-74%, -50%) !important;
  }
}

.x-perc-center-pos-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(74%, -50%);
      -ms-transform: translate(74%, -50%);
          transform: translate(74%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(74%, -50%) !important;
        -ms-transform: translate(74%, -50%) !important;
            transform: translate(74%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(74%, -50%) !important;
        -ms-transform: translate(74%, -50%) !important;
            transform: translate(74%, -50%) !important;
  }
}

.y-perc-center-neg-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -74%);
      -ms-transform: translate(-50%, -74%);
          transform: translate(-50%, -74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -74%) !important;
        -ms-transform: translate(-50%, -74%) !important;
            transform: translate(-50%, -74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -74%) !important;
        -ms-transform: translate(-50%, -74%) !important;
            transform: translate(-50%, -74%) !important;
  }
}

.y-perc-center-pos-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 74%);
      -ms-transform: translate(-50%, 74%);
          transform: translate(-50%, 74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 74%) !important;
        -ms-transform: translate(-50%, 74%) !important;
            transform: translate(-50%, 74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 74%) !important;
        -ms-transform: translate(-50%, 74%) !important;
            transform: translate(-50%, 74%) !important;
  }
}

.x-perc-neg-75 {
  -webkit-transform: translate(-75%, 0%);
      -ms-transform: translate(-75%, 0%);
          transform: translate(-75%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-75 {
    -webkit-transform: translate(-75%, 0%) !important;
        -ms-transform: translate(-75%, 0%) !important;
            transform: translate(-75%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-75 {
    -webkit-transform: translate(-75%, 0%) !important;
        -ms-transform: translate(-75%, 0%) !important;
            transform: translate(-75%, 0%) !important;
  }
}

.x-perc-pos-75 {
  -webkit-transform: translate(75%, 0%);
      -ms-transform: translate(75%, 0%);
          transform: translate(75%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-75 {
    -webkit-transform: translate(75%, 0%) !important;
        -ms-transform: translate(75%, 0%) !important;
            transform: translate(75%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-75 {
    -webkit-transform: translate(75%, 0%) !important;
        -ms-transform: translate(75%, 0%) !important;
            transform: translate(75%, 0%) !important;
  }
}

.y-perc-neg-75 {
  -webkit-transform: translate(0%, -75%);
      -ms-transform: translate(0%, -75%);
          transform: translate(0%, -75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-75 {
    -webkit-transform: translate(0%, -75%) !important;
        -ms-transform: translate(0%, -75%) !important;
            transform: translate(0%, -75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-75 {
    -webkit-transform: translate(0%, -75%) !important;
        -ms-transform: translate(0%, -75%) !important;
            transform: translate(0%, -75%) !important;
  }
}

.y-perc-pos-75 {
  -webkit-transform: translate(0%, 75%);
      -ms-transform: translate(0%, 75%);
          transform: translate(0%, 75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-75 {
    -webkit-transform: translate(0%, 75%) !important;
        -ms-transform: translate(0%, 75%) !important;
            transform: translate(0%, 75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-75 {
    -webkit-transform: translate(0%, 75%) !important;
        -ms-transform: translate(0%, 75%) !important;
            transform: translate(0%, 75%) !important;
  }
}

.x-perc-center-neg-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-75%, -50%);
      -ms-transform: translate(-75%, -50%);
          transform: translate(-75%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-75%, -50%) !important;
        -ms-transform: translate(-75%, -50%) !important;
            transform: translate(-75%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-75%, -50%) !important;
        -ms-transform: translate(-75%, -50%) !important;
            transform: translate(-75%, -50%) !important;
  }
}

.x-perc-center-pos-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(75%, -50%);
      -ms-transform: translate(75%, -50%);
          transform: translate(75%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(75%, -50%) !important;
        -ms-transform: translate(75%, -50%) !important;
            transform: translate(75%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(75%, -50%) !important;
        -ms-transform: translate(75%, -50%) !important;
            transform: translate(75%, -50%) !important;
  }
}

.y-perc-center-neg-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -75%);
      -ms-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -75%) !important;
        -ms-transform: translate(-50%, -75%) !important;
            transform: translate(-50%, -75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -75%) !important;
        -ms-transform: translate(-50%, -75%) !important;
            transform: translate(-50%, -75%) !important;
  }
}

.y-perc-center-pos-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 75%);
      -ms-transform: translate(-50%, 75%);
          transform: translate(-50%, 75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 75%) !important;
        -ms-transform: translate(-50%, 75%) !important;
            transform: translate(-50%, 75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 75%) !important;
        -ms-transform: translate(-50%, 75%) !important;
            transform: translate(-50%, 75%) !important;
  }
}

.x-perc-neg-76 {
  -webkit-transform: translate(-76%, 0%);
      -ms-transform: translate(-76%, 0%);
          transform: translate(-76%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-76 {
    -webkit-transform: translate(-76%, 0%) !important;
        -ms-transform: translate(-76%, 0%) !important;
            transform: translate(-76%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-76 {
    -webkit-transform: translate(-76%, 0%) !important;
        -ms-transform: translate(-76%, 0%) !important;
            transform: translate(-76%, 0%) !important;
  }
}

.x-perc-pos-76 {
  -webkit-transform: translate(76%, 0%);
      -ms-transform: translate(76%, 0%);
          transform: translate(76%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-76 {
    -webkit-transform: translate(76%, 0%) !important;
        -ms-transform: translate(76%, 0%) !important;
            transform: translate(76%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-76 {
    -webkit-transform: translate(76%, 0%) !important;
        -ms-transform: translate(76%, 0%) !important;
            transform: translate(76%, 0%) !important;
  }
}

.y-perc-neg-76 {
  -webkit-transform: translate(0%, -76%);
      -ms-transform: translate(0%, -76%);
          transform: translate(0%, -76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-76 {
    -webkit-transform: translate(0%, -76%) !important;
        -ms-transform: translate(0%, -76%) !important;
            transform: translate(0%, -76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-76 {
    -webkit-transform: translate(0%, -76%) !important;
        -ms-transform: translate(0%, -76%) !important;
            transform: translate(0%, -76%) !important;
  }
}

.y-perc-pos-76 {
  -webkit-transform: translate(0%, 76%);
      -ms-transform: translate(0%, 76%);
          transform: translate(0%, 76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-76 {
    -webkit-transform: translate(0%, 76%) !important;
        -ms-transform: translate(0%, 76%) !important;
            transform: translate(0%, 76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-76 {
    -webkit-transform: translate(0%, 76%) !important;
        -ms-transform: translate(0%, 76%) !important;
            transform: translate(0%, 76%) !important;
  }
}

.x-perc-center-neg-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-76%, -50%);
      -ms-transform: translate(-76%, -50%);
          transform: translate(-76%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-76%, -50%) !important;
        -ms-transform: translate(-76%, -50%) !important;
            transform: translate(-76%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-76%, -50%) !important;
        -ms-transform: translate(-76%, -50%) !important;
            transform: translate(-76%, -50%) !important;
  }
}

.x-perc-center-pos-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(76%, -50%);
      -ms-transform: translate(76%, -50%);
          transform: translate(76%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(76%, -50%) !important;
        -ms-transform: translate(76%, -50%) !important;
            transform: translate(76%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(76%, -50%) !important;
        -ms-transform: translate(76%, -50%) !important;
            transform: translate(76%, -50%) !important;
  }
}

.y-perc-center-neg-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -76%);
      -ms-transform: translate(-50%, -76%);
          transform: translate(-50%, -76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -76%) !important;
        -ms-transform: translate(-50%, -76%) !important;
            transform: translate(-50%, -76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -76%) !important;
        -ms-transform: translate(-50%, -76%) !important;
            transform: translate(-50%, -76%) !important;
  }
}

.y-perc-center-pos-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 76%);
      -ms-transform: translate(-50%, 76%);
          transform: translate(-50%, 76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 76%) !important;
        -ms-transform: translate(-50%, 76%) !important;
            transform: translate(-50%, 76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 76%) !important;
        -ms-transform: translate(-50%, 76%) !important;
            transform: translate(-50%, 76%) !important;
  }
}

.x-perc-neg-77 {
  -webkit-transform: translate(-77%, 0%);
      -ms-transform: translate(-77%, 0%);
          transform: translate(-77%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-77 {
    -webkit-transform: translate(-77%, 0%) !important;
        -ms-transform: translate(-77%, 0%) !important;
            transform: translate(-77%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-77 {
    -webkit-transform: translate(-77%, 0%) !important;
        -ms-transform: translate(-77%, 0%) !important;
            transform: translate(-77%, 0%) !important;
  }
}

.x-perc-pos-77 {
  -webkit-transform: translate(77%, 0%);
      -ms-transform: translate(77%, 0%);
          transform: translate(77%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-77 {
    -webkit-transform: translate(77%, 0%) !important;
        -ms-transform: translate(77%, 0%) !important;
            transform: translate(77%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-77 {
    -webkit-transform: translate(77%, 0%) !important;
        -ms-transform: translate(77%, 0%) !important;
            transform: translate(77%, 0%) !important;
  }
}

.y-perc-neg-77 {
  -webkit-transform: translate(0%, -77%);
      -ms-transform: translate(0%, -77%);
          transform: translate(0%, -77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-77 {
    -webkit-transform: translate(0%, -77%) !important;
        -ms-transform: translate(0%, -77%) !important;
            transform: translate(0%, -77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-77 {
    -webkit-transform: translate(0%, -77%) !important;
        -ms-transform: translate(0%, -77%) !important;
            transform: translate(0%, -77%) !important;
  }
}

.y-perc-pos-77 {
  -webkit-transform: translate(0%, 77%);
      -ms-transform: translate(0%, 77%);
          transform: translate(0%, 77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-77 {
    -webkit-transform: translate(0%, 77%) !important;
        -ms-transform: translate(0%, 77%) !important;
            transform: translate(0%, 77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-77 {
    -webkit-transform: translate(0%, 77%) !important;
        -ms-transform: translate(0%, 77%) !important;
            transform: translate(0%, 77%) !important;
  }
}

.x-perc-center-neg-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-77%, -50%);
      -ms-transform: translate(-77%, -50%);
          transform: translate(-77%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-77%, -50%) !important;
        -ms-transform: translate(-77%, -50%) !important;
            transform: translate(-77%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-77%, -50%) !important;
        -ms-transform: translate(-77%, -50%) !important;
            transform: translate(-77%, -50%) !important;
  }
}

.x-perc-center-pos-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(77%, -50%);
      -ms-transform: translate(77%, -50%);
          transform: translate(77%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(77%, -50%) !important;
        -ms-transform: translate(77%, -50%) !important;
            transform: translate(77%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(77%, -50%) !important;
        -ms-transform: translate(77%, -50%) !important;
            transform: translate(77%, -50%) !important;
  }
}

.y-perc-center-neg-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -77%);
      -ms-transform: translate(-50%, -77%);
          transform: translate(-50%, -77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -77%) !important;
        -ms-transform: translate(-50%, -77%) !important;
            transform: translate(-50%, -77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -77%) !important;
        -ms-transform: translate(-50%, -77%) !important;
            transform: translate(-50%, -77%) !important;
  }
}

.y-perc-center-pos-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 77%);
      -ms-transform: translate(-50%, 77%);
          transform: translate(-50%, 77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 77%) !important;
        -ms-transform: translate(-50%, 77%) !important;
            transform: translate(-50%, 77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 77%) !important;
        -ms-transform: translate(-50%, 77%) !important;
            transform: translate(-50%, 77%) !important;
  }
}

.x-perc-neg-78 {
  -webkit-transform: translate(-78%, 0%);
      -ms-transform: translate(-78%, 0%);
          transform: translate(-78%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-78 {
    -webkit-transform: translate(-78%, 0%) !important;
        -ms-transform: translate(-78%, 0%) !important;
            transform: translate(-78%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-78 {
    -webkit-transform: translate(-78%, 0%) !important;
        -ms-transform: translate(-78%, 0%) !important;
            transform: translate(-78%, 0%) !important;
  }
}

.x-perc-pos-78 {
  -webkit-transform: translate(78%, 0%);
      -ms-transform: translate(78%, 0%);
          transform: translate(78%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-78 {
    -webkit-transform: translate(78%, 0%) !important;
        -ms-transform: translate(78%, 0%) !important;
            transform: translate(78%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-78 {
    -webkit-transform: translate(78%, 0%) !important;
        -ms-transform: translate(78%, 0%) !important;
            transform: translate(78%, 0%) !important;
  }
}

.y-perc-neg-78 {
  -webkit-transform: translate(0%, -78%);
      -ms-transform: translate(0%, -78%);
          transform: translate(0%, -78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-78 {
    -webkit-transform: translate(0%, -78%) !important;
        -ms-transform: translate(0%, -78%) !important;
            transform: translate(0%, -78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-78 {
    -webkit-transform: translate(0%, -78%) !important;
        -ms-transform: translate(0%, -78%) !important;
            transform: translate(0%, -78%) !important;
  }
}

.y-perc-pos-78 {
  -webkit-transform: translate(0%, 78%);
      -ms-transform: translate(0%, 78%);
          transform: translate(0%, 78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-78 {
    -webkit-transform: translate(0%, 78%) !important;
        -ms-transform: translate(0%, 78%) !important;
            transform: translate(0%, 78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-78 {
    -webkit-transform: translate(0%, 78%) !important;
        -ms-transform: translate(0%, 78%) !important;
            transform: translate(0%, 78%) !important;
  }
}

.x-perc-center-neg-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-78%, -50%);
      -ms-transform: translate(-78%, -50%);
          transform: translate(-78%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-78%, -50%) !important;
        -ms-transform: translate(-78%, -50%) !important;
            transform: translate(-78%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-78%, -50%) !important;
        -ms-transform: translate(-78%, -50%) !important;
            transform: translate(-78%, -50%) !important;
  }
}

.x-perc-center-pos-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(78%, -50%);
      -ms-transform: translate(78%, -50%);
          transform: translate(78%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(78%, -50%) !important;
        -ms-transform: translate(78%, -50%) !important;
            transform: translate(78%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(78%, -50%) !important;
        -ms-transform: translate(78%, -50%) !important;
            transform: translate(78%, -50%) !important;
  }
}

.y-perc-center-neg-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -78%);
      -ms-transform: translate(-50%, -78%);
          transform: translate(-50%, -78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -78%) !important;
        -ms-transform: translate(-50%, -78%) !important;
            transform: translate(-50%, -78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -78%) !important;
        -ms-transform: translate(-50%, -78%) !important;
            transform: translate(-50%, -78%) !important;
  }
}

.y-perc-center-pos-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 78%);
      -ms-transform: translate(-50%, 78%);
          transform: translate(-50%, 78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 78%) !important;
        -ms-transform: translate(-50%, 78%) !important;
            transform: translate(-50%, 78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 78%) !important;
        -ms-transform: translate(-50%, 78%) !important;
            transform: translate(-50%, 78%) !important;
  }
}

.x-perc-neg-79 {
  -webkit-transform: translate(-79%, 0%);
      -ms-transform: translate(-79%, 0%);
          transform: translate(-79%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-79 {
    -webkit-transform: translate(-79%, 0%) !important;
        -ms-transform: translate(-79%, 0%) !important;
            transform: translate(-79%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-79 {
    -webkit-transform: translate(-79%, 0%) !important;
        -ms-transform: translate(-79%, 0%) !important;
            transform: translate(-79%, 0%) !important;
  }
}

.x-perc-pos-79 {
  -webkit-transform: translate(79%, 0%);
      -ms-transform: translate(79%, 0%);
          transform: translate(79%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-79 {
    -webkit-transform: translate(79%, 0%) !important;
        -ms-transform: translate(79%, 0%) !important;
            transform: translate(79%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-79 {
    -webkit-transform: translate(79%, 0%) !important;
        -ms-transform: translate(79%, 0%) !important;
            transform: translate(79%, 0%) !important;
  }
}

.y-perc-neg-79 {
  -webkit-transform: translate(0%, -79%);
      -ms-transform: translate(0%, -79%);
          transform: translate(0%, -79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-79 {
    -webkit-transform: translate(0%, -79%) !important;
        -ms-transform: translate(0%, -79%) !important;
            transform: translate(0%, -79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-79 {
    -webkit-transform: translate(0%, -79%) !important;
        -ms-transform: translate(0%, -79%) !important;
            transform: translate(0%, -79%) !important;
  }
}

.y-perc-pos-79 {
  -webkit-transform: translate(0%, 79%);
      -ms-transform: translate(0%, 79%);
          transform: translate(0%, 79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-79 {
    -webkit-transform: translate(0%, 79%) !important;
        -ms-transform: translate(0%, 79%) !important;
            transform: translate(0%, 79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-79 {
    -webkit-transform: translate(0%, 79%) !important;
        -ms-transform: translate(0%, 79%) !important;
            transform: translate(0%, 79%) !important;
  }
}

.x-perc-center-neg-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-79%, -50%);
      -ms-transform: translate(-79%, -50%);
          transform: translate(-79%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-79%, -50%) !important;
        -ms-transform: translate(-79%, -50%) !important;
            transform: translate(-79%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-79%, -50%) !important;
        -ms-transform: translate(-79%, -50%) !important;
            transform: translate(-79%, -50%) !important;
  }
}

.x-perc-center-pos-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(79%, -50%);
      -ms-transform: translate(79%, -50%);
          transform: translate(79%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(79%, -50%) !important;
        -ms-transform: translate(79%, -50%) !important;
            transform: translate(79%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(79%, -50%) !important;
        -ms-transform: translate(79%, -50%) !important;
            transform: translate(79%, -50%) !important;
  }
}

.y-perc-center-neg-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -79%);
      -ms-transform: translate(-50%, -79%);
          transform: translate(-50%, -79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -79%) !important;
        -ms-transform: translate(-50%, -79%) !important;
            transform: translate(-50%, -79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -79%) !important;
        -ms-transform: translate(-50%, -79%) !important;
            transform: translate(-50%, -79%) !important;
  }
}

.y-perc-center-pos-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 79%);
      -ms-transform: translate(-50%, 79%);
          transform: translate(-50%, 79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 79%) !important;
        -ms-transform: translate(-50%, 79%) !important;
            transform: translate(-50%, 79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 79%) !important;
        -ms-transform: translate(-50%, 79%) !important;
            transform: translate(-50%, 79%) !important;
  }
}

.x-perc-neg-80 {
  -webkit-transform: translate(-80%, 0%);
      -ms-transform: translate(-80%, 0%);
          transform: translate(-80%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-80 {
    -webkit-transform: translate(-80%, 0%) !important;
        -ms-transform: translate(-80%, 0%) !important;
            transform: translate(-80%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-80 {
    -webkit-transform: translate(-80%, 0%) !important;
        -ms-transform: translate(-80%, 0%) !important;
            transform: translate(-80%, 0%) !important;
  }
}

.x-perc-pos-80 {
  -webkit-transform: translate(80%, 0%);
      -ms-transform: translate(80%, 0%);
          transform: translate(80%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-80 {
    -webkit-transform: translate(80%, 0%) !important;
        -ms-transform: translate(80%, 0%) !important;
            transform: translate(80%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-80 {
    -webkit-transform: translate(80%, 0%) !important;
        -ms-transform: translate(80%, 0%) !important;
            transform: translate(80%, 0%) !important;
  }
}

.y-perc-neg-80 {
  -webkit-transform: translate(0%, -80%);
      -ms-transform: translate(0%, -80%);
          transform: translate(0%, -80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-80 {
    -webkit-transform: translate(0%, -80%) !important;
        -ms-transform: translate(0%, -80%) !important;
            transform: translate(0%, -80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-80 {
    -webkit-transform: translate(0%, -80%) !important;
        -ms-transform: translate(0%, -80%) !important;
            transform: translate(0%, -80%) !important;
  }
}

.y-perc-pos-80 {
  -webkit-transform: translate(0%, 80%);
      -ms-transform: translate(0%, 80%);
          transform: translate(0%, 80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-80 {
    -webkit-transform: translate(0%, 80%) !important;
        -ms-transform: translate(0%, 80%) !important;
            transform: translate(0%, 80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-80 {
    -webkit-transform: translate(0%, 80%) !important;
        -ms-transform: translate(0%, 80%) !important;
            transform: translate(0%, 80%) !important;
  }
}

.x-perc-center-neg-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-80%, -50%);
      -ms-transform: translate(-80%, -50%);
          transform: translate(-80%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-80%, -50%) !important;
        -ms-transform: translate(-80%, -50%) !important;
            transform: translate(-80%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-80%, -50%) !important;
        -ms-transform: translate(-80%, -50%) !important;
            transform: translate(-80%, -50%) !important;
  }
}

.x-perc-center-pos-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(80%, -50%);
      -ms-transform: translate(80%, -50%);
          transform: translate(80%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(80%, -50%) !important;
        -ms-transform: translate(80%, -50%) !important;
            transform: translate(80%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(80%, -50%) !important;
        -ms-transform: translate(80%, -50%) !important;
            transform: translate(80%, -50%) !important;
  }
}

.y-perc-center-neg-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -80%);
      -ms-transform: translate(-50%, -80%);
          transform: translate(-50%, -80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -80%) !important;
        -ms-transform: translate(-50%, -80%) !important;
            transform: translate(-50%, -80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -80%) !important;
        -ms-transform: translate(-50%, -80%) !important;
            transform: translate(-50%, -80%) !important;
  }
}

.y-perc-center-pos-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
      -ms-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 80%) !important;
        -ms-transform: translate(-50%, 80%) !important;
            transform: translate(-50%, 80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 80%) !important;
        -ms-transform: translate(-50%, 80%) !important;
            transform: translate(-50%, 80%) !important;
  }
}

.x-perc-neg-81 {
  -webkit-transform: translate(-81%, 0%);
      -ms-transform: translate(-81%, 0%);
          transform: translate(-81%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-81 {
    -webkit-transform: translate(-81%, 0%) !important;
        -ms-transform: translate(-81%, 0%) !important;
            transform: translate(-81%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-81 {
    -webkit-transform: translate(-81%, 0%) !important;
        -ms-transform: translate(-81%, 0%) !important;
            transform: translate(-81%, 0%) !important;
  }
}

.x-perc-pos-81 {
  -webkit-transform: translate(81%, 0%);
      -ms-transform: translate(81%, 0%);
          transform: translate(81%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-81 {
    -webkit-transform: translate(81%, 0%) !important;
        -ms-transform: translate(81%, 0%) !important;
            transform: translate(81%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-81 {
    -webkit-transform: translate(81%, 0%) !important;
        -ms-transform: translate(81%, 0%) !important;
            transform: translate(81%, 0%) !important;
  }
}

.y-perc-neg-81 {
  -webkit-transform: translate(0%, -81%);
      -ms-transform: translate(0%, -81%);
          transform: translate(0%, -81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-81 {
    -webkit-transform: translate(0%, -81%) !important;
        -ms-transform: translate(0%, -81%) !important;
            transform: translate(0%, -81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-81 {
    -webkit-transform: translate(0%, -81%) !important;
        -ms-transform: translate(0%, -81%) !important;
            transform: translate(0%, -81%) !important;
  }
}

.y-perc-pos-81 {
  -webkit-transform: translate(0%, 81%);
      -ms-transform: translate(0%, 81%);
          transform: translate(0%, 81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-81 {
    -webkit-transform: translate(0%, 81%) !important;
        -ms-transform: translate(0%, 81%) !important;
            transform: translate(0%, 81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-81 {
    -webkit-transform: translate(0%, 81%) !important;
        -ms-transform: translate(0%, 81%) !important;
            transform: translate(0%, 81%) !important;
  }
}

.x-perc-center-neg-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-81%, -50%);
      -ms-transform: translate(-81%, -50%);
          transform: translate(-81%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-81%, -50%) !important;
        -ms-transform: translate(-81%, -50%) !important;
            transform: translate(-81%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-81%, -50%) !important;
        -ms-transform: translate(-81%, -50%) !important;
            transform: translate(-81%, -50%) !important;
  }
}

.x-perc-center-pos-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(81%, -50%);
      -ms-transform: translate(81%, -50%);
          transform: translate(81%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(81%, -50%) !important;
        -ms-transform: translate(81%, -50%) !important;
            transform: translate(81%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(81%, -50%) !important;
        -ms-transform: translate(81%, -50%) !important;
            transform: translate(81%, -50%) !important;
  }
}

.y-perc-center-neg-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -81%);
      -ms-transform: translate(-50%, -81%);
          transform: translate(-50%, -81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -81%) !important;
        -ms-transform: translate(-50%, -81%) !important;
            transform: translate(-50%, -81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -81%) !important;
        -ms-transform: translate(-50%, -81%) !important;
            transform: translate(-50%, -81%) !important;
  }
}

.y-perc-center-pos-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 81%);
      -ms-transform: translate(-50%, 81%);
          transform: translate(-50%, 81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 81%) !important;
        -ms-transform: translate(-50%, 81%) !important;
            transform: translate(-50%, 81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 81%) !important;
        -ms-transform: translate(-50%, 81%) !important;
            transform: translate(-50%, 81%) !important;
  }
}

.x-perc-neg-82 {
  -webkit-transform: translate(-82%, 0%);
      -ms-transform: translate(-82%, 0%);
          transform: translate(-82%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-82 {
    -webkit-transform: translate(-82%, 0%) !important;
        -ms-transform: translate(-82%, 0%) !important;
            transform: translate(-82%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-82 {
    -webkit-transform: translate(-82%, 0%) !important;
        -ms-transform: translate(-82%, 0%) !important;
            transform: translate(-82%, 0%) !important;
  }
}

.x-perc-pos-82 {
  -webkit-transform: translate(82%, 0%);
      -ms-transform: translate(82%, 0%);
          transform: translate(82%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-82 {
    -webkit-transform: translate(82%, 0%) !important;
        -ms-transform: translate(82%, 0%) !important;
            transform: translate(82%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-82 {
    -webkit-transform: translate(82%, 0%) !important;
        -ms-transform: translate(82%, 0%) !important;
            transform: translate(82%, 0%) !important;
  }
}

.y-perc-neg-82 {
  -webkit-transform: translate(0%, -82%);
      -ms-transform: translate(0%, -82%);
          transform: translate(0%, -82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-82 {
    -webkit-transform: translate(0%, -82%) !important;
        -ms-transform: translate(0%, -82%) !important;
            transform: translate(0%, -82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-82 {
    -webkit-transform: translate(0%, -82%) !important;
        -ms-transform: translate(0%, -82%) !important;
            transform: translate(0%, -82%) !important;
  }
}

.y-perc-pos-82 {
  -webkit-transform: translate(0%, 82%);
      -ms-transform: translate(0%, 82%);
          transform: translate(0%, 82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-82 {
    -webkit-transform: translate(0%, 82%) !important;
        -ms-transform: translate(0%, 82%) !important;
            transform: translate(0%, 82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-82 {
    -webkit-transform: translate(0%, 82%) !important;
        -ms-transform: translate(0%, 82%) !important;
            transform: translate(0%, 82%) !important;
  }
}

.x-perc-center-neg-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-82%, -50%);
      -ms-transform: translate(-82%, -50%);
          transform: translate(-82%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-82%, -50%) !important;
        -ms-transform: translate(-82%, -50%) !important;
            transform: translate(-82%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-82%, -50%) !important;
        -ms-transform: translate(-82%, -50%) !important;
            transform: translate(-82%, -50%) !important;
  }
}

.x-perc-center-pos-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(82%, -50%);
      -ms-transform: translate(82%, -50%);
          transform: translate(82%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(82%, -50%) !important;
        -ms-transform: translate(82%, -50%) !important;
            transform: translate(82%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(82%, -50%) !important;
        -ms-transform: translate(82%, -50%) !important;
            transform: translate(82%, -50%) !important;
  }
}

.y-perc-center-neg-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -82%);
      -ms-transform: translate(-50%, -82%);
          transform: translate(-50%, -82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -82%) !important;
        -ms-transform: translate(-50%, -82%) !important;
            transform: translate(-50%, -82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -82%) !important;
        -ms-transform: translate(-50%, -82%) !important;
            transform: translate(-50%, -82%) !important;
  }
}

.y-perc-center-pos-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 82%);
      -ms-transform: translate(-50%, 82%);
          transform: translate(-50%, 82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 82%) !important;
        -ms-transform: translate(-50%, 82%) !important;
            transform: translate(-50%, 82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 82%) !important;
        -ms-transform: translate(-50%, 82%) !important;
            transform: translate(-50%, 82%) !important;
  }
}

.x-perc-neg-83 {
  -webkit-transform: translate(-83%, 0%);
      -ms-transform: translate(-83%, 0%);
          transform: translate(-83%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-83 {
    -webkit-transform: translate(-83%, 0%) !important;
        -ms-transform: translate(-83%, 0%) !important;
            transform: translate(-83%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-83 {
    -webkit-transform: translate(-83%, 0%) !important;
        -ms-transform: translate(-83%, 0%) !important;
            transform: translate(-83%, 0%) !important;
  }
}

.x-perc-pos-83 {
  -webkit-transform: translate(83%, 0%);
      -ms-transform: translate(83%, 0%);
          transform: translate(83%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-83 {
    -webkit-transform: translate(83%, 0%) !important;
        -ms-transform: translate(83%, 0%) !important;
            transform: translate(83%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-83 {
    -webkit-transform: translate(83%, 0%) !important;
        -ms-transform: translate(83%, 0%) !important;
            transform: translate(83%, 0%) !important;
  }
}

.y-perc-neg-83 {
  -webkit-transform: translate(0%, -83%);
      -ms-transform: translate(0%, -83%);
          transform: translate(0%, -83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-83 {
    -webkit-transform: translate(0%, -83%) !important;
        -ms-transform: translate(0%, -83%) !important;
            transform: translate(0%, -83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-83 {
    -webkit-transform: translate(0%, -83%) !important;
        -ms-transform: translate(0%, -83%) !important;
            transform: translate(0%, -83%) !important;
  }
}

.y-perc-pos-83 {
  -webkit-transform: translate(0%, 83%);
      -ms-transform: translate(0%, 83%);
          transform: translate(0%, 83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-83 {
    -webkit-transform: translate(0%, 83%) !important;
        -ms-transform: translate(0%, 83%) !important;
            transform: translate(0%, 83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-83 {
    -webkit-transform: translate(0%, 83%) !important;
        -ms-transform: translate(0%, 83%) !important;
            transform: translate(0%, 83%) !important;
  }
}

.x-perc-center-neg-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-83%, -50%);
      -ms-transform: translate(-83%, -50%);
          transform: translate(-83%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-83%, -50%) !important;
        -ms-transform: translate(-83%, -50%) !important;
            transform: translate(-83%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-83%, -50%) !important;
        -ms-transform: translate(-83%, -50%) !important;
            transform: translate(-83%, -50%) !important;
  }
}

.x-perc-center-pos-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(83%, -50%);
      -ms-transform: translate(83%, -50%);
          transform: translate(83%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(83%, -50%) !important;
        -ms-transform: translate(83%, -50%) !important;
            transform: translate(83%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(83%, -50%) !important;
        -ms-transform: translate(83%, -50%) !important;
            transform: translate(83%, -50%) !important;
  }
}

.y-perc-center-neg-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -83%);
      -ms-transform: translate(-50%, -83%);
          transform: translate(-50%, -83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -83%) !important;
        -ms-transform: translate(-50%, -83%) !important;
            transform: translate(-50%, -83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -83%) !important;
        -ms-transform: translate(-50%, -83%) !important;
            transform: translate(-50%, -83%) !important;
  }
}

.y-perc-center-pos-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 83%);
      -ms-transform: translate(-50%, 83%);
          transform: translate(-50%, 83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 83%) !important;
        -ms-transform: translate(-50%, 83%) !important;
            transform: translate(-50%, 83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 83%) !important;
        -ms-transform: translate(-50%, 83%) !important;
            transform: translate(-50%, 83%) !important;
  }
}

.x-perc-neg-84 {
  -webkit-transform: translate(-84%, 0%);
      -ms-transform: translate(-84%, 0%);
          transform: translate(-84%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-84 {
    -webkit-transform: translate(-84%, 0%) !important;
        -ms-transform: translate(-84%, 0%) !important;
            transform: translate(-84%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-84 {
    -webkit-transform: translate(-84%, 0%) !important;
        -ms-transform: translate(-84%, 0%) !important;
            transform: translate(-84%, 0%) !important;
  }
}

.x-perc-pos-84 {
  -webkit-transform: translate(84%, 0%);
      -ms-transform: translate(84%, 0%);
          transform: translate(84%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-84 {
    -webkit-transform: translate(84%, 0%) !important;
        -ms-transform: translate(84%, 0%) !important;
            transform: translate(84%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-84 {
    -webkit-transform: translate(84%, 0%) !important;
        -ms-transform: translate(84%, 0%) !important;
            transform: translate(84%, 0%) !important;
  }
}

.y-perc-neg-84 {
  -webkit-transform: translate(0%, -84%);
      -ms-transform: translate(0%, -84%);
          transform: translate(0%, -84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-84 {
    -webkit-transform: translate(0%, -84%) !important;
        -ms-transform: translate(0%, -84%) !important;
            transform: translate(0%, -84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-84 {
    -webkit-transform: translate(0%, -84%) !important;
        -ms-transform: translate(0%, -84%) !important;
            transform: translate(0%, -84%) !important;
  }
}

.y-perc-pos-84 {
  -webkit-transform: translate(0%, 84%);
      -ms-transform: translate(0%, 84%);
          transform: translate(0%, 84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-84 {
    -webkit-transform: translate(0%, 84%) !important;
        -ms-transform: translate(0%, 84%) !important;
            transform: translate(0%, 84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-84 {
    -webkit-transform: translate(0%, 84%) !important;
        -ms-transform: translate(0%, 84%) !important;
            transform: translate(0%, 84%) !important;
  }
}

.x-perc-center-neg-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-84%, -50%);
      -ms-transform: translate(-84%, -50%);
          transform: translate(-84%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-84%, -50%) !important;
        -ms-transform: translate(-84%, -50%) !important;
            transform: translate(-84%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-84%, -50%) !important;
        -ms-transform: translate(-84%, -50%) !important;
            transform: translate(-84%, -50%) !important;
  }
}

.x-perc-center-pos-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(84%, -50%);
      -ms-transform: translate(84%, -50%);
          transform: translate(84%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(84%, -50%) !important;
        -ms-transform: translate(84%, -50%) !important;
            transform: translate(84%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(84%, -50%) !important;
        -ms-transform: translate(84%, -50%) !important;
            transform: translate(84%, -50%) !important;
  }
}

.y-perc-center-neg-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -84%);
      -ms-transform: translate(-50%, -84%);
          transform: translate(-50%, -84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -84%) !important;
        -ms-transform: translate(-50%, -84%) !important;
            transform: translate(-50%, -84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -84%) !important;
        -ms-transform: translate(-50%, -84%) !important;
            transform: translate(-50%, -84%) !important;
  }
}

.y-perc-center-pos-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 84%);
      -ms-transform: translate(-50%, 84%);
          transform: translate(-50%, 84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 84%) !important;
        -ms-transform: translate(-50%, 84%) !important;
            transform: translate(-50%, 84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 84%) !important;
        -ms-transform: translate(-50%, 84%) !important;
            transform: translate(-50%, 84%) !important;
  }
}

.x-perc-neg-85 {
  -webkit-transform: translate(-85%, 0%);
      -ms-transform: translate(-85%, 0%);
          transform: translate(-85%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-85 {
    -webkit-transform: translate(-85%, 0%) !important;
        -ms-transform: translate(-85%, 0%) !important;
            transform: translate(-85%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-85 {
    -webkit-transform: translate(-85%, 0%) !important;
        -ms-transform: translate(-85%, 0%) !important;
            transform: translate(-85%, 0%) !important;
  }
}

.x-perc-pos-85 {
  -webkit-transform: translate(85%, 0%);
      -ms-transform: translate(85%, 0%);
          transform: translate(85%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-85 {
    -webkit-transform: translate(85%, 0%) !important;
        -ms-transform: translate(85%, 0%) !important;
            transform: translate(85%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-85 {
    -webkit-transform: translate(85%, 0%) !important;
        -ms-transform: translate(85%, 0%) !important;
            transform: translate(85%, 0%) !important;
  }
}

.y-perc-neg-85 {
  -webkit-transform: translate(0%, -85%);
      -ms-transform: translate(0%, -85%);
          transform: translate(0%, -85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-85 {
    -webkit-transform: translate(0%, -85%) !important;
        -ms-transform: translate(0%, -85%) !important;
            transform: translate(0%, -85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-85 {
    -webkit-transform: translate(0%, -85%) !important;
        -ms-transform: translate(0%, -85%) !important;
            transform: translate(0%, -85%) !important;
  }
}

.y-perc-pos-85 {
  -webkit-transform: translate(0%, 85%);
      -ms-transform: translate(0%, 85%);
          transform: translate(0%, 85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-85 {
    -webkit-transform: translate(0%, 85%) !important;
        -ms-transform: translate(0%, 85%) !important;
            transform: translate(0%, 85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-85 {
    -webkit-transform: translate(0%, 85%) !important;
        -ms-transform: translate(0%, 85%) !important;
            transform: translate(0%, 85%) !important;
  }
}

.x-perc-center-neg-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-85%, -50%);
      -ms-transform: translate(-85%, -50%);
          transform: translate(-85%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-85%, -50%) !important;
        -ms-transform: translate(-85%, -50%) !important;
            transform: translate(-85%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-85%, -50%) !important;
        -ms-transform: translate(-85%, -50%) !important;
            transform: translate(-85%, -50%) !important;
  }
}

.x-perc-center-pos-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(85%, -50%);
      -ms-transform: translate(85%, -50%);
          transform: translate(85%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(85%, -50%) !important;
        -ms-transform: translate(85%, -50%) !important;
            transform: translate(85%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(85%, -50%) !important;
        -ms-transform: translate(85%, -50%) !important;
            transform: translate(85%, -50%) !important;
  }
}

.y-perc-center-neg-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -85%);
      -ms-transform: translate(-50%, -85%);
          transform: translate(-50%, -85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -85%) !important;
        -ms-transform: translate(-50%, -85%) !important;
            transform: translate(-50%, -85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -85%) !important;
        -ms-transform: translate(-50%, -85%) !important;
            transform: translate(-50%, -85%) !important;
  }
}

.y-perc-center-pos-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 85%);
      -ms-transform: translate(-50%, 85%);
          transform: translate(-50%, 85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 85%) !important;
        -ms-transform: translate(-50%, 85%) !important;
            transform: translate(-50%, 85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 85%) !important;
        -ms-transform: translate(-50%, 85%) !important;
            transform: translate(-50%, 85%) !important;
  }
}

.x-perc-neg-86 {
  -webkit-transform: translate(-86%, 0%);
      -ms-transform: translate(-86%, 0%);
          transform: translate(-86%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-86 {
    -webkit-transform: translate(-86%, 0%) !important;
        -ms-transform: translate(-86%, 0%) !important;
            transform: translate(-86%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-86 {
    -webkit-transform: translate(-86%, 0%) !important;
        -ms-transform: translate(-86%, 0%) !important;
            transform: translate(-86%, 0%) !important;
  }
}

.x-perc-pos-86 {
  -webkit-transform: translate(86%, 0%);
      -ms-transform: translate(86%, 0%);
          transform: translate(86%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-86 {
    -webkit-transform: translate(86%, 0%) !important;
        -ms-transform: translate(86%, 0%) !important;
            transform: translate(86%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-86 {
    -webkit-transform: translate(86%, 0%) !important;
        -ms-transform: translate(86%, 0%) !important;
            transform: translate(86%, 0%) !important;
  }
}

.y-perc-neg-86 {
  -webkit-transform: translate(0%, -86%);
      -ms-transform: translate(0%, -86%);
          transform: translate(0%, -86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-86 {
    -webkit-transform: translate(0%, -86%) !important;
        -ms-transform: translate(0%, -86%) !important;
            transform: translate(0%, -86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-86 {
    -webkit-transform: translate(0%, -86%) !important;
        -ms-transform: translate(0%, -86%) !important;
            transform: translate(0%, -86%) !important;
  }
}

.y-perc-pos-86 {
  -webkit-transform: translate(0%, 86%);
      -ms-transform: translate(0%, 86%);
          transform: translate(0%, 86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-86 {
    -webkit-transform: translate(0%, 86%) !important;
        -ms-transform: translate(0%, 86%) !important;
            transform: translate(0%, 86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-86 {
    -webkit-transform: translate(0%, 86%) !important;
        -ms-transform: translate(0%, 86%) !important;
            transform: translate(0%, 86%) !important;
  }
}

.x-perc-center-neg-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-86%, -50%);
      -ms-transform: translate(-86%, -50%);
          transform: translate(-86%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-86%, -50%) !important;
        -ms-transform: translate(-86%, -50%) !important;
            transform: translate(-86%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-86%, -50%) !important;
        -ms-transform: translate(-86%, -50%) !important;
            transform: translate(-86%, -50%) !important;
  }
}

.x-perc-center-pos-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(86%, -50%);
      -ms-transform: translate(86%, -50%);
          transform: translate(86%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(86%, -50%) !important;
        -ms-transform: translate(86%, -50%) !important;
            transform: translate(86%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(86%, -50%) !important;
        -ms-transform: translate(86%, -50%) !important;
            transform: translate(86%, -50%) !important;
  }
}

.y-perc-center-neg-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -86%);
      -ms-transform: translate(-50%, -86%);
          transform: translate(-50%, -86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -86%) !important;
        -ms-transform: translate(-50%, -86%) !important;
            transform: translate(-50%, -86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -86%) !important;
        -ms-transform: translate(-50%, -86%) !important;
            transform: translate(-50%, -86%) !important;
  }
}

.y-perc-center-pos-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 86%);
      -ms-transform: translate(-50%, 86%);
          transform: translate(-50%, 86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 86%) !important;
        -ms-transform: translate(-50%, 86%) !important;
            transform: translate(-50%, 86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 86%) !important;
        -ms-transform: translate(-50%, 86%) !important;
            transform: translate(-50%, 86%) !important;
  }
}

.x-perc-neg-87 {
  -webkit-transform: translate(-87%, 0%);
      -ms-transform: translate(-87%, 0%);
          transform: translate(-87%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-87 {
    -webkit-transform: translate(-87%, 0%) !important;
        -ms-transform: translate(-87%, 0%) !important;
            transform: translate(-87%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-87 {
    -webkit-transform: translate(-87%, 0%) !important;
        -ms-transform: translate(-87%, 0%) !important;
            transform: translate(-87%, 0%) !important;
  }
}

.x-perc-pos-87 {
  -webkit-transform: translate(87%, 0%);
      -ms-transform: translate(87%, 0%);
          transform: translate(87%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-87 {
    -webkit-transform: translate(87%, 0%) !important;
        -ms-transform: translate(87%, 0%) !important;
            transform: translate(87%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-87 {
    -webkit-transform: translate(87%, 0%) !important;
        -ms-transform: translate(87%, 0%) !important;
            transform: translate(87%, 0%) !important;
  }
}

.y-perc-neg-87 {
  -webkit-transform: translate(0%, -87%);
      -ms-transform: translate(0%, -87%);
          transform: translate(0%, -87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-87 {
    -webkit-transform: translate(0%, -87%) !important;
        -ms-transform: translate(0%, -87%) !important;
            transform: translate(0%, -87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-87 {
    -webkit-transform: translate(0%, -87%) !important;
        -ms-transform: translate(0%, -87%) !important;
            transform: translate(0%, -87%) !important;
  }
}

.y-perc-pos-87 {
  -webkit-transform: translate(0%, 87%);
      -ms-transform: translate(0%, 87%);
          transform: translate(0%, 87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-87 {
    -webkit-transform: translate(0%, 87%) !important;
        -ms-transform: translate(0%, 87%) !important;
            transform: translate(0%, 87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-87 {
    -webkit-transform: translate(0%, 87%) !important;
        -ms-transform: translate(0%, 87%) !important;
            transform: translate(0%, 87%) !important;
  }
}

.x-perc-center-neg-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-87%, -50%);
      -ms-transform: translate(-87%, -50%);
          transform: translate(-87%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-87%, -50%) !important;
        -ms-transform: translate(-87%, -50%) !important;
            transform: translate(-87%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-87%, -50%) !important;
        -ms-transform: translate(-87%, -50%) !important;
            transform: translate(-87%, -50%) !important;
  }
}

.x-perc-center-pos-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(87%, -50%);
      -ms-transform: translate(87%, -50%);
          transform: translate(87%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(87%, -50%) !important;
        -ms-transform: translate(87%, -50%) !important;
            transform: translate(87%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(87%, -50%) !important;
        -ms-transform: translate(87%, -50%) !important;
            transform: translate(87%, -50%) !important;
  }
}

.y-perc-center-neg-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -87%);
      -ms-transform: translate(-50%, -87%);
          transform: translate(-50%, -87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -87%) !important;
        -ms-transform: translate(-50%, -87%) !important;
            transform: translate(-50%, -87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -87%) !important;
        -ms-transform: translate(-50%, -87%) !important;
            transform: translate(-50%, -87%) !important;
  }
}

.y-perc-center-pos-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 87%);
      -ms-transform: translate(-50%, 87%);
          transform: translate(-50%, 87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 87%) !important;
        -ms-transform: translate(-50%, 87%) !important;
            transform: translate(-50%, 87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 87%) !important;
        -ms-transform: translate(-50%, 87%) !important;
            transform: translate(-50%, 87%) !important;
  }
}

.x-perc-neg-88 {
  -webkit-transform: translate(-88%, 0%);
      -ms-transform: translate(-88%, 0%);
          transform: translate(-88%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-88 {
    -webkit-transform: translate(-88%, 0%) !important;
        -ms-transform: translate(-88%, 0%) !important;
            transform: translate(-88%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-88 {
    -webkit-transform: translate(-88%, 0%) !important;
        -ms-transform: translate(-88%, 0%) !important;
            transform: translate(-88%, 0%) !important;
  }
}

.x-perc-pos-88 {
  -webkit-transform: translate(88%, 0%);
      -ms-transform: translate(88%, 0%);
          transform: translate(88%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-88 {
    -webkit-transform: translate(88%, 0%) !important;
        -ms-transform: translate(88%, 0%) !important;
            transform: translate(88%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-88 {
    -webkit-transform: translate(88%, 0%) !important;
        -ms-transform: translate(88%, 0%) !important;
            transform: translate(88%, 0%) !important;
  }
}

.y-perc-neg-88 {
  -webkit-transform: translate(0%, -88%);
      -ms-transform: translate(0%, -88%);
          transform: translate(0%, -88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-88 {
    -webkit-transform: translate(0%, -88%) !important;
        -ms-transform: translate(0%, -88%) !important;
            transform: translate(0%, -88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-88 {
    -webkit-transform: translate(0%, -88%) !important;
        -ms-transform: translate(0%, -88%) !important;
            transform: translate(0%, -88%) !important;
  }
}

.y-perc-pos-88 {
  -webkit-transform: translate(0%, 88%);
      -ms-transform: translate(0%, 88%);
          transform: translate(0%, 88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-88 {
    -webkit-transform: translate(0%, 88%) !important;
        -ms-transform: translate(0%, 88%) !important;
            transform: translate(0%, 88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-88 {
    -webkit-transform: translate(0%, 88%) !important;
        -ms-transform: translate(0%, 88%) !important;
            transform: translate(0%, 88%) !important;
  }
}

.x-perc-center-neg-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-88%, -50%);
      -ms-transform: translate(-88%, -50%);
          transform: translate(-88%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-88%, -50%) !important;
        -ms-transform: translate(-88%, -50%) !important;
            transform: translate(-88%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-88%, -50%) !important;
        -ms-transform: translate(-88%, -50%) !important;
            transform: translate(-88%, -50%) !important;
  }
}

.x-perc-center-pos-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(88%, -50%);
      -ms-transform: translate(88%, -50%);
          transform: translate(88%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(88%, -50%) !important;
        -ms-transform: translate(88%, -50%) !important;
            transform: translate(88%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(88%, -50%) !important;
        -ms-transform: translate(88%, -50%) !important;
            transform: translate(88%, -50%) !important;
  }
}

.y-perc-center-neg-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -88%);
      -ms-transform: translate(-50%, -88%);
          transform: translate(-50%, -88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -88%) !important;
        -ms-transform: translate(-50%, -88%) !important;
            transform: translate(-50%, -88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -88%) !important;
        -ms-transform: translate(-50%, -88%) !important;
            transform: translate(-50%, -88%) !important;
  }
}

.y-perc-center-pos-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 88%);
      -ms-transform: translate(-50%, 88%);
          transform: translate(-50%, 88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 88%) !important;
        -ms-transform: translate(-50%, 88%) !important;
            transform: translate(-50%, 88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 88%) !important;
        -ms-transform: translate(-50%, 88%) !important;
            transform: translate(-50%, 88%) !important;
  }
}

.x-perc-neg-89 {
  -webkit-transform: translate(-89%, 0%);
      -ms-transform: translate(-89%, 0%);
          transform: translate(-89%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-89 {
    -webkit-transform: translate(-89%, 0%) !important;
        -ms-transform: translate(-89%, 0%) !important;
            transform: translate(-89%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-89 {
    -webkit-transform: translate(-89%, 0%) !important;
        -ms-transform: translate(-89%, 0%) !important;
            transform: translate(-89%, 0%) !important;
  }
}

.x-perc-pos-89 {
  -webkit-transform: translate(89%, 0%);
      -ms-transform: translate(89%, 0%);
          transform: translate(89%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-89 {
    -webkit-transform: translate(89%, 0%) !important;
        -ms-transform: translate(89%, 0%) !important;
            transform: translate(89%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-89 {
    -webkit-transform: translate(89%, 0%) !important;
        -ms-transform: translate(89%, 0%) !important;
            transform: translate(89%, 0%) !important;
  }
}

.y-perc-neg-89 {
  -webkit-transform: translate(0%, -89%);
      -ms-transform: translate(0%, -89%);
          transform: translate(0%, -89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-89 {
    -webkit-transform: translate(0%, -89%) !important;
        -ms-transform: translate(0%, -89%) !important;
            transform: translate(0%, -89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-89 {
    -webkit-transform: translate(0%, -89%) !important;
        -ms-transform: translate(0%, -89%) !important;
            transform: translate(0%, -89%) !important;
  }
}

.y-perc-pos-89 {
  -webkit-transform: translate(0%, 89%);
      -ms-transform: translate(0%, 89%);
          transform: translate(0%, 89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-89 {
    -webkit-transform: translate(0%, 89%) !important;
        -ms-transform: translate(0%, 89%) !important;
            transform: translate(0%, 89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-89 {
    -webkit-transform: translate(0%, 89%) !important;
        -ms-transform: translate(0%, 89%) !important;
            transform: translate(0%, 89%) !important;
  }
}

.x-perc-center-neg-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-89%, -50%);
      -ms-transform: translate(-89%, -50%);
          transform: translate(-89%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-89%, -50%) !important;
        -ms-transform: translate(-89%, -50%) !important;
            transform: translate(-89%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-89%, -50%) !important;
        -ms-transform: translate(-89%, -50%) !important;
            transform: translate(-89%, -50%) !important;
  }
}

.x-perc-center-pos-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(89%, -50%);
      -ms-transform: translate(89%, -50%);
          transform: translate(89%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(89%, -50%) !important;
        -ms-transform: translate(89%, -50%) !important;
            transform: translate(89%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(89%, -50%) !important;
        -ms-transform: translate(89%, -50%) !important;
            transform: translate(89%, -50%) !important;
  }
}

.y-perc-center-neg-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -89%);
      -ms-transform: translate(-50%, -89%);
          transform: translate(-50%, -89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -89%) !important;
        -ms-transform: translate(-50%, -89%) !important;
            transform: translate(-50%, -89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -89%) !important;
        -ms-transform: translate(-50%, -89%) !important;
            transform: translate(-50%, -89%) !important;
  }
}

.y-perc-center-pos-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 89%);
      -ms-transform: translate(-50%, 89%);
          transform: translate(-50%, 89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 89%) !important;
        -ms-transform: translate(-50%, 89%) !important;
            transform: translate(-50%, 89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 89%) !important;
        -ms-transform: translate(-50%, 89%) !important;
            transform: translate(-50%, 89%) !important;
  }
}

.x-perc-neg-90 {
  -webkit-transform: translate(-90%, 0%);
      -ms-transform: translate(-90%, 0%);
          transform: translate(-90%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-90 {
    -webkit-transform: translate(-90%, 0%) !important;
        -ms-transform: translate(-90%, 0%) !important;
            transform: translate(-90%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-90 {
    -webkit-transform: translate(-90%, 0%) !important;
        -ms-transform: translate(-90%, 0%) !important;
            transform: translate(-90%, 0%) !important;
  }
}

.x-perc-pos-90 {
  -webkit-transform: translate(90%, 0%);
      -ms-transform: translate(90%, 0%);
          transform: translate(90%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-90 {
    -webkit-transform: translate(90%, 0%) !important;
        -ms-transform: translate(90%, 0%) !important;
            transform: translate(90%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-90 {
    -webkit-transform: translate(90%, 0%) !important;
        -ms-transform: translate(90%, 0%) !important;
            transform: translate(90%, 0%) !important;
  }
}

.y-perc-neg-90 {
  -webkit-transform: translate(0%, -90%);
      -ms-transform: translate(0%, -90%);
          transform: translate(0%, -90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-90 {
    -webkit-transform: translate(0%, -90%) !important;
        -ms-transform: translate(0%, -90%) !important;
            transform: translate(0%, -90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-90 {
    -webkit-transform: translate(0%, -90%) !important;
        -ms-transform: translate(0%, -90%) !important;
            transform: translate(0%, -90%) !important;
  }
}

.y-perc-pos-90 {
  -webkit-transform: translate(0%, 90%);
      -ms-transform: translate(0%, 90%);
          transform: translate(0%, 90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-90 {
    -webkit-transform: translate(0%, 90%) !important;
        -ms-transform: translate(0%, 90%) !important;
            transform: translate(0%, 90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-90 {
    -webkit-transform: translate(0%, 90%) !important;
        -ms-transform: translate(0%, 90%) !important;
            transform: translate(0%, 90%) !important;
  }
}

.x-perc-center-neg-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-90%, -50%);
      -ms-transform: translate(-90%, -50%);
          transform: translate(-90%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-90%, -50%) !important;
        -ms-transform: translate(-90%, -50%) !important;
            transform: translate(-90%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-90%, -50%) !important;
        -ms-transform: translate(-90%, -50%) !important;
            transform: translate(-90%, -50%) !important;
  }
}

.x-perc-center-pos-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(90%, -50%);
      -ms-transform: translate(90%, -50%);
          transform: translate(90%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(90%, -50%) !important;
        -ms-transform: translate(90%, -50%) !important;
            transform: translate(90%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(90%, -50%) !important;
        -ms-transform: translate(90%, -50%) !important;
            transform: translate(90%, -50%) !important;
  }
}

.y-perc-center-neg-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -90%);
      -ms-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -90%) !important;
        -ms-transform: translate(-50%, -90%) !important;
            transform: translate(-50%, -90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -90%) !important;
        -ms-transform: translate(-50%, -90%) !important;
            transform: translate(-50%, -90%) !important;
  }
}

.y-perc-center-pos-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 90%);
      -ms-transform: translate(-50%, 90%);
          transform: translate(-50%, 90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 90%) !important;
        -ms-transform: translate(-50%, 90%) !important;
            transform: translate(-50%, 90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 90%) !important;
        -ms-transform: translate(-50%, 90%) !important;
            transform: translate(-50%, 90%) !important;
  }
}

.x-perc-neg-91 {
  -webkit-transform: translate(-91%, 0%);
      -ms-transform: translate(-91%, 0%);
          transform: translate(-91%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-91 {
    -webkit-transform: translate(-91%, 0%) !important;
        -ms-transform: translate(-91%, 0%) !important;
            transform: translate(-91%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-91 {
    -webkit-transform: translate(-91%, 0%) !important;
        -ms-transform: translate(-91%, 0%) !important;
            transform: translate(-91%, 0%) !important;
  }
}

.x-perc-pos-91 {
  -webkit-transform: translate(91%, 0%);
      -ms-transform: translate(91%, 0%);
          transform: translate(91%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-91 {
    -webkit-transform: translate(91%, 0%) !important;
        -ms-transform: translate(91%, 0%) !important;
            transform: translate(91%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-91 {
    -webkit-transform: translate(91%, 0%) !important;
        -ms-transform: translate(91%, 0%) !important;
            transform: translate(91%, 0%) !important;
  }
}

.y-perc-neg-91 {
  -webkit-transform: translate(0%, -91%);
      -ms-transform: translate(0%, -91%);
          transform: translate(0%, -91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-91 {
    -webkit-transform: translate(0%, -91%) !important;
        -ms-transform: translate(0%, -91%) !important;
            transform: translate(0%, -91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-91 {
    -webkit-transform: translate(0%, -91%) !important;
        -ms-transform: translate(0%, -91%) !important;
            transform: translate(0%, -91%) !important;
  }
}

.y-perc-pos-91 {
  -webkit-transform: translate(0%, 91%);
      -ms-transform: translate(0%, 91%);
          transform: translate(0%, 91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-91 {
    -webkit-transform: translate(0%, 91%) !important;
        -ms-transform: translate(0%, 91%) !important;
            transform: translate(0%, 91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-91 {
    -webkit-transform: translate(0%, 91%) !important;
        -ms-transform: translate(0%, 91%) !important;
            transform: translate(0%, 91%) !important;
  }
}

.x-perc-center-neg-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-91%, -50%);
      -ms-transform: translate(-91%, -50%);
          transform: translate(-91%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-91%, -50%) !important;
        -ms-transform: translate(-91%, -50%) !important;
            transform: translate(-91%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-91%, -50%) !important;
        -ms-transform: translate(-91%, -50%) !important;
            transform: translate(-91%, -50%) !important;
  }
}

.x-perc-center-pos-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(91%, -50%);
      -ms-transform: translate(91%, -50%);
          transform: translate(91%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(91%, -50%) !important;
        -ms-transform: translate(91%, -50%) !important;
            transform: translate(91%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(91%, -50%) !important;
        -ms-transform: translate(91%, -50%) !important;
            transform: translate(91%, -50%) !important;
  }
}

.y-perc-center-neg-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -91%);
      -ms-transform: translate(-50%, -91%);
          transform: translate(-50%, -91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -91%) !important;
        -ms-transform: translate(-50%, -91%) !important;
            transform: translate(-50%, -91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -91%) !important;
        -ms-transform: translate(-50%, -91%) !important;
            transform: translate(-50%, -91%) !important;
  }
}

.y-perc-center-pos-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 91%);
      -ms-transform: translate(-50%, 91%);
          transform: translate(-50%, 91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 91%) !important;
        -ms-transform: translate(-50%, 91%) !important;
            transform: translate(-50%, 91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 91%) !important;
        -ms-transform: translate(-50%, 91%) !important;
            transform: translate(-50%, 91%) !important;
  }
}

.x-perc-neg-92 {
  -webkit-transform: translate(-92%, 0%);
      -ms-transform: translate(-92%, 0%);
          transform: translate(-92%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-92 {
    -webkit-transform: translate(-92%, 0%) !important;
        -ms-transform: translate(-92%, 0%) !important;
            transform: translate(-92%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-92 {
    -webkit-transform: translate(-92%, 0%) !important;
        -ms-transform: translate(-92%, 0%) !important;
            transform: translate(-92%, 0%) !important;
  }
}

.x-perc-pos-92 {
  -webkit-transform: translate(92%, 0%);
      -ms-transform: translate(92%, 0%);
          transform: translate(92%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-92 {
    -webkit-transform: translate(92%, 0%) !important;
        -ms-transform: translate(92%, 0%) !important;
            transform: translate(92%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-92 {
    -webkit-transform: translate(92%, 0%) !important;
        -ms-transform: translate(92%, 0%) !important;
            transform: translate(92%, 0%) !important;
  }
}

.y-perc-neg-92 {
  -webkit-transform: translate(0%, -92%);
      -ms-transform: translate(0%, -92%);
          transform: translate(0%, -92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-92 {
    -webkit-transform: translate(0%, -92%) !important;
        -ms-transform: translate(0%, -92%) !important;
            transform: translate(0%, -92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-92 {
    -webkit-transform: translate(0%, -92%) !important;
        -ms-transform: translate(0%, -92%) !important;
            transform: translate(0%, -92%) !important;
  }
}

.y-perc-pos-92 {
  -webkit-transform: translate(0%, 92%);
      -ms-transform: translate(0%, 92%);
          transform: translate(0%, 92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-92 {
    -webkit-transform: translate(0%, 92%) !important;
        -ms-transform: translate(0%, 92%) !important;
            transform: translate(0%, 92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-92 {
    -webkit-transform: translate(0%, 92%) !important;
        -ms-transform: translate(0%, 92%) !important;
            transform: translate(0%, 92%) !important;
  }
}

.x-perc-center-neg-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-92%, -50%);
      -ms-transform: translate(-92%, -50%);
          transform: translate(-92%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-92%, -50%) !important;
        -ms-transform: translate(-92%, -50%) !important;
            transform: translate(-92%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-92%, -50%) !important;
        -ms-transform: translate(-92%, -50%) !important;
            transform: translate(-92%, -50%) !important;
  }
}

.x-perc-center-pos-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(92%, -50%);
      -ms-transform: translate(92%, -50%);
          transform: translate(92%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(92%, -50%) !important;
        -ms-transform: translate(92%, -50%) !important;
            transform: translate(92%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(92%, -50%) !important;
        -ms-transform: translate(92%, -50%) !important;
            transform: translate(92%, -50%) !important;
  }
}

.y-perc-center-neg-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -92%);
      -ms-transform: translate(-50%, -92%);
          transform: translate(-50%, -92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -92%) !important;
        -ms-transform: translate(-50%, -92%) !important;
            transform: translate(-50%, -92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -92%) !important;
        -ms-transform: translate(-50%, -92%) !important;
            transform: translate(-50%, -92%) !important;
  }
}

.y-perc-center-pos-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 92%);
      -ms-transform: translate(-50%, 92%);
          transform: translate(-50%, 92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 92%) !important;
        -ms-transform: translate(-50%, 92%) !important;
            transform: translate(-50%, 92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 92%) !important;
        -ms-transform: translate(-50%, 92%) !important;
            transform: translate(-50%, 92%) !important;
  }
}

.x-perc-neg-93 {
  -webkit-transform: translate(-93%, 0%);
      -ms-transform: translate(-93%, 0%);
          transform: translate(-93%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-93 {
    -webkit-transform: translate(-93%, 0%) !important;
        -ms-transform: translate(-93%, 0%) !important;
            transform: translate(-93%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-93 {
    -webkit-transform: translate(-93%, 0%) !important;
        -ms-transform: translate(-93%, 0%) !important;
            transform: translate(-93%, 0%) !important;
  }
}

.x-perc-pos-93 {
  -webkit-transform: translate(93%, 0%);
      -ms-transform: translate(93%, 0%);
          transform: translate(93%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-93 {
    -webkit-transform: translate(93%, 0%) !important;
        -ms-transform: translate(93%, 0%) !important;
            transform: translate(93%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-93 {
    -webkit-transform: translate(93%, 0%) !important;
        -ms-transform: translate(93%, 0%) !important;
            transform: translate(93%, 0%) !important;
  }
}

.y-perc-neg-93 {
  -webkit-transform: translate(0%, -93%);
      -ms-transform: translate(0%, -93%);
          transform: translate(0%, -93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-93 {
    -webkit-transform: translate(0%, -93%) !important;
        -ms-transform: translate(0%, -93%) !important;
            transform: translate(0%, -93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-93 {
    -webkit-transform: translate(0%, -93%) !important;
        -ms-transform: translate(0%, -93%) !important;
            transform: translate(0%, -93%) !important;
  }
}

.y-perc-pos-93 {
  -webkit-transform: translate(0%, 93%);
      -ms-transform: translate(0%, 93%);
          transform: translate(0%, 93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-93 {
    -webkit-transform: translate(0%, 93%) !important;
        -ms-transform: translate(0%, 93%) !important;
            transform: translate(0%, 93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-93 {
    -webkit-transform: translate(0%, 93%) !important;
        -ms-transform: translate(0%, 93%) !important;
            transform: translate(0%, 93%) !important;
  }
}

.x-perc-center-neg-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-93%, -50%);
      -ms-transform: translate(-93%, -50%);
          transform: translate(-93%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-93%, -50%) !important;
        -ms-transform: translate(-93%, -50%) !important;
            transform: translate(-93%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-93%, -50%) !important;
        -ms-transform: translate(-93%, -50%) !important;
            transform: translate(-93%, -50%) !important;
  }
}

.x-perc-center-pos-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(93%, -50%);
      -ms-transform: translate(93%, -50%);
          transform: translate(93%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(93%, -50%) !important;
        -ms-transform: translate(93%, -50%) !important;
            transform: translate(93%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(93%, -50%) !important;
        -ms-transform: translate(93%, -50%) !important;
            transform: translate(93%, -50%) !important;
  }
}

.y-perc-center-neg-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -93%);
      -ms-transform: translate(-50%, -93%);
          transform: translate(-50%, -93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -93%) !important;
        -ms-transform: translate(-50%, -93%) !important;
            transform: translate(-50%, -93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -93%) !important;
        -ms-transform: translate(-50%, -93%) !important;
            transform: translate(-50%, -93%) !important;
  }
}

.y-perc-center-pos-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 93%);
      -ms-transform: translate(-50%, 93%);
          transform: translate(-50%, 93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 93%) !important;
        -ms-transform: translate(-50%, 93%) !important;
            transform: translate(-50%, 93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 93%) !important;
        -ms-transform: translate(-50%, 93%) !important;
            transform: translate(-50%, 93%) !important;
  }
}

.x-perc-neg-94 {
  -webkit-transform: translate(-94%, 0%);
      -ms-transform: translate(-94%, 0%);
          transform: translate(-94%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-94 {
    -webkit-transform: translate(-94%, 0%) !important;
        -ms-transform: translate(-94%, 0%) !important;
            transform: translate(-94%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-94 {
    -webkit-transform: translate(-94%, 0%) !important;
        -ms-transform: translate(-94%, 0%) !important;
            transform: translate(-94%, 0%) !important;
  }
}

.x-perc-pos-94 {
  -webkit-transform: translate(94%, 0%);
      -ms-transform: translate(94%, 0%);
          transform: translate(94%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-94 {
    -webkit-transform: translate(94%, 0%) !important;
        -ms-transform: translate(94%, 0%) !important;
            transform: translate(94%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-94 {
    -webkit-transform: translate(94%, 0%) !important;
        -ms-transform: translate(94%, 0%) !important;
            transform: translate(94%, 0%) !important;
  }
}

.y-perc-neg-94 {
  -webkit-transform: translate(0%, -94%);
      -ms-transform: translate(0%, -94%);
          transform: translate(0%, -94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-94 {
    -webkit-transform: translate(0%, -94%) !important;
        -ms-transform: translate(0%, -94%) !important;
            transform: translate(0%, -94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-94 {
    -webkit-transform: translate(0%, -94%) !important;
        -ms-transform: translate(0%, -94%) !important;
            transform: translate(0%, -94%) !important;
  }
}

.y-perc-pos-94 {
  -webkit-transform: translate(0%, 94%);
      -ms-transform: translate(0%, 94%);
          transform: translate(0%, 94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-94 {
    -webkit-transform: translate(0%, 94%) !important;
        -ms-transform: translate(0%, 94%) !important;
            transform: translate(0%, 94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-94 {
    -webkit-transform: translate(0%, 94%) !important;
        -ms-transform: translate(0%, 94%) !important;
            transform: translate(0%, 94%) !important;
  }
}

.x-perc-center-neg-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-94%, -50%);
      -ms-transform: translate(-94%, -50%);
          transform: translate(-94%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-94%, -50%) !important;
        -ms-transform: translate(-94%, -50%) !important;
            transform: translate(-94%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-94%, -50%) !important;
        -ms-transform: translate(-94%, -50%) !important;
            transform: translate(-94%, -50%) !important;
  }
}

.x-perc-center-pos-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(94%, -50%);
      -ms-transform: translate(94%, -50%);
          transform: translate(94%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(94%, -50%) !important;
        -ms-transform: translate(94%, -50%) !important;
            transform: translate(94%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(94%, -50%) !important;
        -ms-transform: translate(94%, -50%) !important;
            transform: translate(94%, -50%) !important;
  }
}

.y-perc-center-neg-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -94%);
      -ms-transform: translate(-50%, -94%);
          transform: translate(-50%, -94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -94%) !important;
        -ms-transform: translate(-50%, -94%) !important;
            transform: translate(-50%, -94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -94%) !important;
        -ms-transform: translate(-50%, -94%) !important;
            transform: translate(-50%, -94%) !important;
  }
}

.y-perc-center-pos-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 94%);
      -ms-transform: translate(-50%, 94%);
          transform: translate(-50%, 94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 94%) !important;
        -ms-transform: translate(-50%, 94%) !important;
            transform: translate(-50%, 94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 94%) !important;
        -ms-transform: translate(-50%, 94%) !important;
            transform: translate(-50%, 94%) !important;
  }
}

.x-perc-neg-95 {
  -webkit-transform: translate(-95%, 0%);
      -ms-transform: translate(-95%, 0%);
          transform: translate(-95%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-95 {
    -webkit-transform: translate(-95%, 0%) !important;
        -ms-transform: translate(-95%, 0%) !important;
            transform: translate(-95%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-95 {
    -webkit-transform: translate(-95%, 0%) !important;
        -ms-transform: translate(-95%, 0%) !important;
            transform: translate(-95%, 0%) !important;
  }
}

.x-perc-pos-95 {
  -webkit-transform: translate(95%, 0%);
      -ms-transform: translate(95%, 0%);
          transform: translate(95%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-95 {
    -webkit-transform: translate(95%, 0%) !important;
        -ms-transform: translate(95%, 0%) !important;
            transform: translate(95%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-95 {
    -webkit-transform: translate(95%, 0%) !important;
        -ms-transform: translate(95%, 0%) !important;
            transform: translate(95%, 0%) !important;
  }
}

.y-perc-neg-95 {
  -webkit-transform: translate(0%, -95%);
      -ms-transform: translate(0%, -95%);
          transform: translate(0%, -95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-95 {
    -webkit-transform: translate(0%, -95%) !important;
        -ms-transform: translate(0%, -95%) !important;
            transform: translate(0%, -95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-95 {
    -webkit-transform: translate(0%, -95%) !important;
        -ms-transform: translate(0%, -95%) !important;
            transform: translate(0%, -95%) !important;
  }
}

.y-perc-pos-95 {
  -webkit-transform: translate(0%, 95%);
      -ms-transform: translate(0%, 95%);
          transform: translate(0%, 95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-95 {
    -webkit-transform: translate(0%, 95%) !important;
        -ms-transform: translate(0%, 95%) !important;
            transform: translate(0%, 95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-95 {
    -webkit-transform: translate(0%, 95%) !important;
        -ms-transform: translate(0%, 95%) !important;
            transform: translate(0%, 95%) !important;
  }
}

.x-perc-center-neg-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-95%, -50%);
      -ms-transform: translate(-95%, -50%);
          transform: translate(-95%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-95%, -50%) !important;
        -ms-transform: translate(-95%, -50%) !important;
            transform: translate(-95%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-95%, -50%) !important;
        -ms-transform: translate(-95%, -50%) !important;
            transform: translate(-95%, -50%) !important;
  }
}

.x-perc-center-pos-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(95%, -50%);
      -ms-transform: translate(95%, -50%);
          transform: translate(95%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(95%, -50%) !important;
        -ms-transform: translate(95%, -50%) !important;
            transform: translate(95%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(95%, -50%) !important;
        -ms-transform: translate(95%, -50%) !important;
            transform: translate(95%, -50%) !important;
  }
}

.y-perc-center-neg-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -95%);
      -ms-transform: translate(-50%, -95%);
          transform: translate(-50%, -95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -95%) !important;
        -ms-transform: translate(-50%, -95%) !important;
            transform: translate(-50%, -95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -95%) !important;
        -ms-transform: translate(-50%, -95%) !important;
            transform: translate(-50%, -95%) !important;
  }
}

.y-perc-center-pos-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 95%);
      -ms-transform: translate(-50%, 95%);
          transform: translate(-50%, 95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 95%) !important;
        -ms-transform: translate(-50%, 95%) !important;
            transform: translate(-50%, 95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 95%) !important;
        -ms-transform: translate(-50%, 95%) !important;
            transform: translate(-50%, 95%) !important;
  }
}

.x-perc-neg-96 {
  -webkit-transform: translate(-96%, 0%);
      -ms-transform: translate(-96%, 0%);
          transform: translate(-96%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-96 {
    -webkit-transform: translate(-96%, 0%) !important;
        -ms-transform: translate(-96%, 0%) !important;
            transform: translate(-96%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-96 {
    -webkit-transform: translate(-96%, 0%) !important;
        -ms-transform: translate(-96%, 0%) !important;
            transform: translate(-96%, 0%) !important;
  }
}

.x-perc-pos-96 {
  -webkit-transform: translate(96%, 0%);
      -ms-transform: translate(96%, 0%);
          transform: translate(96%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-96 {
    -webkit-transform: translate(96%, 0%) !important;
        -ms-transform: translate(96%, 0%) !important;
            transform: translate(96%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-96 {
    -webkit-transform: translate(96%, 0%) !important;
        -ms-transform: translate(96%, 0%) !important;
            transform: translate(96%, 0%) !important;
  }
}

.y-perc-neg-96 {
  -webkit-transform: translate(0%, -96%);
      -ms-transform: translate(0%, -96%);
          transform: translate(0%, -96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-96 {
    -webkit-transform: translate(0%, -96%) !important;
        -ms-transform: translate(0%, -96%) !important;
            transform: translate(0%, -96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-96 {
    -webkit-transform: translate(0%, -96%) !important;
        -ms-transform: translate(0%, -96%) !important;
            transform: translate(0%, -96%) !important;
  }
}

.y-perc-pos-96 {
  -webkit-transform: translate(0%, 96%);
      -ms-transform: translate(0%, 96%);
          transform: translate(0%, 96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-96 {
    -webkit-transform: translate(0%, 96%) !important;
        -ms-transform: translate(0%, 96%) !important;
            transform: translate(0%, 96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-96 {
    -webkit-transform: translate(0%, 96%) !important;
        -ms-transform: translate(0%, 96%) !important;
            transform: translate(0%, 96%) !important;
  }
}

.x-perc-center-neg-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-96%, -50%);
      -ms-transform: translate(-96%, -50%);
          transform: translate(-96%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-96%, -50%) !important;
        -ms-transform: translate(-96%, -50%) !important;
            transform: translate(-96%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-96%, -50%) !important;
        -ms-transform: translate(-96%, -50%) !important;
            transform: translate(-96%, -50%) !important;
  }
}

.x-perc-center-pos-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(96%, -50%);
      -ms-transform: translate(96%, -50%);
          transform: translate(96%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(96%, -50%) !important;
        -ms-transform: translate(96%, -50%) !important;
            transform: translate(96%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(96%, -50%) !important;
        -ms-transform: translate(96%, -50%) !important;
            transform: translate(96%, -50%) !important;
  }
}

.y-perc-center-neg-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -96%);
      -ms-transform: translate(-50%, -96%);
          transform: translate(-50%, -96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -96%) !important;
        -ms-transform: translate(-50%, -96%) !important;
            transform: translate(-50%, -96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -96%) !important;
        -ms-transform: translate(-50%, -96%) !important;
            transform: translate(-50%, -96%) !important;
  }
}

.y-perc-center-pos-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 96%);
      -ms-transform: translate(-50%, 96%);
          transform: translate(-50%, 96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 96%) !important;
        -ms-transform: translate(-50%, 96%) !important;
            transform: translate(-50%, 96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 96%) !important;
        -ms-transform: translate(-50%, 96%) !important;
            transform: translate(-50%, 96%) !important;
  }
}

.x-perc-neg-97 {
  -webkit-transform: translate(-97%, 0%);
      -ms-transform: translate(-97%, 0%);
          transform: translate(-97%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-97 {
    -webkit-transform: translate(-97%, 0%) !important;
        -ms-transform: translate(-97%, 0%) !important;
            transform: translate(-97%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-97 {
    -webkit-transform: translate(-97%, 0%) !important;
        -ms-transform: translate(-97%, 0%) !important;
            transform: translate(-97%, 0%) !important;
  }
}

.x-perc-pos-97 {
  -webkit-transform: translate(97%, 0%);
      -ms-transform: translate(97%, 0%);
          transform: translate(97%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-97 {
    -webkit-transform: translate(97%, 0%) !important;
        -ms-transform: translate(97%, 0%) !important;
            transform: translate(97%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-97 {
    -webkit-transform: translate(97%, 0%) !important;
        -ms-transform: translate(97%, 0%) !important;
            transform: translate(97%, 0%) !important;
  }
}

.y-perc-neg-97 {
  -webkit-transform: translate(0%, -97%);
      -ms-transform: translate(0%, -97%);
          transform: translate(0%, -97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-97 {
    -webkit-transform: translate(0%, -97%) !important;
        -ms-transform: translate(0%, -97%) !important;
            transform: translate(0%, -97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-97 {
    -webkit-transform: translate(0%, -97%) !important;
        -ms-transform: translate(0%, -97%) !important;
            transform: translate(0%, -97%) !important;
  }
}

.y-perc-pos-97 {
  -webkit-transform: translate(0%, 97%);
      -ms-transform: translate(0%, 97%);
          transform: translate(0%, 97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-97 {
    -webkit-transform: translate(0%, 97%) !important;
        -ms-transform: translate(0%, 97%) !important;
            transform: translate(0%, 97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-97 {
    -webkit-transform: translate(0%, 97%) !important;
        -ms-transform: translate(0%, 97%) !important;
            transform: translate(0%, 97%) !important;
  }
}

.x-perc-center-neg-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-97%, -50%);
      -ms-transform: translate(-97%, -50%);
          transform: translate(-97%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-97%, -50%) !important;
        -ms-transform: translate(-97%, -50%) !important;
            transform: translate(-97%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-97%, -50%) !important;
        -ms-transform: translate(-97%, -50%) !important;
            transform: translate(-97%, -50%) !important;
  }
}

.x-perc-center-pos-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(97%, -50%);
      -ms-transform: translate(97%, -50%);
          transform: translate(97%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(97%, -50%) !important;
        -ms-transform: translate(97%, -50%) !important;
            transform: translate(97%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(97%, -50%) !important;
        -ms-transform: translate(97%, -50%) !important;
            transform: translate(97%, -50%) !important;
  }
}

.y-perc-center-neg-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -97%);
      -ms-transform: translate(-50%, -97%);
          transform: translate(-50%, -97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -97%) !important;
        -ms-transform: translate(-50%, -97%) !important;
            transform: translate(-50%, -97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -97%) !important;
        -ms-transform: translate(-50%, -97%) !important;
            transform: translate(-50%, -97%) !important;
  }
}

.y-perc-center-pos-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 97%);
      -ms-transform: translate(-50%, 97%);
          transform: translate(-50%, 97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 97%) !important;
        -ms-transform: translate(-50%, 97%) !important;
            transform: translate(-50%, 97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 97%) !important;
        -ms-transform: translate(-50%, 97%) !important;
            transform: translate(-50%, 97%) !important;
  }
}

.x-perc-neg-98 {
  -webkit-transform: translate(-98%, 0%);
      -ms-transform: translate(-98%, 0%);
          transform: translate(-98%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-98 {
    -webkit-transform: translate(-98%, 0%) !important;
        -ms-transform: translate(-98%, 0%) !important;
            transform: translate(-98%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-98 {
    -webkit-transform: translate(-98%, 0%) !important;
        -ms-transform: translate(-98%, 0%) !important;
            transform: translate(-98%, 0%) !important;
  }
}

.x-perc-pos-98 {
  -webkit-transform: translate(98%, 0%);
      -ms-transform: translate(98%, 0%);
          transform: translate(98%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-98 {
    -webkit-transform: translate(98%, 0%) !important;
        -ms-transform: translate(98%, 0%) !important;
            transform: translate(98%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-98 {
    -webkit-transform: translate(98%, 0%) !important;
        -ms-transform: translate(98%, 0%) !important;
            transform: translate(98%, 0%) !important;
  }
}

.y-perc-neg-98 {
  -webkit-transform: translate(0%, -98%);
      -ms-transform: translate(0%, -98%);
          transform: translate(0%, -98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-98 {
    -webkit-transform: translate(0%, -98%) !important;
        -ms-transform: translate(0%, -98%) !important;
            transform: translate(0%, -98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-98 {
    -webkit-transform: translate(0%, -98%) !important;
        -ms-transform: translate(0%, -98%) !important;
            transform: translate(0%, -98%) !important;
  }
}

.y-perc-pos-98 {
  -webkit-transform: translate(0%, 98%);
      -ms-transform: translate(0%, 98%);
          transform: translate(0%, 98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-98 {
    -webkit-transform: translate(0%, 98%) !important;
        -ms-transform: translate(0%, 98%) !important;
            transform: translate(0%, 98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-98 {
    -webkit-transform: translate(0%, 98%) !important;
        -ms-transform: translate(0%, 98%) !important;
            transform: translate(0%, 98%) !important;
  }
}

.x-perc-center-neg-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-98%, -50%);
      -ms-transform: translate(-98%, -50%);
          transform: translate(-98%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-98%, -50%) !important;
        -ms-transform: translate(-98%, -50%) !important;
            transform: translate(-98%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-98%, -50%) !important;
        -ms-transform: translate(-98%, -50%) !important;
            transform: translate(-98%, -50%) !important;
  }
}

.x-perc-center-pos-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(98%, -50%);
      -ms-transform: translate(98%, -50%);
          transform: translate(98%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(98%, -50%) !important;
        -ms-transform: translate(98%, -50%) !important;
            transform: translate(98%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(98%, -50%) !important;
        -ms-transform: translate(98%, -50%) !important;
            transform: translate(98%, -50%) !important;
  }
}

.y-perc-center-neg-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -98%);
      -ms-transform: translate(-50%, -98%);
          transform: translate(-50%, -98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -98%) !important;
        -ms-transform: translate(-50%, -98%) !important;
            transform: translate(-50%, -98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -98%) !important;
        -ms-transform: translate(-50%, -98%) !important;
            transform: translate(-50%, -98%) !important;
  }
}

.y-perc-center-pos-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 98%);
      -ms-transform: translate(-50%, 98%);
          transform: translate(-50%, 98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 98%) !important;
        -ms-transform: translate(-50%, 98%) !important;
            transform: translate(-50%, 98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 98%) !important;
        -ms-transform: translate(-50%, 98%) !important;
            transform: translate(-50%, 98%) !important;
  }
}

.x-perc-neg-99 {
  -webkit-transform: translate(-99%, 0%);
      -ms-transform: translate(-99%, 0%);
          transform: translate(-99%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-99 {
    -webkit-transform: translate(-99%, 0%) !important;
        -ms-transform: translate(-99%, 0%) !important;
            transform: translate(-99%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-99 {
    -webkit-transform: translate(-99%, 0%) !important;
        -ms-transform: translate(-99%, 0%) !important;
            transform: translate(-99%, 0%) !important;
  }
}

.x-perc-pos-99 {
  -webkit-transform: translate(99%, 0%);
      -ms-transform: translate(99%, 0%);
          transform: translate(99%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-99 {
    -webkit-transform: translate(99%, 0%) !important;
        -ms-transform: translate(99%, 0%) !important;
            transform: translate(99%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-99 {
    -webkit-transform: translate(99%, 0%) !important;
        -ms-transform: translate(99%, 0%) !important;
            transform: translate(99%, 0%) !important;
  }
}

.y-perc-neg-99 {
  -webkit-transform: translate(0%, -99%);
      -ms-transform: translate(0%, -99%);
          transform: translate(0%, -99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-99 {
    -webkit-transform: translate(0%, -99%) !important;
        -ms-transform: translate(0%, -99%) !important;
            transform: translate(0%, -99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-99 {
    -webkit-transform: translate(0%, -99%) !important;
        -ms-transform: translate(0%, -99%) !important;
            transform: translate(0%, -99%) !important;
  }
}

.y-perc-pos-99 {
  -webkit-transform: translate(0%, 99%);
      -ms-transform: translate(0%, 99%);
          transform: translate(0%, 99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-99 {
    -webkit-transform: translate(0%, 99%) !important;
        -ms-transform: translate(0%, 99%) !important;
            transform: translate(0%, 99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-99 {
    -webkit-transform: translate(0%, 99%) !important;
        -ms-transform: translate(0%, 99%) !important;
            transform: translate(0%, 99%) !important;
  }
}

.x-perc-center-neg-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-99%, -50%);
      -ms-transform: translate(-99%, -50%);
          transform: translate(-99%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-99%, -50%) !important;
        -ms-transform: translate(-99%, -50%) !important;
            transform: translate(-99%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-99%, -50%) !important;
        -ms-transform: translate(-99%, -50%) !important;
            transform: translate(-99%, -50%) !important;
  }
}

.x-perc-center-pos-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(99%, -50%);
      -ms-transform: translate(99%, -50%);
          transform: translate(99%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(99%, -50%) !important;
        -ms-transform: translate(99%, -50%) !important;
            transform: translate(99%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(99%, -50%) !important;
        -ms-transform: translate(99%, -50%) !important;
            transform: translate(99%, -50%) !important;
  }
}

.y-perc-center-neg-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -99%);
      -ms-transform: translate(-50%, -99%);
          transform: translate(-50%, -99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -99%) !important;
        -ms-transform: translate(-50%, -99%) !important;
            transform: translate(-50%, -99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -99%) !important;
        -ms-transform: translate(-50%, -99%) !important;
            transform: translate(-50%, -99%) !important;
  }
}

.y-perc-center-pos-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 99%);
      -ms-transform: translate(-50%, 99%);
          transform: translate(-50%, 99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 99%) !important;
        -ms-transform: translate(-50%, 99%) !important;
            transform: translate(-50%, 99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 99%) !important;
        -ms-transform: translate(-50%, 99%) !important;
            transform: translate(-50%, 99%) !important;
  }
}

.x-perc-neg-100 {
  -webkit-transform: translate(-100%, 0%);
      -ms-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-100 {
    -webkit-transform: translate(-100%, 0%) !important;
        -ms-transform: translate(-100%, 0%) !important;
            transform: translate(-100%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-100 {
    -webkit-transform: translate(-100%, 0%) !important;
        -ms-transform: translate(-100%, 0%) !important;
            transform: translate(-100%, 0%) !important;
  }
}

.x-perc-pos-100 {
  -webkit-transform: translate(100%, 0%);
      -ms-transform: translate(100%, 0%);
          transform: translate(100%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-100 {
    -webkit-transform: translate(100%, 0%) !important;
        -ms-transform: translate(100%, 0%) !important;
            transform: translate(100%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-100 {
    -webkit-transform: translate(100%, 0%) !important;
        -ms-transform: translate(100%, 0%) !important;
            transform: translate(100%, 0%) !important;
  }
}

.y-perc-neg-100 {
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-100 {
    -webkit-transform: translate(0%, -100%) !important;
        -ms-transform: translate(0%, -100%) !important;
            transform: translate(0%, -100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-100 {
    -webkit-transform: translate(0%, -100%) !important;
        -ms-transform: translate(0%, -100%) !important;
            transform: translate(0%, -100%) !important;
  }
}

.y-perc-pos-100 {
  -webkit-transform: translate(0%, 100%);
      -ms-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-100 {
    -webkit-transform: translate(0%, 100%) !important;
        -ms-transform: translate(0%, 100%) !important;
            transform: translate(0%, 100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-100 {
    -webkit-transform: translate(0%, 100%) !important;
        -ms-transform: translate(0%, 100%) !important;
            transform: translate(0%, 100%) !important;
  }
}

.x-perc-center-neg-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-100%, -50%) !important;
        -ms-transform: translate(-100%, -50%) !important;
            transform: translate(-100%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-100%, -50%) !important;
        -ms-transform: translate(-100%, -50%) !important;
            transform: translate(-100%, -50%) !important;
  }
}

.x-perc-center-pos-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(100%, -50%) !important;
        -ms-transform: translate(100%, -50%) !important;
            transform: translate(100%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(100%, -50%) !important;
        -ms-transform: translate(100%, -50%) !important;
            transform: translate(100%, -50%) !important;
  }
}

.y-perc-center-neg-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -100%) !important;
        -ms-transform: translate(-50%, -100%) !important;
            transform: translate(-50%, -100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -100%) !important;
        -ms-transform: translate(-50%, -100%) !important;
            transform: translate(-50%, -100%) !important;
  }
}

.y-perc-center-pos-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 100%) !important;
        -ms-transform: translate(-50%, 100%) !important;
            transform: translate(-50%, 100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 100%) !important;
        -ms-transform: translate(-50%, 100%) !important;
            transform: translate(-50%, 100%) !important;
  }
}

.m-auto {
  margin: auto;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-auto {
    margin: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-auto {
    margin: auto !important;
  }
}

.ml-auto {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .tablet\:ml-auto {
    margin-left: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-auto {
    margin-left: auto !important;
  }
}

.mr-auto {
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .tablet\:mr-auto {
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-auto {
    margin-right: auto !important;
  }
}

.p-6 {
  padding: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-6 {
    padding: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-6 {
    padding: 96px !important;
  }
}

.pt-6 {
  padding-top: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-6 {
    padding-top: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-6 {
    padding-top: 96px !important;
  }
}

.pb-6 {
  padding-bottom: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-6 {
    padding-bottom: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-6 {
    padding-bottom: 96px !important;
  }
}

.pr-6 {
  padding-right: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-6 {
    padding-right: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-6 {
    padding-right: 96px !important;
  }
}

.pl-6 {
  padding-left: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-6 {
    padding-left: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-6 {
    padding-left: 96px !important;
  }
}

.py-6 {
  padding-top: 96px;
  padding-bottom: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-6 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-6 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.px-6 {
  padding-right: 96px;
  padding-left: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-6 {
    padding-right: 96px;
    padding-left: 96px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-6 {
    padding-right: 96px;
    padding-left: 96px;
  }
}

.p-7 {
  padding: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-7 {
    padding: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-7 {
    padding: 112px !important;
  }
}

.pt-7 {
  padding-top: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-7 {
    padding-top: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-7 {
    padding-top: 112px !important;
  }
}

.pb-7 {
  padding-bottom: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-7 {
    padding-bottom: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-7 {
    padding-bottom: 112px !important;
  }
}

.pr-7 {
  padding-right: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-7 {
    padding-right: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-7 {
    padding-right: 112px !important;
  }
}

.pl-7 {
  padding-left: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-7 {
    padding-left: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-7 {
    padding-left: 112px !important;
  }
}

.py-7 {
  padding-top: 112px;
  padding-bottom: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-7 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-7 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
}

.px-7 {
  padding-right: 112px;
  padding-left: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-7 {
    padding-right: 112px;
    padding-left: 112px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-7 {
    padding-right: 112px;
    padding-left: 112px;
  }
}

.p-8 {
  padding: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-8 {
    padding: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-8 {
    padding: 128px !important;
  }
}

.pt-8 {
  padding-top: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-8 {
    padding-top: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-8 {
    padding-top: 128px !important;
  }
}

.pb-8 {
  padding-bottom: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-8 {
    padding-bottom: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-8 {
    padding-bottom: 128px !important;
  }
}

.pr-8 {
  padding-right: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-8 {
    padding-right: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-8 {
    padding-right: 128px !important;
  }
}

.pl-8 {
  padding-left: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-8 {
    padding-left: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-8 {
    padding-left: 128px !important;
  }
}

.py-8 {
  padding-top: 128px;
  padding-bottom: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-8 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-8 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}

.px-8 {
  padding-right: 128px;
  padding-left: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-8 {
    padding-right: 128px;
    padding-left: 128px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-8 {
    padding-right: 128px;
    padding-left: 128px;
  }
}

.p-9 {
  padding: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-9 {
    padding: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-9 {
    padding: 144px !important;
  }
}

.pt-9 {
  padding-top: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-9 {
    padding-top: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-9 {
    padding-top: 144px !important;
  }
}

.pb-9 {
  padding-bottom: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-9 {
    padding-bottom: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-9 {
    padding-bottom: 144px !important;
  }
}

.pr-9 {
  padding-right: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-9 {
    padding-right: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-9 {
    padding-right: 144px !important;
  }
}

.pl-9 {
  padding-left: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-9 {
    padding-left: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-9 {
    padding-left: 144px !important;
  }
}

.py-9 {
  padding-top: 144px;
  padding-bottom: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-9 {
    padding-top: 144px;
    padding-bottom: 144px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-9 {
    padding-top: 144px;
    padding-bottom: 144px;
  }
}

.px-9 {
  padding-right: 144px;
  padding-left: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-9 {
    padding-right: 144px;
    padding-left: 144px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-9 {
    padding-right: 144px;
    padding-left: 144px;
  }
}

.p-10 {
  padding: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-10 {
    padding: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-10 {
    padding: 160px !important;
  }
}

.pt-10 {
  padding-top: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-10 {
    padding-top: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-10 {
    padding-top: 160px !important;
  }
}

.pb-10 {
  padding-bottom: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-10 {
    padding-bottom: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-10 {
    padding-bottom: 160px !important;
  }
}

.pr-10 {
  padding-right: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-10 {
    padding-right: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-10 {
    padding-right: 160px !important;
  }
}

.pl-10 {
  padding-left: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-10 {
    padding-left: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-10 {
    padding-left: 160px !important;
  }
}

.py-10 {
  padding-top: 160px;
  padding-bottom: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-10 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-10 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

.px-10 {
  padding-right: 160px;
  padding-left: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-10 {
    padding-right: 160px;
    padding-left: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-10 {
    padding-right: 160px;
    padding-left: 160px;
  }
}

.p-11 {
  padding: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-11 {
    padding: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-11 {
    padding: 176px !important;
  }
}

.pt-11 {
  padding-top: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-11 {
    padding-top: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-11 {
    padding-top: 176px !important;
  }
}

.pb-11 {
  padding-bottom: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-11 {
    padding-bottom: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-11 {
    padding-bottom: 176px !important;
  }
}

.pr-11 {
  padding-right: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-11 {
    padding-right: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-11 {
    padding-right: 176px !important;
  }
}

.pl-11 {
  padding-left: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-11 {
    padding-left: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-11 {
    padding-left: 176px !important;
  }
}

.py-11 {
  padding-top: 176px;
  padding-bottom: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-11 {
    padding-top: 176px;
    padding-bottom: 176px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-11 {
    padding-top: 176px;
    padding-bottom: 176px;
  }
}

.px-11 {
  padding-right: 176px;
  padding-left: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-11 {
    padding-right: 176px;
    padding-left: 176px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-11 {
    padding-right: 176px;
    padding-left: 176px;
  }
}

.p-12 {
  padding: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-12 {
    padding: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-12 {
    padding: 192px !important;
  }
}

.pt-12 {
  padding-top: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-12 {
    padding-top: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-12 {
    padding-top: 192px !important;
  }
}

.pb-12 {
  padding-bottom: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-12 {
    padding-bottom: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-12 {
    padding-bottom: 192px !important;
  }
}

.pr-12 {
  padding-right: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-12 {
    padding-right: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-12 {
    padding-right: 192px !important;
  }
}

.pl-12 {
  padding-left: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-12 {
    padding-left: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-12 {
    padding-left: 192px !important;
  }
}

.py-12 {
  padding-top: 192px;
  padding-bottom: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-12 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-12 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}

.px-12 {
  padding-right: 192px;
  padding-left: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-12 {
    padding-right: 192px;
    padding-left: 192px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-12 {
    padding-right: 192px;
    padding-left: 192px;
  }
}

.p-13 {
  padding: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-13 {
    padding: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-13 {
    padding: 208px !important;
  }
}

.pt-13 {
  padding-top: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-13 {
    padding-top: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-13 {
    padding-top: 208px !important;
  }
}

.pb-13 {
  padding-bottom: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-13 {
    padding-bottom: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-13 {
    padding-bottom: 208px !important;
  }
}

.pr-13 {
  padding-right: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-13 {
    padding-right: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-13 {
    padding-right: 208px !important;
  }
}

.pl-13 {
  padding-left: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-13 {
    padding-left: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-13 {
    padding-left: 208px !important;
  }
}

.py-13 {
  padding-top: 208px;
  padding-bottom: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-13 {
    padding-top: 208px;
    padding-bottom: 208px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-13 {
    padding-top: 208px;
    padding-bottom: 208px;
  }
}

.px-13 {
  padding-right: 208px;
  padding-left: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-13 {
    padding-right: 208px;
    padding-left: 208px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-13 {
    padding-right: 208px;
    padding-left: 208px;
  }
}

.p-14 {
  padding: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-14 {
    padding: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-14 {
    padding: 224px !important;
  }
}

.pt-14 {
  padding-top: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-14 {
    padding-top: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-14 {
    padding-top: 224px !important;
  }
}

.pb-14 {
  padding-bottom: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-14 {
    padding-bottom: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-14 {
    padding-bottom: 224px !important;
  }
}

.pr-14 {
  padding-right: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-14 {
    padding-right: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-14 {
    padding-right: 224px !important;
  }
}

.pl-14 {
  padding-left: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-14 {
    padding-left: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-14 {
    padding-left: 224px !important;
  }
}

.py-14 {
  padding-top: 224px;
  padding-bottom: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-14 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-14 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
}

.px-14 {
  padding-right: 224px;
  padding-left: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-14 {
    padding-right: 224px;
    padding-left: 224px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-14 {
    padding-right: 224px;
    padding-left: 224px;
  }
}

.m-6 {
  margin: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-6 {
    margin: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-6 {
    margin: 96px !important;
  }
}

.mt-6 {
  margin-top: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-6 {
    margin-top: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-6 {
    margin-top: 96px !important;
  }
}

.mb-6 {
  margin-bottom: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-6 {
    margin-bottom: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-6 {
    margin-bottom: 96px !important;
  }
}

.mr-6 {
  margin-right: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-6 {
    margin-right: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-6 {
    margin-right: 96px !important;
  }
}

.ml-6 {
  margin-left: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-6 {
    margin-left: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-6 {
    margin-left: 96px !important;
  }
}

.m-7 {
  margin: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-7 {
    margin: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-7 {
    margin: 112px !important;
  }
}

.mt-7 {
  margin-top: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-7 {
    margin-top: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-7 {
    margin-top: 112px !important;
  }
}

.mb-7 {
  margin-bottom: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-7 {
    margin-bottom: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-7 {
    margin-bottom: 112px !important;
  }
}

.mr-7 {
  margin-right: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-7 {
    margin-right: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-7 {
    margin-right: 112px !important;
  }
}

.ml-7 {
  margin-left: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-7 {
    margin-left: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-7 {
    margin-left: 112px !important;
  }
}

.m-8 {
  margin: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-8 {
    margin: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-8 {
    margin: 128px !important;
  }
}

.mt-8 {
  margin-top: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-8 {
    margin-top: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-8 {
    margin-top: 128px !important;
  }
}

.mb-8 {
  margin-bottom: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-8 {
    margin-bottom: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-8 {
    margin-bottom: 128px !important;
  }
}

.mr-8 {
  margin-right: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-8 {
    margin-right: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-8 {
    margin-right: 128px !important;
  }
}

.ml-8 {
  margin-left: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-8 {
    margin-left: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-8 {
    margin-left: 128px !important;
  }
}

.m-9 {
  margin: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-9 {
    margin: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-9 {
    margin: 144px !important;
  }
}

.mt-9 {
  margin-top: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-9 {
    margin-top: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-9 {
    margin-top: 144px !important;
  }
}

.mb-9 {
  margin-bottom: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-9 {
    margin-bottom: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-9 {
    margin-bottom: 144px !important;
  }
}

.mr-9 {
  margin-right: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-9 {
    margin-right: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-9 {
    margin-right: 144px !important;
  }
}

.ml-9 {
  margin-left: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-9 {
    margin-left: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-9 {
    margin-left: 144px !important;
  }
}

.m-10 {
  margin: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-10 {
    margin: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-10 {
    margin: 160px !important;
  }
}

.mt-10 {
  margin-top: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-10 {
    margin-top: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-10 {
    margin-top: 160px !important;
  }
}

.mb-10 {
  margin-bottom: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-10 {
    margin-bottom: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-10 {
    margin-bottom: 160px !important;
  }
}

.mr-10 {
  margin-right: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-10 {
    margin-right: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-10 {
    margin-right: 160px !important;
  }
}

.ml-10 {
  margin-left: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-10 {
    margin-left: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-10 {
    margin-left: 160px !important;
  }
}

.m-11 {
  margin: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-11 {
    margin: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-11 {
    margin: 176px !important;
  }
}

.mt-11 {
  margin-top: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-11 {
    margin-top: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-11 {
    margin-top: 176px !important;
  }
}

.mb-11 {
  margin-bottom: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-11 {
    margin-bottom: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-11 {
    margin-bottom: 176px !important;
  }
}

.mr-11 {
  margin-right: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-11 {
    margin-right: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-11 {
    margin-right: 176px !important;
  }
}

.ml-11 {
  margin-left: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-11 {
    margin-left: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-11 {
    margin-left: 176px !important;
  }
}

.m-12 {
  margin: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-12 {
    margin: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-12 {
    margin: 192px !important;
  }
}

.mt-12 {
  margin-top: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-12 {
    margin-top: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-12 {
    margin-top: 192px !important;
  }
}

.mb-12 {
  margin-bottom: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-12 {
    margin-bottom: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-12 {
    margin-bottom: 192px !important;
  }
}

.mr-12 {
  margin-right: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-12 {
    margin-right: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-12 {
    margin-right: 192px !important;
  }
}

.ml-12 {
  margin-left: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-12 {
    margin-left: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-12 {
    margin-left: 192px !important;
  }
}

.m-13 {
  margin: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-13 {
    margin: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-13 {
    margin: 208px !important;
  }
}

.mt-13 {
  margin-top: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-13 {
    margin-top: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-13 {
    margin-top: 208px !important;
  }
}

.mb-13 {
  margin-bottom: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-13 {
    margin-bottom: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-13 {
    margin-bottom: 208px !important;
  }
}

.mr-13 {
  margin-right: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-13 {
    margin-right: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-13 {
    margin-right: 208px !important;
  }
}

.ml-13 {
  margin-left: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-13 {
    margin-left: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-13 {
    margin-left: 208px !important;
  }
}

.m-14 {
  margin: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-14 {
    margin: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-14 {
    margin: 224px !important;
  }
}

.mt-14 {
  margin-top: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-14 {
    margin-top: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-14 {
    margin-top: 224px !important;
  }
}

.mb-14 {
  margin-bottom: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-14 {
    margin-bottom: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-14 {
    margin-bottom: 224px !important;
  }
}

.mr-14 {
  margin-right: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-14 {
    margin-right: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-14 {
    margin-right: 224px !important;
  }
}

.ml-14 {
  margin-left: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-14 {
    margin-left: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-14 {
    margin-left: 224px !important;
  }
}

.m-15 {
  margin: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-15 {
    margin: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-15 {
    margin: 240px !important;
  }
}

.mt-15 {
  margin-top: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-15 {
    margin-top: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-15 {
    margin-top: 240px !important;
  }
}

.mb-15 {
  margin-bottom: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-15 {
    margin-bottom: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-15 {
    margin-bottom: 240px !important;
  }
}

.mr-15 {
  margin-right: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-15 {
    margin-right: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-15 {
    margin-right: 240px !important;
  }
}

.ml-15 {
  margin-left: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-15 {
    margin-left: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-15 {
    margin-left: 240px !important;
  }
}

.m-16 {
  margin: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-16 {
    margin: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-16 {
    margin: 256px !important;
  }
}

.mt-16 {
  margin-top: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-16 {
    margin-top: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-16 {
    margin-top: 256px !important;
  }
}

.mb-16 {
  margin-bottom: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-16 {
    margin-bottom: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-16 {
    margin-bottom: 256px !important;
  }
}

.mr-16 {
  margin-right: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-16 {
    margin-right: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-16 {
    margin-right: 256px !important;
  }
}

.ml-16 {
  margin-left: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-16 {
    margin-left: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-16 {
    margin-left: 256px !important;
  }
}

.m--0 {
  margin: -0rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--0 {
    margin: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--0 {
    margin: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:mt--0 {
    margin-top: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--0 {
    margin-top: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:mb--0 {
    margin-bottom: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--0 {
    margin-bottom: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:mr--0 {
    margin-right: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--0 {
    margin-right: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:ml--0 {
    margin-left: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--0 {
    margin-left: -0rem !important;
  }
}

.m--1 {
  margin: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--1 {
    margin: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--1 {
    margin: -1rem !important;
  }
}

.mt--1 {
  margin-top: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--1 {
    margin-top: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--1 {
    margin-top: -1rem !important;
  }
}

.mb--1 {
  margin-bottom: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--1 {
    margin-bottom: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--1 {
    margin-bottom: -1rem !important;
  }
}

.mr--1 {
  margin-right: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--1 {
    margin-right: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--1 {
    margin-right: -1rem !important;
  }
}

.ml--1 {
  margin-left: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--1 {
    margin-left: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--1 {
    margin-left: -1rem !important;
  }
}

.m--2 {
  margin: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--2 {
    margin: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--2 {
    margin: -2rem !important;
  }
}

.mt--2 {
  margin-top: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--2 {
    margin-top: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--2 {
    margin-top: -2rem !important;
  }
}

.mb--2 {
  margin-bottom: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--2 {
    margin-bottom: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--2 {
    margin-bottom: -2rem !important;
  }
}

.mr--2 {
  margin-right: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--2 {
    margin-right: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--2 {
    margin-right: -2rem !important;
  }
}

.ml--2 {
  margin-left: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--2 {
    margin-left: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--2 {
    margin-left: -2rem !important;
  }
}

.m--3 {
  margin: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--3 {
    margin: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--3 {
    margin: -3rem !important;
  }
}

.mt--3 {
  margin-top: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--3 {
    margin-top: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--3 {
    margin-top: -3rem !important;
  }
}

.mb--3 {
  margin-bottom: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--3 {
    margin-bottom: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--3 {
    margin-bottom: -3rem !important;
  }
}

.mr--3 {
  margin-right: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--3 {
    margin-right: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--3 {
    margin-right: -3rem !important;
  }
}

.ml--3 {
  margin-left: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--3 {
    margin-left: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--3 {
    margin-left: -3rem !important;
  }
}

.m--4 {
  margin: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--4 {
    margin: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--4 {
    margin: -4rem !important;
  }
}

.mt--4 {
  margin-top: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--4 {
    margin-top: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--4 {
    margin-top: -4rem !important;
  }
}

.mb--4 {
  margin-bottom: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--4 {
    margin-bottom: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--4 {
    margin-bottom: -4rem !important;
  }
}

.mr--4 {
  margin-right: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--4 {
    margin-right: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--4 {
    margin-right: -4rem !important;
  }
}

.ml--4 {
  margin-left: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--4 {
    margin-left: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--4 {
    margin-left: -4rem !important;
  }
}

.m--5 {
  margin: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--5 {
    margin: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--5 {
    margin: -5rem !important;
  }
}

.mt--5 {
  margin-top: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--5 {
    margin-top: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--5 {
    margin-top: -5rem !important;
  }
}

.mb--5 {
  margin-bottom: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--5 {
    margin-bottom: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--5 {
    margin-bottom: -5rem !important;
  }
}

.mr--5 {
  margin-right: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--5 {
    margin-right: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--5 {
    margin-right: -5rem !important;
  }
}

.ml--5 {
  margin-left: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--5 {
    margin-left: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--5 {
    margin-left: -5rem !important;
  }
}

.m--6 {
  margin: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--6 {
    margin: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--6 {
    margin: -6rem !important;
  }
}

.mt--6 {
  margin-top: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--6 {
    margin-top: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--6 {
    margin-top: -6rem !important;
  }
}

.mb--6 {
  margin-bottom: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--6 {
    margin-bottom: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--6 {
    margin-bottom: -6rem !important;
  }
}

.mr--6 {
  margin-right: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--6 {
    margin-right: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--6 {
    margin-right: -6rem !important;
  }
}

.ml--6 {
  margin-left: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--6 {
    margin-left: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--6 {
    margin-left: -6rem !important;
  }
}

.m--7 {
  margin: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--7 {
    margin: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--7 {
    margin: -7rem !important;
  }
}

.mt--7 {
  margin-top: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--7 {
    margin-top: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--7 {
    margin-top: -7rem !important;
  }
}

.mb--7 {
  margin-bottom: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--7 {
    margin-bottom: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--7 {
    margin-bottom: -7rem !important;
  }
}

.mr--7 {
  margin-right: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--7 {
    margin-right: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--7 {
    margin-right: -7rem !important;
  }
}

.ml--7 {
  margin-left: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--7 {
    margin-left: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--7 {
    margin-left: -7rem !important;
  }
}

.m--8 {
  margin: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--8 {
    margin: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--8 {
    margin: -8rem !important;
  }
}

.mt--8 {
  margin-top: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--8 {
    margin-top: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--8 {
    margin-top: -8rem !important;
  }
}

.mb--8 {
  margin-bottom: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--8 {
    margin-bottom: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--8 {
    margin-bottom: -8rem !important;
  }
}

.mr--8 {
  margin-right: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--8 {
    margin-right: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--8 {
    margin-right: -8rem !important;
  }
}

.ml--8 {
  margin-left: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--8 {
    margin-left: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--8 {
    margin-left: -8rem !important;
  }
}

.m--9 {
  margin: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--9 {
    margin: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--9 {
    margin: -9rem !important;
  }
}

.mt--9 {
  margin-top: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--9 {
    margin-top: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--9 {
    margin-top: -9rem !important;
  }
}

.mb--9 {
  margin-bottom: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--9 {
    margin-bottom: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--9 {
    margin-bottom: -9rem !important;
  }
}

.mr--9 {
  margin-right: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--9 {
    margin-right: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--9 {
    margin-right: -9rem !important;
  }
}

.ml--9 {
  margin-left: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--9 {
    margin-left: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--9 {
    margin-left: -9rem !important;
  }
}

.m--10 {
  margin: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--10 {
    margin: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--10 {
    margin: -10rem !important;
  }
}

.mt--10 {
  margin-top: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--10 {
    margin-top: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--10 {
    margin-top: -10rem !important;
  }
}

.mb--10 {
  margin-bottom: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--10 {
    margin-bottom: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--10 {
    margin-bottom: -10rem !important;
  }
}

.mr--10 {
  margin-right: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--10 {
    margin-right: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--10 {
    margin-right: -10rem !important;
  }
}

.ml--10 {
  margin-left: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--10 {
    margin-left: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--10 {
    margin-left: -10rem !important;
  }
}

.m--11 {
  margin: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--11 {
    margin: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--11 {
    margin: -11rem !important;
  }
}

.mt--11 {
  margin-top: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--11 {
    margin-top: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--11 {
    margin-top: -11rem !important;
  }
}

.mb--11 {
  margin-bottom: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--11 {
    margin-bottom: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--11 {
    margin-bottom: -11rem !important;
  }
}

.mr--11 {
  margin-right: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--11 {
    margin-right: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--11 {
    margin-right: -11rem !important;
  }
}

.ml--11 {
  margin-left: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--11 {
    margin-left: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--11 {
    margin-left: -11rem !important;
  }
}

.m--12 {
  margin: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--12 {
    margin: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--12 {
    margin: -12rem !important;
  }
}

.mt--12 {
  margin-top: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--12 {
    margin-top: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--12 {
    margin-top: -12rem !important;
  }
}

.mb--12 {
  margin-bottom: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--12 {
    margin-bottom: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--12 {
    margin-bottom: -12rem !important;
  }
}

.mr--12 {
  margin-right: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--12 {
    margin-right: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--12 {
    margin-right: -12rem !important;
  }
}

.ml--12 {
  margin-left: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--12 {
    margin-left: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--12 {
    margin-left: -12rem !important;
  }
}

.fill-0 {
  fill: white !important;
}
.fill-0 svg {
  fill: white !important;
}
.fill-0 svg * {
  fill: white !important;
}

.fill-1 {
  fill: #191919 !important;
}
.fill-1 svg {
  fill: #191919 !important;
}
.fill-1 svg * {
  fill: #191919 !important;
}

.fill-2 {
  fill: #00878b !important;
}
.fill-2 svg {
  fill: #00878b !important;
}
.fill-2 svg * {
  fill: #00878b !important;
}

.fill-3 {
  fill: #592b8a !important;
}
.fill-3 svg {
  fill: #592b8a !important;
}
.fill-3 svg * {
  fill: #592b8a !important;
}

.fill-4 {
  fill: #38abab !important;
}
.fill-4 svg {
  fill: #38abab !important;
}
.fill-4 svg * {
  fill: #38abab !important;
}

.fill-5 {
  fill: #774bbc !important;
}
.fill-5 svg {
  fill: #774bbc !important;
}
.fill-5 svg * {
  fill: #774bbc !important;
}

.fill-6 {
  fill: #c8b3e8 !important;
}
.fill-6 svg {
  fill: #c8b3e8 !important;
}
.fill-6 svg * {
  fill: #c8b3e8 !important;
}

.fill-7 {
  fill: #b0e4e7 !important;
}
.fill-7 svg {
  fill: #b0e4e7 !important;
}
.fill-7 svg * {
  fill: #b0e4e7 !important;
}

.fill-8 {
  fill: #ffffff !important;
}
.fill-8 svg {
  fill: #ffffff !important;
}
.fill-8 svg * {
  fill: #ffffff !important;
}

.fill-9 {
  fill: #f3f3f3 !important;
}
.fill-9 svg {
  fill: #f3f3f3 !important;
}
.fill-9 svg * {
  fill: #f3f3f3 !important;
}

.fill-10 {
  fill: #e6e0ef !important;
}
.fill-10 svg {
  fill: #e6e0ef !important;
}
.fill-10 svg * {
  fill: #e6e0ef !important;
}

.fill-11 {
  fill: #C3E5E5 !important;
}
.fill-11 svg {
  fill: #C3E5E5 !important;
}
.fill-11 svg * {
  fill: #C3E5E5 !important;
}

.fill-12 {
  fill: #e5f2f3 !important;
}
.fill-12 svg {
  fill: #e5f2f3 !important;
}
.fill-12 svg * {
  fill: #e5f2f3 !important;
}

.fill-13 {
  fill: #414042 !important;
}
.fill-13 svg {
  fill: #414042 !important;
}
.fill-13 svg * {
  fill: #414042 !important;
}

.fill-14 {
  fill: #c8edec !important;
}
.fill-14 svg {
  fill: #c8edec !important;
}
.fill-14 svg * {
  fill: #c8edec !important;
}

.fill-15 {
  fill: #9bd0db !important;
}
.fill-15 svg {
  fill: #9bd0db !important;
}
.fill-15 svg * {
  fill: #9bd0db !important;
}

.fill-16 {
  fill: #ede9f3 !important;
}
.fill-16 svg {
  fill: #ede9f3 !important;
}
.fill-16 svg * {
  fill: #ede9f3 !important;
}

.fill-17 {
  fill: #edfafa !important;
}
.fill-17 svg {
  fill: #edfafa !important;
}
.fill-17 svg * {
  fill: #edfafa !important;
}

.fill-18 {
  fill: #dc1313 !important;
}
.fill-18 svg {
  fill: #dc1313 !important;
}
.fill-18 svg * {
  fill: #dc1313 !important;
}

.fill-19 {
  fill: #00BBBA !important;
}
.fill-19 svg {
  fill: #00BBBA !important;
}
.fill-19 svg * {
  fill: #00BBBA !important;
}

.fill-20 {
  fill: #CCF2F1 !important;
}
.fill-20 svg {
  fill: #CCF2F1 !important;
}
.fill-20 svg * {
  fill: #CCF2F1 !important;
}

.fill-21 {
  fill: #B9D6DC !important;
}
.fill-21 svg {
  fill: #B9D6DC !important;
}
.fill-21 svg * {
  fill: #B9D6DC !important;
}

.fill-22 {
  fill: #563091 !important;
}
.fill-22 svg {
  fill: #563091 !important;
}
.fill-22 svg * {
  fill: #563091 !important;
}

.fill-23 {
  fill: #c3b4d8 !important;
}
.fill-23 svg {
  fill: #c3b4d8 !important;
}
.fill-23 svg * {
  fill: #c3b4d8 !important;
}

.fill-24 {
  fill: #E6F8F8 !important;
}
.fill-24 svg {
  fill: #E6F8F8 !important;
}
.fill-24 svg * {
  fill: #E6F8F8 !important;
}

.rounded-0 {
  border-radius: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-0 {
    border-radius: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-0 {
    border-radius: 0% !important;
  }
}

.rounded-px-0 {
  border-radius: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-0 {
    border-radius: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-0 {
    border-radius: 0px !important;
  }
}

.rounded-1 {
  border-radius: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-1 {
    border-radius: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-1 {
    border-radius: 10% !important;
  }
}

.rounded-px-1 {
  border-radius: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-1 {
    border-radius: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-1 {
    border-radius: 10px !important;
  }
}

.rounded-2 {
  border-radius: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-2 {
    border-radius: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-2 {
    border-radius: 20% !important;
  }
}

.rounded-px-2 {
  border-radius: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-2 {
    border-radius: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-2 {
    border-radius: 20px !important;
  }
}

.rounded-3 {
  border-radius: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-3 {
    border-radius: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-3 {
    border-radius: 30% !important;
  }
}

.rounded-px-3 {
  border-radius: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-3 {
    border-radius: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-3 {
    border-radius: 30px !important;
  }
}

.rounded-4 {
  border-radius: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-4 {
    border-radius: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-4 {
    border-radius: 40% !important;
  }
}

.rounded-px-4 {
  border-radius: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-4 {
    border-radius: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-4 {
    border-radius: 40px !important;
  }
}

.rounded-5 {
  border-radius: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-5 {
    border-radius: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-5 {
    border-radius: 50% !important;
  }
}

.rounded-px-5 {
  border-radius: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-5 {
    border-radius: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-5 {
    border-radius: 50px !important;
  }
}

.rounded-6 {
  border-radius: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-6 {
    border-radius: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-6 {
    border-radius: 60% !important;
  }
}

.rounded-px-6 {
  border-radius: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-6 {
    border-radius: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-6 {
    border-radius: 60px !important;
  }
}

.rounded-7 {
  border-radius: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-7 {
    border-radius: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-7 {
    border-radius: 70% !important;
  }
}

.rounded-px-7 {
  border-radius: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-7 {
    border-radius: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-7 {
    border-radius: 70px !important;
  }
}

.rounded-8 {
  border-radius: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-8 {
    border-radius: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-8 {
    border-radius: 80% !important;
  }
}

.rounded-px-8 {
  border-radius: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-8 {
    border-radius: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-8 {
    border-radius: 80px !important;
  }
}

.rounded-9 {
  border-radius: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-9 {
    border-radius: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-9 {
    border-radius: 90% !important;
  }
}

.rounded-px-9 {
  border-radius: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-9 {
    border-radius: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-9 {
    border-radius: 90px !important;
  }
}

.rounded-10 {
  border-radius: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-10 {
    border-radius: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-10 {
    border-radius: 100% !important;
  }
}

.rounded-px-10 {
  border-radius: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-10 {
    border-radius: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-10 {
    border-radius: 100px !important;
  }
}

.ut-hangingIndent {
  text-indent: -0.35em;
  margin-left: 0.35em !important;
}
.ut-hangingIndent p {
  text-indent: -0.35em;
  margin-left: 0.35em !important;
}

/* purgecss start ignore */
/* purgecss end ignore */
/*! 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;
}

#svgSprite {
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
}

html {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #38abab;
}

a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  line-height: 1.5em;
  margin-top: 16px;
  margin-bottom: 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, ol:first-child {
  margin-top: 0;
}

/*! purgecss start ignore */
/* GRID */
.container {
  max-width: 1400px;
  margin: 0 auto;
  display: block;
}

.modern .grid, .flexbox.csscalc.js .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.modern .flex > .grid, .flexbox.csscalc.js .flex > .grid {
  /* Width 100% would be better but firefox won't use the calculated value */
  -ms-flex-preferred-size: calc(100% + 16px);
      flex-basis: calc(100% + 16px);
}
.grid > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.legacy .grid > *, .no-flexbox .grid > *, .no-csscalc .grid > *, .no-js .grid > * {
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 1500px) {
  .modern .desktop\:grid, .flexbox.csscalc.js .desktop\:grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .modern .flex > .desktop\:grid, .flexbox.csscalc.js .flex > .desktop\:grid {
    /* Width 100% would be better but firefox won't use the calculated value */
    -ms-flex-preferred-size: calc(100% + 16px);
        flex-basis: calc(100% + 16px);
  }
  .desktop\:grid > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .legacy .desktop\:grid > *, .no-flexbox .desktop\:grid > *, .no-csscalc .desktop\:grid > *, .no-js .desktop\:grid > * {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 1023px) {
  .modern .tablet\:grid, .flexbox.csscalc.js .tablet\:grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .modern .flex > .tablet\:grid, .flexbox.csscalc.js .flex > .tablet\:grid {
    /* Width 100% would be better but firefox won't use the calculated value */
    -ms-flex-preferred-size: calc(100% + 16px);
        flex-basis: calc(100% + 16px);
  }
  .tablet\:grid > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .legacy .tablet\:grid > *, .no-flexbox .tablet\:grid > *, .no-csscalc .tablet\:grid > *, .no-js .tablet\:grid > * {
    display: inline-block;
    vertical-align: top;
  }
}
@media (max-width: 767px) {
  .modern .mobile\:grid, .flexbox.csscalc.js .mobile\:grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .modern .flex > .mobile\:grid, .flexbox.csscalc.js .flex > .mobile\:grid {
    /* Width 100% would be better but firefox won't use the calculated value */
    -ms-flex-preferred-size: calc(100% + 16px);
        flex-basis: calc(100% + 16px);
  }
  .mobile\:grid > * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .legacy .mobile\:grid > *, .no-flexbox .mobile\:grid > *, .no-csscalc .mobile\:grid > *, .no-js .mobile\:grid > * {
    display: inline-block;
    vertical-align: top;
  }
}
.grid--gutters-0 {
  margin: 0 0 0 0;
  margin-bottom: 0;
}
.grid--gutters-0 > * {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 0;
}

.grid--gutters-x-0 {
  margin: 0 0 0 0;
}
.grid--gutters-x-0 > * {
  padding-right: 0;
  padding-left: 0;
}

.grid--gutters-y-0 {
  margin-bottom: 0;
}
.grid--gutters-y-0 > * {
  margin-bottom: 0;
}

.grid--gutters-0\.5 {
  margin: 0 -4px 0 -4px;
  margin-bottom: -8px;
}
.grid--gutters-0\.5 > * {
  padding-right: 4px;
  padding-left: 4px;
  margin-bottom: 8px;
}

.grid--gutters-x-0\.5 {
  margin: 0 -4px 0 -4px;
}
.grid--gutters-x-0\.5 > * {
  padding-right: 4px;
  padding-left: 4px;
}

.grid--gutters-y-0\.5 {
  margin-bottom: -8px;
}
.grid--gutters-y-0\.5 > * {
  margin-bottom: 8px;
}

.grid--gutters {
  margin: 0 -8px 0 -8px;
  margin-bottom: -16px;
}
.grid--gutters > * {
  padding-right: 8px;
  padding-left: 8px;
  margin-bottom: 16px;
}

.grid--gutters-x {
  margin: 0 -8px 0 -8px;
}
.grid--gutters-x > * {
  padding-right: 8px;
  padding-left: 8px;
}

.grid--gutters-y {
  margin-bottom: -16px;
}
.grid--gutters-y > * {
  margin-bottom: 16px;
}

.grid--gutters-1\.5 {
  margin: 0 -12px 0 -12px;
  margin-bottom: -24px;
}
.grid--gutters-1\.5 > * {
  padding-right: 12px;
  padding-left: 12px;
  margin-bottom: 24px;
}

.grid--gutters-x-1\.5 {
  margin: 0 -12px 0 -12px;
}
.grid--gutters-x-1\.5 > * {
  padding-right: 12px;
  padding-left: 12px;
}

.grid--gutters-y-1\.5 {
  margin-bottom: -24px;
}
.grid--gutters-y-1\.5 > * {
  margin-bottom: 24px;
}

.grid--gutters-2 {
  margin: 0 -16px 0 -16px;
  margin-bottom: -32px;
}
.grid--gutters-2 > * {
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 32px;
}

.grid--gutters-x-2 {
  margin: 0 -16px 0 -16px;
}
.grid--gutters-x-2 > * {
  padding-right: 16px;
  padding-left: 16px;
}

.grid--gutters-y-2 {
  margin-bottom: -32px;
}
.grid--gutters-y-2 > * {
  margin-bottom: 32px;
}

.grid--gutters-3 {
  margin: 0 -24px 0 -24px;
  margin-bottom: -48px;
}
.grid--gutters-3 > * {
  padding-right: 24px;
  padding-left: 24px;
  margin-bottom: 48px;
}

.grid--gutters-x-3 {
  margin: 0 -24px 0 -24px;
}
.grid--gutters-x-3 > * {
  padding-right: 24px;
  padding-left: 24px;
}

.grid--gutters-y-3 {
  margin-bottom: -48px;
}
.grid--gutters-y-3 > * {
  margin-bottom: 48px;
}

.grid--gutters-4 {
  margin: 0 -32px 0 -32px;
  margin-bottom: -64px;
}
.grid--gutters-4 > * {
  padding-right: 32px;
  padding-left: 32px;
  margin-bottom: 64px;
}

.grid--gutters-x-4 {
  margin: 0 -32px 0 -32px;
}
.grid--gutters-x-4 > * {
  padding-right: 32px;
  padding-left: 32px;
}

.grid--gutters-y-4 {
  margin-bottom: -64px;
}
.grid--gutters-y-4 > * {
  margin-bottom: 64px;
}

@media (max-width: 1500px) {
  .desktop\:grid--gutters-0 {
    margin: 0 0 0 0;
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-0 > * {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-x-0 {
    margin: 0 0 0 0;
  }
  .desktop\:grid--gutters-x-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .desktop\:grid--gutters-y-0 {
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-y-0 > * {
    margin-bottom: 0;
  }
  .desktop\:grid--gutters-0\.5 {
    margin: 0 -4px 0 -4px;
    margin-bottom: -8px;
  }
  .desktop\:grid--gutters-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
  }
  .desktop\:grid--gutters-x-0\.5 {
    margin: 0 -4px 0 -4px;
  }
  .desktop\:grid--gutters-x-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .desktop\:grid--gutters-y-0\.5 {
    margin-bottom: -8px;
  }
  .desktop\:grid--gutters-y-0\.5 > * {
    margin-bottom: 8px;
  }
  .desktop\:grid--gutters {
    margin: 0 -8px 0 -8px;
    margin-bottom: -16px;
  }
  .desktop\:grid--gutters > * {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
  .desktop\:grid--gutters-x {
    margin: 0 -8px 0 -8px;
  }
  .desktop\:grid--gutters-x > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .desktop\:grid--gutters-y {
    margin-bottom: -16px;
  }
  .desktop\:grid--gutters-y > * {
    margin-bottom: 16px;
  }
  .desktop\:grid--gutters-1\.5 {
    margin: 0 -12px 0 -12px;
    margin-bottom: -24px;
  }
  .desktop\:grid--gutters-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
  }
  .desktop\:grid--gutters-x-1\.5 {
    margin: 0 -12px 0 -12px;
  }
  .desktop\:grid--gutters-x-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .desktop\:grid--gutters-y-1\.5 {
    margin-bottom: -24px;
  }
  .desktop\:grid--gutters-y-1\.5 > * {
    margin-bottom: 24px;
  }
  .desktop\:grid--gutters-2 {
    margin: 0 -16px 0 -16px;
    margin-bottom: -32px;
  }
  .desktop\:grid--gutters-2 > * {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
  .desktop\:grid--gutters-x-2 {
    margin: 0 -16px 0 -16px;
  }
  .desktop\:grid--gutters-x-2 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .desktop\:grid--gutters-y-2 {
    margin-bottom: -32px;
  }
  .desktop\:grid--gutters-y-2 > * {
    margin-bottom: 32px;
  }
  .desktop\:grid--gutters-3 {
    margin: 0 -24px 0 -24px;
    margin-bottom: -48px;
  }
  .desktop\:grid--gutters-3 > * {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
  .desktop\:grid--gutters-x-3 {
    margin: 0 -24px 0 -24px;
  }
  .desktop\:grid--gutters-x-3 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .desktop\:grid--gutters-y-3 {
    margin-bottom: -48px;
  }
  .desktop\:grid--gutters-y-3 > * {
    margin-bottom: 48px;
  }
  .desktop\:grid--gutters-4 {
    margin: 0 -32px 0 -32px;
    margin-bottom: -64px;
  }
  .desktop\:grid--gutters-4 > * {
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 64px;
  }
  .desktop\:grid--gutters-x-4 {
    margin: 0 -32px 0 -32px;
  }
  .desktop\:grid--gutters-x-4 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .desktop\:grid--gutters-y-4 {
    margin-bottom: -64px;
  }
  .desktop\:grid--gutters-y-4 > * {
    margin-bottom: 64px;
  }
}
@media (max-width: 1023px) {
  .tablet\:grid--gutters-0 {
    margin: 0 0 0 0;
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-0 > * {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-x-0 {
    margin: 0 0 0 0;
  }
  .tablet\:grid--gutters-x-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .tablet\:grid--gutters-y-0 {
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-y-0 > * {
    margin-bottom: 0;
  }
  .tablet\:grid--gutters-0\.5 {
    margin: 0 -4px 0 -4px;
    margin-bottom: -8px;
  }
  .tablet\:grid--gutters-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
  }
  .tablet\:grid--gutters-x-0\.5 {
    margin: 0 -4px 0 -4px;
  }
  .tablet\:grid--gutters-x-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .tablet\:grid--gutters-y-0\.5 {
    margin-bottom: -8px;
  }
  .tablet\:grid--gutters-y-0\.5 > * {
    margin-bottom: 8px;
  }
  .tablet\:grid--gutters {
    margin: 0 -8px 0 -8px;
    margin-bottom: -16px;
  }
  .tablet\:grid--gutters > * {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
  .tablet\:grid--gutters-x {
    margin: 0 -8px 0 -8px;
  }
  .tablet\:grid--gutters-x > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .tablet\:grid--gutters-y {
    margin-bottom: -16px;
  }
  .tablet\:grid--gutters-y > * {
    margin-bottom: 16px;
  }
  .tablet\:grid--gutters-1\.5 {
    margin: 0 -12px 0 -12px;
    margin-bottom: -24px;
  }
  .tablet\:grid--gutters-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
  }
  .tablet\:grid--gutters-x-1\.5 {
    margin: 0 -12px 0 -12px;
  }
  .tablet\:grid--gutters-x-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .tablet\:grid--gutters-y-1\.5 {
    margin-bottom: -24px;
  }
  .tablet\:grid--gutters-y-1\.5 > * {
    margin-bottom: 24px;
  }
  .tablet\:grid--gutters-2 {
    margin: 0 -16px 0 -16px;
    margin-bottom: -32px;
  }
  .tablet\:grid--gutters-2 > * {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
  .tablet\:grid--gutters-x-2 {
    margin: 0 -16px 0 -16px;
  }
  .tablet\:grid--gutters-x-2 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .tablet\:grid--gutters-y-2 {
    margin-bottom: -32px;
  }
  .tablet\:grid--gutters-y-2 > * {
    margin-bottom: 32px;
  }
  .tablet\:grid--gutters-3 {
    margin: 0 -24px 0 -24px;
    margin-bottom: -48px;
  }
  .tablet\:grid--gutters-3 > * {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
  .tablet\:grid--gutters-x-3 {
    margin: 0 -24px 0 -24px;
  }
  .tablet\:grid--gutters-x-3 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .tablet\:grid--gutters-y-3 {
    margin-bottom: -48px;
  }
  .tablet\:grid--gutters-y-3 > * {
    margin-bottom: 48px;
  }
  .tablet\:grid--gutters-4 {
    margin: 0 -32px 0 -32px;
    margin-bottom: -64px;
  }
  .tablet\:grid--gutters-4 > * {
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 64px;
  }
  .tablet\:grid--gutters-x-4 {
    margin: 0 -32px 0 -32px;
  }
  .tablet\:grid--gutters-x-4 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .tablet\:grid--gutters-y-4 {
    margin-bottom: -64px;
  }
  .tablet\:grid--gutters-y-4 > * {
    margin-bottom: 64px;
  }
}
@media (max-width: 767px) {
  .mobile\:grid--gutters-0 {
    margin: 0 0 0 0;
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-0 > * {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-x-0 {
    margin: 0 0 0 0;
  }
  .mobile\:grid--gutters-x-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .mobile\:grid--gutters-y-0 {
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-y-0 > * {
    margin-bottom: 0;
  }
  .mobile\:grid--gutters-0\.5 {
    margin: 0 -4px 0 -4px;
    margin-bottom: -8px;
  }
  .mobile\:grid--gutters-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 8px;
  }
  .mobile\:grid--gutters-x-0\.5 {
    margin: 0 -4px 0 -4px;
  }
  .mobile\:grid--gutters-x-0\.5 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .mobile\:grid--gutters-y-0\.5 {
    margin-bottom: -8px;
  }
  .mobile\:grid--gutters-y-0\.5 > * {
    margin-bottom: 8px;
  }
  .mobile\:grid--gutters {
    margin: 0 -8px 0 -8px;
    margin-bottom: -16px;
  }
  .mobile\:grid--gutters > * {
    padding-right: 8px;
    padding-left: 8px;
    margin-bottom: 16px;
  }
  .mobile\:grid--gutters-x {
    margin: 0 -8px 0 -8px;
  }
  .mobile\:grid--gutters-x > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .mobile\:grid--gutters-y {
    margin-bottom: -16px;
  }
  .mobile\:grid--gutters-y > * {
    margin-bottom: 16px;
  }
  .mobile\:grid--gutters-1\.5 {
    margin: 0 -12px 0 -12px;
    margin-bottom: -24px;
  }
  .mobile\:grid--gutters-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
  }
  .mobile\:grid--gutters-x-1\.5 {
    margin: 0 -12px 0 -12px;
  }
  .mobile\:grid--gutters-x-1\.5 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .mobile\:grid--gutters-y-1\.5 {
    margin-bottom: -24px;
  }
  .mobile\:grid--gutters-y-1\.5 > * {
    margin-bottom: 24px;
  }
  .mobile\:grid--gutters-2 {
    margin: 0 -16px 0 -16px;
    margin-bottom: -32px;
  }
  .mobile\:grid--gutters-2 > * {
    padding-right: 16px;
    padding-left: 16px;
    margin-bottom: 32px;
  }
  .mobile\:grid--gutters-x-2 {
    margin: 0 -16px 0 -16px;
  }
  .mobile\:grid--gutters-x-2 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .mobile\:grid--gutters-y-2 {
    margin-bottom: -32px;
  }
  .mobile\:grid--gutters-y-2 > * {
    margin-bottom: 32px;
  }
  .mobile\:grid--gutters-3 {
    margin: 0 -24px 0 -24px;
    margin-bottom: -48px;
  }
  .mobile\:grid--gutters-3 > * {
    padding-right: 24px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
  .mobile\:grid--gutters-x-3 {
    margin: 0 -24px 0 -24px;
  }
  .mobile\:grid--gutters-x-3 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .mobile\:grid--gutters-y-3 {
    margin-bottom: -48px;
  }
  .mobile\:grid--gutters-y-3 > * {
    margin-bottom: 48px;
  }
  .mobile\:grid--gutters-4 {
    margin: 0 -32px 0 -32px;
    margin-bottom: -64px;
  }
  .mobile\:grid--gutters-4 > * {
    padding-right: 32px;
    padding-left: 32px;
    margin-bottom: 64px;
  }
  .mobile\:grid--gutters-x-4 {
    margin: 0 -32px 0 -32px;
  }
  .mobile\:grid--gutters-x-4 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .mobile\:grid--gutters-y-4 {
    margin-bottom: -64px;
  }
  .mobile\:grid--gutters-y-4 > * {
    margin-bottom: 64px;
  }
}
.grid__inner {
  width: 100%;
}

/* ALIGNMENT */
.grid--left {
  text-align: left;
}
.modern .grid--left, .flexbox.csscalc.js .grid--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.grid--center {
  text-align: center;
}
.modern .grid--center, .flexbox.csscalc.js .grid--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid--right {
  text-align: right;
}
.modern .grid--right, .flexbox.csscalc.js .grid--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* BREAKPOINTS */
.modern .grid--1\/12 > *, .flexbox.csscalc.js .grid--1\/12 > * {
  max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
}
.legacy .grid--1\/12 > *, .no-flexbox .grid--1\/12 > *, .no-csscalc .grid--1\/12 > *, .no-js .grid--1\/12 > * {
  width: 8.3333333333%;
}

.modern .grid__1\/12, .flexbox.csscalc.js .grid__1\/12 {
  max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
}
.legacy .grid__1\/12, .no-flexbox .grid__1\/12, .no-csscalc .grid__1\/12, .no-js .grid__1\/12 {
  width: 8.3333333333%;
}

.modern .grid--2\/12 > *, .modern .grid--1\/6 > *, .flexbox.csscalc.js .grid--2\/12 > *, .flexbox.csscalc.js .grid--1\/6 > * {
  max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
}
.legacy .grid--2\/12 > *, .legacy .grid--1\/6 > *, .no-flexbox .grid--2\/12 > *, .no-flexbox .grid--1\/6 > *, .no-csscalc .grid--2\/12 > *, .no-csscalc .grid--1\/6 > *, .no-js .grid--2\/12 > *, .no-js .grid--1\/6 > * {
  width: 16.6666666667%;
}

.modern .grid__2\/12, .modern .grid__1\/6, .flexbox.csscalc.js .grid__2\/12, .flexbox.csscalc.js .grid__1\/6 {
  max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
}
.legacy .grid__2\/12, .legacy .grid__1\/6, .no-flexbox .grid__2\/12, .no-flexbox .grid__1\/6, .no-csscalc .grid__2\/12, .no-csscalc .grid__1\/6, .no-js .grid__2\/12, .no-js .grid__1\/6 {
  width: 16.6666666667%;
}

.modern .grid--3\/12 > *, .modern .grid--1\/4 > *, .flexbox.csscalc.js .grid--3\/12 > *, .flexbox.csscalc.js .grid--1\/4 > * {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid--3\/12 > *, .legacy .grid--1\/4 > *, .no-flexbox .grid--3\/12 > *, .no-flexbox .grid--1\/4 > *, .no-csscalc .grid--3\/12 > *, .no-csscalc .grid--1\/4 > *, .no-js .grid--3\/12 > *, .no-js .grid--1\/4 > * {
  width: 25%;
}

.modern .grid__3\/12, .modern .grid__1\/4, .flexbox.csscalc.js .grid__3\/12, .flexbox.csscalc.js .grid__1\/4 {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid__3\/12, .legacy .grid__1\/4, .no-flexbox .grid__3\/12, .no-flexbox .grid__1\/4, .no-csscalc .grid__3\/12, .no-csscalc .grid__1\/4, .no-js .grid__3\/12, .no-js .grid__1\/4 {
  width: 25%;
}

.modern .grid--4\/12 > *, .modern .grid--1\/3 > *, .modern .grid--2\/6 > *, .flexbox.csscalc.js .grid--4\/12 > *, .flexbox.csscalc.js .grid--1\/3 > *, .flexbox.csscalc.js .grid--2\/6 > * {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid--4\/12 > *, .legacy .grid--1\/3 > *, .legacy .grid--2\/6 > *, .no-flexbox .grid--4\/12 > *, .no-flexbox .grid--1\/3 > *, .no-flexbox .grid--2\/6 > *, .no-csscalc .grid--4\/12 > *, .no-csscalc .grid--1\/3 > *, .no-csscalc .grid--2\/6 > *, .no-js .grid--4\/12 > *, .no-js .grid--1\/3 > *, .no-js .grid--2\/6 > * {
  width: 33.3333333333%;
}

.modern .grid__4\/12, .modern .grid__1\/3, .modern .grid__2\/6, .flexbox.csscalc.js .grid__4\/12, .flexbox.csscalc.js .grid__1\/3, .flexbox.csscalc.js .grid__2\/6 {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid__4\/12, .legacy .grid__1\/3, .legacy .grid__2\/6, .no-flexbox .grid__4\/12, .no-flexbox .grid__1\/3, .no-flexbox .grid__2\/6, .no-csscalc .grid__4\/12, .no-csscalc .grid__1\/3, .no-csscalc .grid__2\/6, .no-js .grid__4\/12, .no-js .grid__1\/3, .no-js .grid__2\/6 {
  width: 33.3333333333%;
}

.modern .grid--5\/12 > *, .flexbox.csscalc.js .grid--5\/12 > * {
  max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
}
.legacy .grid--5\/12 > *, .no-flexbox .grid--5\/12 > *, .no-csscalc .grid--5\/12 > *, .no-js .grid--5\/12 > * {
  width: 41.6666666667%;
}

.modern .grid__5\/12, .flexbox.csscalc.js .grid__5\/12 {
  max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
}
.legacy .grid__5\/12, .no-flexbox .grid__5\/12, .no-csscalc .grid__5\/12, .no-js .grid__5\/12 {
  width: 41.6666666667%;
}

.modern .grid--6\/12 > *, .modern .grid--1\/2 > *, .modern .grid--2\/4 > *, .modern .grid--3\/6 > *, .flexbox.csscalc.js .grid--6\/12 > *, .flexbox.csscalc.js .grid--1\/2 > *, .flexbox.csscalc.js .grid--2\/4 > *, .flexbox.csscalc.js .grid--3\/6 > * {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid--6\/12 > *, .legacy .grid--1\/2 > *, .legacy .grid--2\/4 > *, .legacy .grid--3\/6 > *, .no-flexbox .grid--6\/12 > *, .no-flexbox .grid--1\/2 > *, .no-flexbox .grid--2\/4 > *, .no-flexbox .grid--3\/6 > *, .no-csscalc .grid--6\/12 > *, .no-csscalc .grid--1\/2 > *, .no-csscalc .grid--2\/4 > *, .no-csscalc .grid--3\/6 > *, .no-js .grid--6\/12 > *, .no-js .grid--1\/2 > *, .no-js .grid--2\/4 > *, .no-js .grid--3\/6 > * {
  width: 50%;
}

.modern .grid__6\/12, .modern .grid__1\/2, .modern .grid__2\/4, .modern .grid__3\/6, .flexbox.csscalc.js .grid__6\/12, .flexbox.csscalc.js .grid__1\/2, .flexbox.csscalc.js .grid__2\/4, .flexbox.csscalc.js .grid__3\/6 {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid__6\/12, .legacy .grid__1\/2, .legacy .grid__2\/4, .legacy .grid__3\/6, .no-flexbox .grid__6\/12, .no-flexbox .grid__1\/2, .no-flexbox .grid__2\/4, .no-flexbox .grid__3\/6, .no-csscalc .grid__6\/12, .no-csscalc .grid__1\/2, .no-csscalc .grid__2\/4, .no-csscalc .grid__3\/6, .no-js .grid__6\/12, .no-js .grid__1\/2, .no-js .grid__2\/4, .no-js .grid__3\/6 {
  width: 50%;
}

.modern .grid--7\/12 > *, .flexbox.csscalc.js .grid--7\/12 > * {
  max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
}
.legacy .grid--7\/12 > *, .no-flexbox .grid--7\/12 > *, .no-csscalc .grid--7\/12 > *, .no-js .grid--7\/12 > * {
  width: 58.3333333333%;
}

.modern .grid__7\/12, .flexbox.csscalc.js .grid__7\/12 {
  max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
}
.legacy .grid__7\/12, .no-flexbox .grid__7\/12, .no-csscalc .grid__7\/12, .no-js .grid__7\/12 {
  width: 58.3333333333%;
}

.modern .grid--8\/12 > *, .modern .grid--2\/3 > *, .modern .grid--4\/6 > *, .flexbox.csscalc.js .grid--8\/12 > *, .flexbox.csscalc.js .grid--2\/3 > *, .flexbox.csscalc.js .grid--4\/6 > * {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid--8\/12 > *, .legacy .grid--2\/3 > *, .legacy .grid--4\/6 > *, .no-flexbox .grid--8\/12 > *, .no-flexbox .grid--2\/3 > *, .no-flexbox .grid--4\/6 > *, .no-csscalc .grid--8\/12 > *, .no-csscalc .grid--2\/3 > *, .no-csscalc .grid--4\/6 > *, .no-js .grid--8\/12 > *, .no-js .grid--2\/3 > *, .no-js .grid--4\/6 > * {
  width: 66.6666666667%;
}

.modern .grid__8\/12, .modern .grid__2\/3, .modern .grid__4\/6, .flexbox.csscalc.js .grid__8\/12, .flexbox.csscalc.js .grid__2\/3, .flexbox.csscalc.js .grid__4\/6 {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid__8\/12, .legacy .grid__2\/3, .legacy .grid__4\/6, .no-flexbox .grid__8\/12, .no-flexbox .grid__2\/3, .no-flexbox .grid__4\/6, .no-csscalc .grid__8\/12, .no-csscalc .grid__2\/3, .no-csscalc .grid__4\/6, .no-js .grid__8\/12, .no-js .grid__2\/3, .no-js .grid__4\/6 {
  width: 66.6666666667%;
}

.modern .grid--9\/12 > *, .modern .grid--3\/4 > *, .flexbox.csscalc.js .grid--9\/12 > *, .flexbox.csscalc.js .grid--3\/4 > * {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid--9\/12 > *, .legacy .grid--3\/4 > *, .no-flexbox .grid--9\/12 > *, .no-flexbox .grid--3\/4 > *, .no-csscalc .grid--9\/12 > *, .no-csscalc .grid--3\/4 > *, .no-js .grid--9\/12 > *, .no-js .grid--3\/4 > * {
  width: 75%;
}

.modern .grid__9\/12, .modern .grid__3\/4, .flexbox.csscalc.js .grid__9\/12, .flexbox.csscalc.js .grid__3\/4 {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid__9\/12, .legacy .grid__3\/4, .no-flexbox .grid__9\/12, .no-flexbox .grid__3\/4, .no-csscalc .grid__9\/12, .no-csscalc .grid__3\/4, .no-js .grid__9\/12, .no-js .grid__3\/4 {
  width: 75%;
}

.modern .grid--10\/12 > *, .modern .grid--5\/6 > *, .flexbox.csscalc.js .grid--10\/12 > *, .flexbox.csscalc.js .grid--5\/6 > * {
  max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
}
.legacy .grid--10\/12 > *, .legacy .grid--5\/6 > *, .no-flexbox .grid--10\/12 > *, .no-flexbox .grid--5\/6 > *, .no-csscalc .grid--10\/12 > *, .no-csscalc .grid--5\/6 > *, .no-js .grid--10\/12 > *, .no-js .grid--5\/6 > * {
  width: 83.3333333333%;
}

.modern .grid__10\/12, .modern .grid__5\/6, .flexbox.csscalc.js .grid__10\/12, .flexbox.csscalc.js .grid__5\/6 {
  max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
}
.legacy .grid__10\/12, .legacy .grid__5\/6, .no-flexbox .grid__10\/12, .no-flexbox .grid__5\/6, .no-csscalc .grid__10\/12, .no-csscalc .grid__5\/6, .no-js .grid__10\/12, .no-js .grid__5\/6 {
  width: 83.3333333333%;
}

.modern .grid--11\/12 > *, .flexbox.csscalc.js .grid--11\/12 > * {
  max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
}
.legacy .grid--11\/12 > *, .no-flexbox .grid--11\/12 > *, .no-csscalc .grid--11\/12 > *, .no-js .grid--11\/12 > * {
  width: 91.6666666667%;
}

.modern .grid__11\/12, .flexbox.csscalc.js .grid__11\/12 {
  max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
}
.legacy .grid__11\/12, .no-flexbox .grid__11\/12, .no-csscalc .grid__11\/12, .no-js .grid__11\/12 {
  width: 91.6666666667%;
}

.modern .grid--12\/12 > *, .modern .grid--1\/1 > *, .modern .grid--2\/2 > *, .modern .grid--3\/3 > *, .modern .grid--4\/4 > *, .modern .grid--6\/6 > *, .flexbox.csscalc.js .grid--12\/12 > *, .flexbox.csscalc.js .grid--1\/1 > *, .flexbox.csscalc.js .grid--2\/2 > *, .flexbox.csscalc.js .grid--3\/3 > *, .flexbox.csscalc.js .grid--4\/4 > *, .flexbox.csscalc.js .grid--6\/6 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--12\/12 > *, .legacy .grid--1\/1 > *, .legacy .grid--2\/2 > *, .legacy .grid--3\/3 > *, .legacy .grid--4\/4 > *, .legacy .grid--6\/6 > *, .no-flexbox .grid--12\/12 > *, .no-flexbox .grid--1\/1 > *, .no-flexbox .grid--2\/2 > *, .no-flexbox .grid--3\/3 > *, .no-flexbox .grid--4\/4 > *, .no-flexbox .grid--6\/6 > *, .no-csscalc .grid--12\/12 > *, .no-csscalc .grid--1\/1 > *, .no-csscalc .grid--2\/2 > *, .no-csscalc .grid--3\/3 > *, .no-csscalc .grid--4\/4 > *, .no-csscalc .grid--6\/6 > *, .no-js .grid--12\/12 > *, .no-js .grid--1\/1 > *, .no-js .grid--2\/2 > *, .no-js .grid--3\/3 > *, .no-js .grid--4\/4 > *, .no-js .grid--6\/6 > * {
  width: 100%;
}

.modern .grid__12\/12, .modern .grid__1\/1, .modern .grid__2\/2, .modern .grid__3\/3, .modern .grid__4\/4, .modern .grid__6\/6, .flexbox.csscalc.js .grid__12\/12, .flexbox.csscalc.js .grid__1\/1, .flexbox.csscalc.js .grid__2\/2, .flexbox.csscalc.js .grid__3\/3, .flexbox.csscalc.js .grid__4\/4, .flexbox.csscalc.js .grid__6\/6 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__12\/12, .legacy .grid__1\/1, .legacy .grid__2\/2, .legacy .grid__3\/3, .legacy .grid__4\/4, .legacy .grid__6\/6, .no-flexbox .grid__12\/12, .no-flexbox .grid__1\/1, .no-flexbox .grid__2\/2, .no-flexbox .grid__3\/3, .no-flexbox .grid__4\/4, .no-flexbox .grid__6\/6, .no-csscalc .grid__12\/12, .no-csscalc .grid__1\/1, .no-csscalc .grid__2\/2, .no-csscalc .grid__3\/3, .no-csscalc .grid__4\/4, .no-csscalc .grid__6\/6, .no-js .grid__12\/12, .no-js .grid__1\/1, .no-js .grid__2\/2, .no-js .grid__3\/3, .no-js .grid__4\/4, .no-js .grid__6\/6 {
  width: 100%;
}

.modern .grid--1\/5 > *, .flexbox.csscalc.js .grid--1\/5 > * {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid--1\/5 > *, .no-flexbox .grid--1\/5 > *, .no-csscalc .grid--1\/5 > *, .no-js .grid--1\/5 > * {
  width: 20%;
}

.modern .grid__1\/5, .flexbox.csscalc.js .grid__1\/5 {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid__1\/5, .no-flexbox .grid__1\/5, .no-csscalc .grid__1\/5, .no-js .grid__1\/5 {
  width: 20%;
}

.modern .grid--2\/5 > *, .flexbox.csscalc.js .grid--2\/5 > * {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid--2\/5 > *, .no-flexbox .grid--2\/5 > *, .no-csscalc .grid--2\/5 > *, .no-js .grid--2\/5 > * {
  width: 40%;
}

.modern .grid__2\/5, .flexbox.csscalc.js .grid__2\/5 {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid__2\/5, .no-flexbox .grid__2\/5, .no-csscalc .grid__2\/5, .no-js .grid__2\/5 {
  width: 40%;
}

.modern .grid--3\/5 > *, .flexbox.csscalc.js .grid--3\/5 > * {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid--3\/5 > *, .no-flexbox .grid--3\/5 > *, .no-csscalc .grid--3\/5 > *, .no-js .grid--3\/5 > * {
  width: 60%;
}

.modern .grid__3\/5, .flexbox.csscalc.js .grid__3\/5 {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid__3\/5, .no-flexbox .grid__3\/5, .no-csscalc .grid__3\/5, .no-js .grid__3\/5 {
  width: 60%;
}

.modern .grid--4\/5 > *, .flexbox.csscalc.js .grid--4\/5 > * {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid--4\/5 > *, .no-flexbox .grid--4\/5 > *, .no-csscalc .grid--4\/5 > *, .no-js .grid--4\/5 > * {
  width: 80%;
}

.modern .grid__4\/5, .flexbox.csscalc.js .grid__4\/5 {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid__4\/5, .no-flexbox .grid__4\/5, .no-csscalc .grid__4\/5, .no-js .grid__4\/5 {
  width: 80%;
}

.modern .grid--5\/5 > *, .flexbox.csscalc.js .grid--5\/5 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--5\/5 > *, .no-flexbox .grid--5\/5 > *, .no-csscalc .grid--5\/5 > *, .no-js .grid--5\/5 > * {
  width: 100%;
}

.modern .grid__5\/5, .flexbox.csscalc.js .grid__5\/5 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__5\/5, .no-flexbox .grid__5\/5, .no-csscalc .grid__5\/5, .no-js .grid__5\/5 {
  width: 100%;
}

.modern .grid--1\/7 > *, .flexbox.csscalc.js .grid--1\/7 > * {
  max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 14.2857142857%;
      flex-basis: 14.2857142857%;
}
.legacy .grid--1\/7 > *, .no-flexbox .grid--1\/7 > *, .no-csscalc .grid--1\/7 > *, .no-js .grid--1\/7 > * {
  width: 14.2857142857%;
}

.modern .grid__1\/7, .flexbox.csscalc.js .grid__1\/7 {
  max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 14.2857142857%;
      flex-basis: 14.2857142857%;
}
.legacy .grid__1\/7, .no-flexbox .grid__1\/7, .no-csscalc .grid__1\/7, .no-js .grid__1\/7 {
  width: 14.2857142857%;
}

.modern .grid--2\/7 > *, .flexbox.csscalc.js .grid--2\/7 > * {
  max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 28.5714285714%;
      flex-basis: 28.5714285714%;
}
.legacy .grid--2\/7 > *, .no-flexbox .grid--2\/7 > *, .no-csscalc .grid--2\/7 > *, .no-js .grid--2\/7 > * {
  width: 28.5714285714%;
}

.modern .grid__2\/7, .flexbox.csscalc.js .grid__2\/7 {
  max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 28.5714285714%;
      flex-basis: 28.5714285714%;
}
.legacy .grid__2\/7, .no-flexbox .grid__2\/7, .no-csscalc .grid__2\/7, .no-js .grid__2\/7 {
  width: 28.5714285714%;
}

.modern .grid--3\/7 > *, .flexbox.csscalc.js .grid--3\/7 > * {
  max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 42.8571428571%;
      flex-basis: 42.8571428571%;
}
.legacy .grid--3\/7 > *, .no-flexbox .grid--3\/7 > *, .no-csscalc .grid--3\/7 > *, .no-js .grid--3\/7 > * {
  width: 42.8571428571%;
}

.modern .grid__3\/7, .flexbox.csscalc.js .grid__3\/7 {
  max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 42.8571428571%;
      flex-basis: 42.8571428571%;
}
.legacy .grid__3\/7, .no-flexbox .grid__3\/7, .no-csscalc .grid__3\/7, .no-js .grid__3\/7 {
  width: 42.8571428571%;
}

.modern .grid--4\/7 > *, .flexbox.csscalc.js .grid--4\/7 > * {
  max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 57.1428571429%;
      flex-basis: 57.1428571429%;
}
.legacy .grid--4\/7 > *, .no-flexbox .grid--4\/7 > *, .no-csscalc .grid--4\/7 > *, .no-js .grid--4\/7 > * {
  width: 57.1428571429%;
}

.modern .grid__4\/7, .flexbox.csscalc.js .grid__4\/7 {
  max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 57.1428571429%;
      flex-basis: 57.1428571429%;
}
.legacy .grid__4\/7, .no-flexbox .grid__4\/7, .no-csscalc .grid__4\/7, .no-js .grid__4\/7 {
  width: 57.1428571429%;
}

.modern .grid--5\/7 > *, .flexbox.csscalc.js .grid--5\/7 > * {
  max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 71.4285714286%;
      flex-basis: 71.4285714286%;
}
.legacy .grid--5\/7 > *, .no-flexbox .grid--5\/7 > *, .no-csscalc .grid--5\/7 > *, .no-js .grid--5\/7 > * {
  width: 71.4285714286%;
}

.modern .grid__5\/7, .flexbox.csscalc.js .grid__5\/7 {
  max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 71.4285714286%;
      flex-basis: 71.4285714286%;
}
.legacy .grid__5\/7, .no-flexbox .grid__5\/7, .no-csscalc .grid__5\/7, .no-js .grid__5\/7 {
  width: 71.4285714286%;
}

.modern .grid--6\/7 > *, .flexbox.csscalc.js .grid--6\/7 > * {
  max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 85.7142857143%;
      flex-basis: 85.7142857143%;
}
.legacy .grid--6\/7 > *, .no-flexbox .grid--6\/7 > *, .no-csscalc .grid--6\/7 > *, .no-js .grid--6\/7 > * {
  width: 85.7142857143%;
}

.modern .grid__6\/7, .flexbox.csscalc.js .grid__6\/7 {
  max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 85.7142857143%;
      flex-basis: 85.7142857143%;
}
.legacy .grid__6\/7, .no-flexbox .grid__6\/7, .no-csscalc .grid__6\/7, .no-js .grid__6\/7 {
  width: 85.7142857143%;
}

.modern .grid--7\/7 > *, .flexbox.csscalc.js .grid--7\/7 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--7\/7 > *, .no-flexbox .grid--7\/7 > *, .no-csscalc .grid--7\/7 > *, .no-js .grid--7\/7 > * {
  width: 100%;
}

.modern .grid__7\/7, .flexbox.csscalc.js .grid__7\/7 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__7\/7, .no-flexbox .grid__7\/7, .no-csscalc .grid__7\/7, .no-js .grid__7\/7 {
  width: 100%;
}

.modern .grid--1\/8 > *, .flexbox.csscalc.js .grid--1\/8 > * {
  max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
}
.legacy .grid--1\/8 > *, .no-flexbox .grid--1\/8 > *, .no-csscalc .grid--1\/8 > *, .no-js .grid--1\/8 > * {
  width: 12.5%;
}

.modern .grid__1\/8, .flexbox.csscalc.js .grid__1\/8 {
  max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 12.5%;
      flex-basis: 12.5%;
}
.legacy .grid__1\/8, .no-flexbox .grid__1\/8, .no-csscalc .grid__1\/8, .no-js .grid__1\/8 {
  width: 12.5%;
}

.modern .grid--2\/8 > *, .flexbox.csscalc.js .grid--2\/8 > * {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid--2\/8 > *, .no-flexbox .grid--2\/8 > *, .no-csscalc .grid--2\/8 > *, .no-js .grid--2\/8 > * {
  width: 25%;
}

.modern .grid__2\/8, .flexbox.csscalc.js .grid__2\/8 {
  max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
.legacy .grid__2\/8, .no-flexbox .grid__2\/8, .no-csscalc .grid__2\/8, .no-js .grid__2\/8 {
  width: 25%;
}

.modern .grid--3\/8 > *, .flexbox.csscalc.js .grid--3\/8 > * {
  max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 37.5%;
      flex-basis: 37.5%;
}
.legacy .grid--3\/8 > *, .no-flexbox .grid--3\/8 > *, .no-csscalc .grid--3\/8 > *, .no-js .grid--3\/8 > * {
  width: 37.5%;
}

.modern .grid__3\/8, .flexbox.csscalc.js .grid__3\/8 {
  max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 37.5%;
      flex-basis: 37.5%;
}
.legacy .grid__3\/8, .no-flexbox .grid__3\/8, .no-csscalc .grid__3\/8, .no-js .grid__3\/8 {
  width: 37.5%;
}

.modern .grid--4\/8 > *, .flexbox.csscalc.js .grid--4\/8 > * {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid--4\/8 > *, .no-flexbox .grid--4\/8 > *, .no-csscalc .grid--4\/8 > *, .no-js .grid--4\/8 > * {
  width: 50%;
}

.modern .grid__4\/8, .flexbox.csscalc.js .grid__4\/8 {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid__4\/8, .no-flexbox .grid__4\/8, .no-csscalc .grid__4\/8, .no-js .grid__4\/8 {
  width: 50%;
}

.modern .grid--5\/8 > *, .flexbox.csscalc.js .grid--5\/8 > * {
  max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 62.5%;
      flex-basis: 62.5%;
}
.legacy .grid--5\/8 > *, .no-flexbox .grid--5\/8 > *, .no-csscalc .grid--5\/8 > *, .no-js .grid--5\/8 > * {
  width: 62.5%;
}

.modern .grid__5\/8, .flexbox.csscalc.js .grid__5\/8 {
  max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 62.5%;
      flex-basis: 62.5%;
}
.legacy .grid__5\/8, .no-flexbox .grid__5\/8, .no-csscalc .grid__5\/8, .no-js .grid__5\/8 {
  width: 62.5%;
}

.modern .grid--6\/8 > *, .flexbox.csscalc.js .grid--6\/8 > * {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid--6\/8 > *, .no-flexbox .grid--6\/8 > *, .no-csscalc .grid--6\/8 > *, .no-js .grid--6\/8 > * {
  width: 75%;
}

.modern .grid__6\/8, .flexbox.csscalc.js .grid__6\/8 {
  max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
.legacy .grid__6\/8, .no-flexbox .grid__6\/8, .no-csscalc .grid__6\/8, .no-js .grid__6\/8 {
  width: 75%;
}

.modern .grid--7\/8 > *, .flexbox.csscalc.js .grid--7\/8 > * {
  max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 87.5%;
      flex-basis: 87.5%;
}
.legacy .grid--7\/8 > *, .no-flexbox .grid--7\/8 > *, .no-csscalc .grid--7\/8 > *, .no-js .grid--7\/8 > * {
  width: 87.5%;
}

.modern .grid__7\/8, .flexbox.csscalc.js .grid__7\/8 {
  max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 87.5%;
      flex-basis: 87.5%;
}
.legacy .grid__7\/8, .no-flexbox .grid__7\/8, .no-csscalc .grid__7\/8, .no-js .grid__7\/8 {
  width: 87.5%;
}

.modern .grid--8\/8 > *, .flexbox.csscalc.js .grid--8\/8 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--8\/8 > *, .no-flexbox .grid--8\/8 > *, .no-csscalc .grid--8\/8 > *, .no-js .grid--8\/8 > * {
  width: 100%;
}

.modern .grid__8\/8, .flexbox.csscalc.js .grid__8\/8 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__8\/8, .no-flexbox .grid__8\/8, .no-csscalc .grid__8\/8, .no-js .grid__8\/8 {
  width: 100%;
}

.modern .grid--1\/9 > *, .flexbox.csscalc.js .grid--1\/9 > * {
  max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 11.1111111111%;
      flex-basis: 11.1111111111%;
}
.legacy .grid--1\/9 > *, .no-flexbox .grid--1\/9 > *, .no-csscalc .grid--1\/9 > *, .no-js .grid--1\/9 > * {
  width: 11.1111111111%;
}

.modern .grid__1\/9, .flexbox.csscalc.js .grid__1\/9 {
  max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 11.1111111111%;
      flex-basis: 11.1111111111%;
}
.legacy .grid__1\/9, .no-flexbox .grid__1\/9, .no-csscalc .grid__1\/9, .no-js .grid__1\/9 {
  width: 11.1111111111%;
}

.modern .grid--2\/9 > *, .flexbox.csscalc.js .grid--2\/9 > * {
  max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 22.2222222222%;
      flex-basis: 22.2222222222%;
}
.legacy .grid--2\/9 > *, .no-flexbox .grid--2\/9 > *, .no-csscalc .grid--2\/9 > *, .no-js .grid--2\/9 > * {
  width: 22.2222222222%;
}

.modern .grid__2\/9, .flexbox.csscalc.js .grid__2\/9 {
  max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 22.2222222222%;
      flex-basis: 22.2222222222%;
}
.legacy .grid__2\/9, .no-flexbox .grid__2\/9, .no-csscalc .grid__2\/9, .no-js .grid__2\/9 {
  width: 22.2222222222%;
}

.modern .grid--3\/9 > *, .flexbox.csscalc.js .grid--3\/9 > * {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid--3\/9 > *, .no-flexbox .grid--3\/9 > *, .no-csscalc .grid--3\/9 > *, .no-js .grid--3\/9 > * {
  width: 33.3333333333%;
}

.modern .grid__3\/9, .flexbox.csscalc.js .grid__3\/9 {
  max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
.legacy .grid__3\/9, .no-flexbox .grid__3\/9, .no-csscalc .grid__3\/9, .no-js .grid__3\/9 {
  width: 33.3333333333%;
}

.modern .grid--4\/9 > *, .flexbox.csscalc.js .grid--4\/9 > * {
  max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 44.4444444444%;
      flex-basis: 44.4444444444%;
}
.legacy .grid--4\/9 > *, .no-flexbox .grid--4\/9 > *, .no-csscalc .grid--4\/9 > *, .no-js .grid--4\/9 > * {
  width: 44.4444444444%;
}

.modern .grid__4\/9, .flexbox.csscalc.js .grid__4\/9 {
  max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 44.4444444444%;
      flex-basis: 44.4444444444%;
}
.legacy .grid__4\/9, .no-flexbox .grid__4\/9, .no-csscalc .grid__4\/9, .no-js .grid__4\/9 {
  width: 44.4444444444%;
}

.modern .grid--5\/9 > *, .flexbox.csscalc.js .grid--5\/9 > * {
  max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 55.5555555556%;
      flex-basis: 55.5555555556%;
}
.legacy .grid--5\/9 > *, .no-flexbox .grid--5\/9 > *, .no-csscalc .grid--5\/9 > *, .no-js .grid--5\/9 > * {
  width: 55.5555555556%;
}

.modern .grid__5\/9, .flexbox.csscalc.js .grid__5\/9 {
  max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 55.5555555556%;
      flex-basis: 55.5555555556%;
}
.legacy .grid__5\/9, .no-flexbox .grid__5\/9, .no-csscalc .grid__5\/9, .no-js .grid__5\/9 {
  width: 55.5555555556%;
}

.modern .grid--6\/9 > *, .flexbox.csscalc.js .grid--6\/9 > * {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid--6\/9 > *, .no-flexbox .grid--6\/9 > *, .no-csscalc .grid--6\/9 > *, .no-js .grid--6\/9 > * {
  width: 66.6666666667%;
}

.modern .grid__6\/9, .flexbox.csscalc.js .grid__6\/9 {
  max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
}
.legacy .grid__6\/9, .no-flexbox .grid__6\/9, .no-csscalc .grid__6\/9, .no-js .grid__6\/9 {
  width: 66.6666666667%;
}

.modern .grid--7\/9 > *, .flexbox.csscalc.js .grid--7\/9 > * {
  max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 77.7777777778%;
      flex-basis: 77.7777777778%;
}
.legacy .grid--7\/9 > *, .no-flexbox .grid--7\/9 > *, .no-csscalc .grid--7\/9 > *, .no-js .grid--7\/9 > * {
  width: 77.7777777778%;
}

.modern .grid__7\/9, .flexbox.csscalc.js .grid__7\/9 {
  max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 77.7777777778%;
      flex-basis: 77.7777777778%;
}
.legacy .grid__7\/9, .no-flexbox .grid__7\/9, .no-csscalc .grid__7\/9, .no-js .grid__7\/9 {
  width: 77.7777777778%;
}

.modern .grid--8\/9 > *, .flexbox.csscalc.js .grid--8\/9 > * {
  max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 88.8888888889%;
      flex-basis: 88.8888888889%;
}
.legacy .grid--8\/9 > *, .no-flexbox .grid--8\/9 > *, .no-csscalc .grid--8\/9 > *, .no-js .grid--8\/9 > * {
  width: 88.8888888889%;
}

.modern .grid__8\/9, .flexbox.csscalc.js .grid__8\/9 {
  max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 88.8888888889%;
      flex-basis: 88.8888888889%;
}
.legacy .grid__8\/9, .no-flexbox .grid__8\/9, .no-csscalc .grid__8\/9, .no-js .grid__8\/9 {
  width: 88.8888888889%;
}

.modern .grid--9\/9 > *, .flexbox.csscalc.js .grid--9\/9 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--9\/9 > *, .no-flexbox .grid--9\/9 > *, .no-csscalc .grid--9\/9 > *, .no-js .grid--9\/9 > * {
  width: 100%;
}

.modern .grid__9\/9, .flexbox.csscalc.js .grid__9\/9 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__9\/9, .no-flexbox .grid__9\/9, .no-csscalc .grid__9\/9, .no-js .grid__9\/9 {
  width: 100%;
}

.modern .grid--1\/10 > *, .flexbox.csscalc.js .grid--1\/10 > * {
  max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.legacy .grid--1\/10 > *, .no-flexbox .grid--1\/10 > *, .no-csscalc .grid--1\/10 > *, .no-js .grid--1\/10 > * {
  width: 10%;
}

.modern .grid__1\/10, .flexbox.csscalc.js .grid__1\/10 {
  max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}
.legacy .grid__1\/10, .no-flexbox .grid__1\/10, .no-csscalc .grid__1\/10, .no-js .grid__1\/10 {
  width: 10%;
}

.modern .grid--2\/10 > *, .flexbox.csscalc.js .grid--2\/10 > * {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid--2\/10 > *, .no-flexbox .grid--2\/10 > *, .no-csscalc .grid--2\/10 > *, .no-js .grid--2\/10 > * {
  width: 20%;
}

.modern .grid__2\/10, .flexbox.csscalc.js .grid__2\/10 {
  max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
}
.legacy .grid__2\/10, .no-flexbox .grid__2\/10, .no-csscalc .grid__2\/10, .no-js .grid__2\/10 {
  width: 20%;
}

.modern .grid--3\/10 > *, .flexbox.csscalc.js .grid--3\/10 > * {
  max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.legacy .grid--3\/10 > *, .no-flexbox .grid--3\/10 > *, .no-csscalc .grid--3\/10 > *, .no-js .grid--3\/10 > * {
  width: 30%;
}

.modern .grid__3\/10, .flexbox.csscalc.js .grid__3\/10 {
  max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.legacy .grid__3\/10, .no-flexbox .grid__3\/10, .no-csscalc .grid__3\/10, .no-js .grid__3\/10 {
  width: 30%;
}

.modern .grid--4\/10 > *, .flexbox.csscalc.js .grid--4\/10 > * {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid--4\/10 > *, .no-flexbox .grid--4\/10 > *, .no-csscalc .grid--4\/10 > *, .no-js .grid--4\/10 > * {
  width: 40%;
}

.modern .grid__4\/10, .flexbox.csscalc.js .grid__4\/10 {
  max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.legacy .grid__4\/10, .no-flexbox .grid__4\/10, .no-csscalc .grid__4\/10, .no-js .grid__4\/10 {
  width: 40%;
}

.modern .grid--5\/10 > *, .flexbox.csscalc.js .grid--5\/10 > * {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid--5\/10 > *, .no-flexbox .grid--5\/10 > *, .no-csscalc .grid--5\/10 > *, .no-js .grid--5\/10 > * {
  width: 50%;
}

.modern .grid__5\/10, .flexbox.csscalc.js .grid__5\/10 {
  max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.legacy .grid__5\/10, .no-flexbox .grid__5\/10, .no-csscalc .grid__5\/10, .no-js .grid__5\/10 {
  width: 50%;
}

.modern .grid--6\/10 > *, .flexbox.csscalc.js .grid--6\/10 > * {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid--6\/10 > *, .no-flexbox .grid--6\/10 > *, .no-csscalc .grid--6\/10 > *, .no-js .grid--6\/10 > * {
  width: 60%;
}

.modern .grid__6\/10, .flexbox.csscalc.js .grid__6\/10 {
  max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.legacy .grid__6\/10, .no-flexbox .grid__6\/10, .no-csscalc .grid__6\/10, .no-js .grid__6\/10 {
  width: 60%;
}

.modern .grid--7\/10 > *, .flexbox.csscalc.js .grid--7\/10 > * {
  max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.legacy .grid--7\/10 > *, .no-flexbox .grid--7\/10 > *, .no-csscalc .grid--7\/10 > *, .no-js .grid--7\/10 > * {
  width: 70%;
}

.modern .grid__7\/10, .flexbox.csscalc.js .grid__7\/10 {
  max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.legacy .grid__7\/10, .no-flexbox .grid__7\/10, .no-csscalc .grid__7\/10, .no-js .grid__7\/10 {
  width: 70%;
}

.modern .grid--8\/10 > *, .flexbox.csscalc.js .grid--8\/10 > * {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid--8\/10 > *, .no-flexbox .grid--8\/10 > *, .no-csscalc .grid--8\/10 > *, .no-js .grid--8\/10 > * {
  width: 80%;
}

.modern .grid__8\/10, .flexbox.csscalc.js .grid__8\/10 {
  max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 80%;
      flex-basis: 80%;
}
.legacy .grid__8\/10, .no-flexbox .grid__8\/10, .no-csscalc .grid__8\/10, .no-js .grid__8\/10 {
  width: 80%;
}

.modern .grid--9\/10 > *, .flexbox.csscalc.js .grid--9\/10 > * {
  max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
}
.legacy .grid--9\/10 > *, .no-flexbox .grid--9\/10 > *, .no-csscalc .grid--9\/10 > *, .no-js .grid--9\/10 > * {
  width: 90%;
}

.modern .grid__9\/10, .flexbox.csscalc.js .grid__9\/10 {
  max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
}
.legacy .grid__9\/10, .no-flexbox .grid__9\/10, .no-csscalc .grid__9\/10, .no-js .grid__9\/10 {
  width: 90%;
}

.modern .grid--10\/10 > *, .flexbox.csscalc.js .grid--10\/10 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--10\/10 > *, .no-flexbox .grid--10\/10 > *, .no-csscalc .grid--10\/10 > *, .no-js .grid--10\/10 > * {
  width: 100%;
}

.modern .grid__10\/10, .flexbox.csscalc.js .grid__10\/10 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__10\/10, .no-flexbox .grid__10\/10, .no-csscalc .grid__10\/10, .no-js .grid__10\/10 {
  width: 100%;
}

.modern .grid--1\/11 > *, .flexbox.csscalc.js .grid--1\/11 > * {
  max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 9.0909090909%;
      flex-basis: 9.0909090909%;
}
.legacy .grid--1\/11 > *, .no-flexbox .grid--1\/11 > *, .no-csscalc .grid--1\/11 > *, .no-js .grid--1\/11 > * {
  width: 9.0909090909%;
}

.modern .grid__1\/11, .flexbox.csscalc.js .grid__1\/11 {
  max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 9.0909090909%;
      flex-basis: 9.0909090909%;
}
.legacy .grid__1\/11, .no-flexbox .grid__1\/11, .no-csscalc .grid__1\/11, .no-js .grid__1\/11 {
  width: 9.0909090909%;
}

.modern .grid--2\/11 > *, .flexbox.csscalc.js .grid--2\/11 > * {
  max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 18.1818181818%;
      flex-basis: 18.1818181818%;
}
.legacy .grid--2\/11 > *, .no-flexbox .grid--2\/11 > *, .no-csscalc .grid--2\/11 > *, .no-js .grid--2\/11 > * {
  width: 18.1818181818%;
}

.modern .grid__2\/11, .flexbox.csscalc.js .grid__2\/11 {
  max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 18.1818181818%;
      flex-basis: 18.1818181818%;
}
.legacy .grid__2\/11, .no-flexbox .grid__2\/11, .no-csscalc .grid__2\/11, .no-js .grid__2\/11 {
  width: 18.1818181818%;
}

.modern .grid--3\/11 > *, .flexbox.csscalc.js .grid--3\/11 > * {
  max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 27.2727272727%;
      flex-basis: 27.2727272727%;
}
.legacy .grid--3\/11 > *, .no-flexbox .grid--3\/11 > *, .no-csscalc .grid--3\/11 > *, .no-js .grid--3\/11 > * {
  width: 27.2727272727%;
}

.modern .grid__3\/11, .flexbox.csscalc.js .grid__3\/11 {
  max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 27.2727272727%;
      flex-basis: 27.2727272727%;
}
.legacy .grid__3\/11, .no-flexbox .grid__3\/11, .no-csscalc .grid__3\/11, .no-js .grid__3\/11 {
  width: 27.2727272727%;
}

.modern .grid--4\/11 > *, .flexbox.csscalc.js .grid--4\/11 > * {
  max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 36.3636363636%;
      flex-basis: 36.3636363636%;
}
.legacy .grid--4\/11 > *, .no-flexbox .grid--4\/11 > *, .no-csscalc .grid--4\/11 > *, .no-js .grid--4\/11 > * {
  width: 36.3636363636%;
}

.modern .grid__4\/11, .flexbox.csscalc.js .grid__4\/11 {
  max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 36.3636363636%;
      flex-basis: 36.3636363636%;
}
.legacy .grid__4\/11, .no-flexbox .grid__4\/11, .no-csscalc .grid__4\/11, .no-js .grid__4\/11 {
  width: 36.3636363636%;
}

.modern .grid--5\/11 > *, .flexbox.csscalc.js .grid--5\/11 > * {
  max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 45.4545454545%;
      flex-basis: 45.4545454545%;
}
.legacy .grid--5\/11 > *, .no-flexbox .grid--5\/11 > *, .no-csscalc .grid--5\/11 > *, .no-js .grid--5\/11 > * {
  width: 45.4545454545%;
}

.modern .grid__5\/11, .flexbox.csscalc.js .grid__5\/11 {
  max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 45.4545454545%;
      flex-basis: 45.4545454545%;
}
.legacy .grid__5\/11, .no-flexbox .grid__5\/11, .no-csscalc .grid__5\/11, .no-js .grid__5\/11 {
  width: 45.4545454545%;
}

.modern .grid--6\/11 > *, .flexbox.csscalc.js .grid--6\/11 > * {
  max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 54.5454545455%;
      flex-basis: 54.5454545455%;
}
.legacy .grid--6\/11 > *, .no-flexbox .grid--6\/11 > *, .no-csscalc .grid--6\/11 > *, .no-js .grid--6\/11 > * {
  width: 54.5454545455%;
}

.modern .grid__6\/11, .flexbox.csscalc.js .grid__6\/11 {
  max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 54.5454545455%;
      flex-basis: 54.5454545455%;
}
.legacy .grid__6\/11, .no-flexbox .grid__6\/11, .no-csscalc .grid__6\/11, .no-js .grid__6\/11 {
  width: 54.5454545455%;
}

.modern .grid--7\/11 > *, .flexbox.csscalc.js .grid--7\/11 > * {
  max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 63.6363636364%;
      flex-basis: 63.6363636364%;
}
.legacy .grid--7\/11 > *, .no-flexbox .grid--7\/11 > *, .no-csscalc .grid--7\/11 > *, .no-js .grid--7\/11 > * {
  width: 63.6363636364%;
}

.modern .grid__7\/11, .flexbox.csscalc.js .grid__7\/11 {
  max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 63.6363636364%;
      flex-basis: 63.6363636364%;
}
.legacy .grid__7\/11, .no-flexbox .grid__7\/11, .no-csscalc .grid__7\/11, .no-js .grid__7\/11 {
  width: 63.6363636364%;
}

.modern .grid--8\/11 > *, .flexbox.csscalc.js .grid--8\/11 > * {
  max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 72.7272727273%;
      flex-basis: 72.7272727273%;
}
.legacy .grid--8\/11 > *, .no-flexbox .grid--8\/11 > *, .no-csscalc .grid--8\/11 > *, .no-js .grid--8\/11 > * {
  width: 72.7272727273%;
}

.modern .grid__8\/11, .flexbox.csscalc.js .grid__8\/11 {
  max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 72.7272727273%;
      flex-basis: 72.7272727273%;
}
.legacy .grid__8\/11, .no-flexbox .grid__8\/11, .no-csscalc .grid__8\/11, .no-js .grid__8\/11 {
  width: 72.7272727273%;
}

.modern .grid--9\/11 > *, .flexbox.csscalc.js .grid--9\/11 > * {
  max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 81.8181818182%;
      flex-basis: 81.8181818182%;
}
.legacy .grid--9\/11 > *, .no-flexbox .grid--9\/11 > *, .no-csscalc .grid--9\/11 > *, .no-js .grid--9\/11 > * {
  width: 81.8181818182%;
}

.modern .grid__9\/11, .flexbox.csscalc.js .grid__9\/11 {
  max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 81.8181818182%;
      flex-basis: 81.8181818182%;
}
.legacy .grid__9\/11, .no-flexbox .grid__9\/11, .no-csscalc .grid__9\/11, .no-js .grid__9\/11 {
  width: 81.8181818182%;
}

.modern .grid--10\/11 > *, .flexbox.csscalc.js .grid--10\/11 > * {
  max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90.9090909091%;
      flex-basis: 90.9090909091%;
}
.legacy .grid--10\/11 > *, .no-flexbox .grid--10\/11 > *, .no-csscalc .grid--10\/11 > *, .no-js .grid--10\/11 > * {
  width: 90.9090909091%;
}

.modern .grid__10\/11, .flexbox.csscalc.js .grid__10\/11 {
  max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 90.9090909091%;
      flex-basis: 90.9090909091%;
}
.legacy .grid__10\/11, .no-flexbox .grid__10\/11, .no-csscalc .grid__10\/11, .no-js .grid__10\/11 {
  width: 90.9090909091%;
}

.modern .grid--11\/11 > *, .flexbox.csscalc.js .grid--11\/11 > * {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid--11\/11 > *, .no-flexbox .grid--11\/11 > *, .no-csscalc .grid--11\/11 > *, .no-js .grid--11\/11 > * {
  width: 100%;
}

.modern .grid__11\/11, .flexbox.csscalc.js .grid__11\/11 {
  max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.legacy .grid__11\/11, .no-flexbox .grid__11\/11, .no-csscalc .grid__11\/11, .no-js .grid__11\/11 {
  width: 100%;
}

/* BREAKPOINTS & ALIGNMENT FOR ALL BREAKPOINTS */
@media (max-width: 1500px) {
  /* BREAKPOINTS */
  .modern .desktop\:grid--1\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/12 > * {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .desktop\:grid--1\/12 > *, .no-flexbox .desktop\:grid--1\/12 > *, .no-csscalc .desktop\:grid--1\/12 > *, .no-js .desktop\:grid--1\/12 > * {
    width: 8.3333333333%;
  }
  .modern .desktop\:grid__1\/12, .flexbox.csscalc.js .desktop\:grid__1\/12 {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .desktop\:grid__1\/12, .no-flexbox .desktop\:grid__1\/12, .no-csscalc .desktop\:grid__1\/12, .no-js .desktop\:grid__1\/12 {
    width: 8.3333333333%;
  }
  .modern .desktop\:grid--2\/12 > *, .modern .desktop\:grid--1\/6 > *, .flexbox.csscalc.js .desktop\:grid--2\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/6 > * {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .desktop\:grid--2\/12 > *, .legacy .desktop\:grid--1\/6 > *, .no-flexbox .desktop\:grid--2\/12 > *, .no-flexbox .desktop\:grid--1\/6 > *, .no-csscalc .desktop\:grid--2\/12 > *, .no-csscalc .desktop\:grid--1\/6 > *, .no-js .desktop\:grid--2\/12 > *, .no-js .desktop\:grid--1\/6 > * {
    width: 16.6666666667%;
  }
  .modern .desktop\:grid__2\/12, .modern .desktop\:grid__1\/6, .flexbox.csscalc.js .desktop\:grid__2\/12, .flexbox.csscalc.js .desktop\:grid__1\/6 {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .desktop\:grid__2\/12, .legacy .desktop\:grid__1\/6, .no-flexbox .desktop\:grid__2\/12, .no-flexbox .desktop\:grid__1\/6, .no-csscalc .desktop\:grid__2\/12, .no-csscalc .desktop\:grid__1\/6, .no-js .desktop\:grid__2\/12, .no-js .desktop\:grid__1\/6 {
    width: 16.6666666667%;
  }
  .modern .desktop\:grid--3\/12 > *, .modern .desktop\:grid--1\/4 > *, .flexbox.csscalc.js .desktop\:grid--3\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/4 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid--3\/12 > *, .legacy .desktop\:grid--1\/4 > *, .no-flexbox .desktop\:grid--3\/12 > *, .no-flexbox .desktop\:grid--1\/4 > *, .no-csscalc .desktop\:grid--3\/12 > *, .no-csscalc .desktop\:grid--1\/4 > *, .no-js .desktop\:grid--3\/12 > *, .no-js .desktop\:grid--1\/4 > * {
    width: 25%;
  }
  .modern .desktop\:grid__3\/12, .modern .desktop\:grid__1\/4, .flexbox.csscalc.js .desktop\:grid__3\/12, .flexbox.csscalc.js .desktop\:grid__1\/4 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid__3\/12, .legacy .desktop\:grid__1\/4, .no-flexbox .desktop\:grid__3\/12, .no-flexbox .desktop\:grid__1\/4, .no-csscalc .desktop\:grid__3\/12, .no-csscalc .desktop\:grid__1\/4, .no-js .desktop\:grid__3\/12, .no-js .desktop\:grid__1\/4 {
    width: 25%;
  }
  .modern .desktop\:grid--4\/12 > *, .modern .desktop\:grid--1\/3 > *, .modern .desktop\:grid--2\/6 > *, .flexbox.csscalc.js .desktop\:grid--4\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/3 > *, .flexbox.csscalc.js .desktop\:grid--2\/6 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid--4\/12 > *, .legacy .desktop\:grid--1\/3 > *, .legacy .desktop\:grid--2\/6 > *, .no-flexbox .desktop\:grid--4\/12 > *, .no-flexbox .desktop\:grid--1\/3 > *, .no-flexbox .desktop\:grid--2\/6 > *, .no-csscalc .desktop\:grid--4\/12 > *, .no-csscalc .desktop\:grid--1\/3 > *, .no-csscalc .desktop\:grid--2\/6 > *, .no-js .desktop\:grid--4\/12 > *, .no-js .desktop\:grid--1\/3 > *, .no-js .desktop\:grid--2\/6 > * {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid__4\/12, .modern .desktop\:grid__1\/3, .modern .desktop\:grid__2\/6, .flexbox.csscalc.js .desktop\:grid__4\/12, .flexbox.csscalc.js .desktop\:grid__1\/3, .flexbox.csscalc.js .desktop\:grid__2\/6 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid__4\/12, .legacy .desktop\:grid__1\/3, .legacy .desktop\:grid__2\/6, .no-flexbox .desktop\:grid__4\/12, .no-flexbox .desktop\:grid__1\/3, .no-flexbox .desktop\:grid__2\/6, .no-csscalc .desktop\:grid__4\/12, .no-csscalc .desktop\:grid__1\/3, .no-csscalc .desktop\:grid__2\/6, .no-js .desktop\:grid__4\/12, .no-js .desktop\:grid__1\/3, .no-js .desktop\:grid__2\/6 {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid--5\/12 > *, .flexbox.csscalc.js .desktop\:grid--5\/12 > * {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .desktop\:grid--5\/12 > *, .no-flexbox .desktop\:grid--5\/12 > *, .no-csscalc .desktop\:grid--5\/12 > *, .no-js .desktop\:grid--5\/12 > * {
    width: 41.6666666667%;
  }
  .modern .desktop\:grid__5\/12, .flexbox.csscalc.js .desktop\:grid__5\/12 {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .desktop\:grid__5\/12, .no-flexbox .desktop\:grid__5\/12, .no-csscalc .desktop\:grid__5\/12, .no-js .desktop\:grid__5\/12 {
    width: 41.6666666667%;
  }
  .modern .desktop\:grid--6\/12 > *, .modern .desktop\:grid--1\/2 > *, .modern .desktop\:grid--2\/4 > *, .modern .desktop\:grid--3\/6 > *, .flexbox.csscalc.js .desktop\:grid--6\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/2 > *, .flexbox.csscalc.js .desktop\:grid--2\/4 > *, .flexbox.csscalc.js .desktop\:grid--3\/6 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid--6\/12 > *, .legacy .desktop\:grid--1\/2 > *, .legacy .desktop\:grid--2\/4 > *, .legacy .desktop\:grid--3\/6 > *, .no-flexbox .desktop\:grid--6\/12 > *, .no-flexbox .desktop\:grid--1\/2 > *, .no-flexbox .desktop\:grid--2\/4 > *, .no-flexbox .desktop\:grid--3\/6 > *, .no-csscalc .desktop\:grid--6\/12 > *, .no-csscalc .desktop\:grid--1\/2 > *, .no-csscalc .desktop\:grid--2\/4 > *, .no-csscalc .desktop\:grid--3\/6 > *, .no-js .desktop\:grid--6\/12 > *, .no-js .desktop\:grid--1\/2 > *, .no-js .desktop\:grid--2\/4 > *, .no-js .desktop\:grid--3\/6 > * {
    width: 50%;
  }
  .modern .desktop\:grid__6\/12, .modern .desktop\:grid__1\/2, .modern .desktop\:grid__2\/4, .modern .desktop\:grid__3\/6, .flexbox.csscalc.js .desktop\:grid__6\/12, .flexbox.csscalc.js .desktop\:grid__1\/2, .flexbox.csscalc.js .desktop\:grid__2\/4, .flexbox.csscalc.js .desktop\:grid__3\/6 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid__6\/12, .legacy .desktop\:grid__1\/2, .legacy .desktop\:grid__2\/4, .legacy .desktop\:grid__3\/6, .no-flexbox .desktop\:grid__6\/12, .no-flexbox .desktop\:grid__1\/2, .no-flexbox .desktop\:grid__2\/4, .no-flexbox .desktop\:grid__3\/6, .no-csscalc .desktop\:grid__6\/12, .no-csscalc .desktop\:grid__1\/2, .no-csscalc .desktop\:grid__2\/4, .no-csscalc .desktop\:grid__3\/6, .no-js .desktop\:grid__6\/12, .no-js .desktop\:grid__1\/2, .no-js .desktop\:grid__2\/4, .no-js .desktop\:grid__3\/6 {
    width: 50%;
  }
  .modern .desktop\:grid--7\/12 > *, .flexbox.csscalc.js .desktop\:grid--7\/12 > * {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .desktop\:grid--7\/12 > *, .no-flexbox .desktop\:grid--7\/12 > *, .no-csscalc .desktop\:grid--7\/12 > *, .no-js .desktop\:grid--7\/12 > * {
    width: 58.3333333333%;
  }
  .modern .desktop\:grid__7\/12, .flexbox.csscalc.js .desktop\:grid__7\/12 {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .desktop\:grid__7\/12, .no-flexbox .desktop\:grid__7\/12, .no-csscalc .desktop\:grid__7\/12, .no-js .desktop\:grid__7\/12 {
    width: 58.3333333333%;
  }
  .modern .desktop\:grid--8\/12 > *, .modern .desktop\:grid--2\/3 > *, .modern .desktop\:grid--4\/6 > *, .flexbox.csscalc.js .desktop\:grid--8\/12 > *, .flexbox.csscalc.js .desktop\:grid--2\/3 > *, .flexbox.csscalc.js .desktop\:grid--4\/6 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid--8\/12 > *, .legacy .desktop\:grid--2\/3 > *, .legacy .desktop\:grid--4\/6 > *, .no-flexbox .desktop\:grid--8\/12 > *, .no-flexbox .desktop\:grid--2\/3 > *, .no-flexbox .desktop\:grid--4\/6 > *, .no-csscalc .desktop\:grid--8\/12 > *, .no-csscalc .desktop\:grid--2\/3 > *, .no-csscalc .desktop\:grid--4\/6 > *, .no-js .desktop\:grid--8\/12 > *, .no-js .desktop\:grid--2\/3 > *, .no-js .desktop\:grid--4\/6 > * {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid__8\/12, .modern .desktop\:grid__2\/3, .modern .desktop\:grid__4\/6, .flexbox.csscalc.js .desktop\:grid__8\/12, .flexbox.csscalc.js .desktop\:grid__2\/3, .flexbox.csscalc.js .desktop\:grid__4\/6 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid__8\/12, .legacy .desktop\:grid__2\/3, .legacy .desktop\:grid__4\/6, .no-flexbox .desktop\:grid__8\/12, .no-flexbox .desktop\:grid__2\/3, .no-flexbox .desktop\:grid__4\/6, .no-csscalc .desktop\:grid__8\/12, .no-csscalc .desktop\:grid__2\/3, .no-csscalc .desktop\:grid__4\/6, .no-js .desktop\:grid__8\/12, .no-js .desktop\:grid__2\/3, .no-js .desktop\:grid__4\/6 {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid--9\/12 > *, .modern .desktop\:grid--3\/4 > *, .flexbox.csscalc.js .desktop\:grid--9\/12 > *, .flexbox.csscalc.js .desktop\:grid--3\/4 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid--9\/12 > *, .legacy .desktop\:grid--3\/4 > *, .no-flexbox .desktop\:grid--9\/12 > *, .no-flexbox .desktop\:grid--3\/4 > *, .no-csscalc .desktop\:grid--9\/12 > *, .no-csscalc .desktop\:grid--3\/4 > *, .no-js .desktop\:grid--9\/12 > *, .no-js .desktop\:grid--3\/4 > * {
    width: 75%;
  }
  .modern .desktop\:grid__9\/12, .modern .desktop\:grid__3\/4, .flexbox.csscalc.js .desktop\:grid__9\/12, .flexbox.csscalc.js .desktop\:grid__3\/4 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid__9\/12, .legacy .desktop\:grid__3\/4, .no-flexbox .desktop\:grid__9\/12, .no-flexbox .desktop\:grid__3\/4, .no-csscalc .desktop\:grid__9\/12, .no-csscalc .desktop\:grid__3\/4, .no-js .desktop\:grid__9\/12, .no-js .desktop\:grid__3\/4 {
    width: 75%;
  }
  .modern .desktop\:grid--10\/12 > *, .modern .desktop\:grid--5\/6 > *, .flexbox.csscalc.js .desktop\:grid--10\/12 > *, .flexbox.csscalc.js .desktop\:grid--5\/6 > * {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .desktop\:grid--10\/12 > *, .legacy .desktop\:grid--5\/6 > *, .no-flexbox .desktop\:grid--10\/12 > *, .no-flexbox .desktop\:grid--5\/6 > *, .no-csscalc .desktop\:grid--10\/12 > *, .no-csscalc .desktop\:grid--5\/6 > *, .no-js .desktop\:grid--10\/12 > *, .no-js .desktop\:grid--5\/6 > * {
    width: 83.3333333333%;
  }
  .modern .desktop\:grid__10\/12, .modern .desktop\:grid__5\/6, .flexbox.csscalc.js .desktop\:grid__10\/12, .flexbox.csscalc.js .desktop\:grid__5\/6 {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .desktop\:grid__10\/12, .legacy .desktop\:grid__5\/6, .no-flexbox .desktop\:grid__10\/12, .no-flexbox .desktop\:grid__5\/6, .no-csscalc .desktop\:grid__10\/12, .no-csscalc .desktop\:grid__5\/6, .no-js .desktop\:grid__10\/12, .no-js .desktop\:grid__5\/6 {
    width: 83.3333333333%;
  }
  .modern .desktop\:grid--11\/12 > *, .flexbox.csscalc.js .desktop\:grid--11\/12 > * {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .desktop\:grid--11\/12 > *, .no-flexbox .desktop\:grid--11\/12 > *, .no-csscalc .desktop\:grid--11\/12 > *, .no-js .desktop\:grid--11\/12 > * {
    width: 91.6666666667%;
  }
  .modern .desktop\:grid__11\/12, .flexbox.csscalc.js .desktop\:grid__11\/12 {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .desktop\:grid__11\/12, .no-flexbox .desktop\:grid__11\/12, .no-csscalc .desktop\:grid__11\/12, .no-js .desktop\:grid__11\/12 {
    width: 91.6666666667%;
  }
  .modern .desktop\:grid--12\/12 > *, .modern .desktop\:grid--1\/1 > *, .modern .desktop\:grid--2\/2 > *, .modern .desktop\:grid--3\/3 > *, .modern .desktop\:grid--4\/4 > *, .modern .desktop\:grid--6\/6 > *, .flexbox.csscalc.js .desktop\:grid--12\/12 > *, .flexbox.csscalc.js .desktop\:grid--1\/1 > *, .flexbox.csscalc.js .desktop\:grid--2\/2 > *, .flexbox.csscalc.js .desktop\:grid--3\/3 > *, .flexbox.csscalc.js .desktop\:grid--4\/4 > *, .flexbox.csscalc.js .desktop\:grid--6\/6 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--12\/12 > *, .legacy .desktop\:grid--1\/1 > *, .legacy .desktop\:grid--2\/2 > *, .legacy .desktop\:grid--3\/3 > *, .legacy .desktop\:grid--4\/4 > *, .legacy .desktop\:grid--6\/6 > *, .no-flexbox .desktop\:grid--12\/12 > *, .no-flexbox .desktop\:grid--1\/1 > *, .no-flexbox .desktop\:grid--2\/2 > *, .no-flexbox .desktop\:grid--3\/3 > *, .no-flexbox .desktop\:grid--4\/4 > *, .no-flexbox .desktop\:grid--6\/6 > *, .no-csscalc .desktop\:grid--12\/12 > *, .no-csscalc .desktop\:grid--1\/1 > *, .no-csscalc .desktop\:grid--2\/2 > *, .no-csscalc .desktop\:grid--3\/3 > *, .no-csscalc .desktop\:grid--4\/4 > *, .no-csscalc .desktop\:grid--6\/6 > *, .no-js .desktop\:grid--12\/12 > *, .no-js .desktop\:grid--1\/1 > *, .no-js .desktop\:grid--2\/2 > *, .no-js .desktop\:grid--3\/3 > *, .no-js .desktop\:grid--4\/4 > *, .no-js .desktop\:grid--6\/6 > * {
    width: 100%;
  }
  .modern .desktop\:grid__12\/12, .modern .desktop\:grid__1\/1, .modern .desktop\:grid__2\/2, .modern .desktop\:grid__3\/3, .modern .desktop\:grid__4\/4, .modern .desktop\:grid__6\/6, .flexbox.csscalc.js .desktop\:grid__12\/12, .flexbox.csscalc.js .desktop\:grid__1\/1, .flexbox.csscalc.js .desktop\:grid__2\/2, .flexbox.csscalc.js .desktop\:grid__3\/3, .flexbox.csscalc.js .desktop\:grid__4\/4, .flexbox.csscalc.js .desktop\:grid__6\/6 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__12\/12, .legacy .desktop\:grid__1\/1, .legacy .desktop\:grid__2\/2, .legacy .desktop\:grid__3\/3, .legacy .desktop\:grid__4\/4, .legacy .desktop\:grid__6\/6, .no-flexbox .desktop\:grid__12\/12, .no-flexbox .desktop\:grid__1\/1, .no-flexbox .desktop\:grid__2\/2, .no-flexbox .desktop\:grid__3\/3, .no-flexbox .desktop\:grid__4\/4, .no-flexbox .desktop\:grid__6\/6, .no-csscalc .desktop\:grid__12\/12, .no-csscalc .desktop\:grid__1\/1, .no-csscalc .desktop\:grid__2\/2, .no-csscalc .desktop\:grid__3\/3, .no-csscalc .desktop\:grid__4\/4, .no-csscalc .desktop\:grid__6\/6, .no-js .desktop\:grid__12\/12, .no-js .desktop\:grid__1\/1, .no-js .desktop\:grid__2\/2, .no-js .desktop\:grid__3\/3, .no-js .desktop\:grid__4\/4, .no-js .desktop\:grid__6\/6 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/5 > *, .flexbox.csscalc.js .desktop\:grid--1\/5 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid--1\/5 > *, .no-flexbox .desktop\:grid--1\/5 > *, .no-csscalc .desktop\:grid--1\/5 > *, .no-js .desktop\:grid--1\/5 > * {
    width: 20%;
  }
  .modern .desktop\:grid__1\/5, .flexbox.csscalc.js .desktop\:grid__1\/5 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid__1\/5, .no-flexbox .desktop\:grid__1\/5, .no-csscalc .desktop\:grid__1\/5, .no-js .desktop\:grid__1\/5 {
    width: 20%;
  }
  .modern .desktop\:grid--2\/5 > *, .flexbox.csscalc.js .desktop\:grid--2\/5 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid--2\/5 > *, .no-flexbox .desktop\:grid--2\/5 > *, .no-csscalc .desktop\:grid--2\/5 > *, .no-js .desktop\:grid--2\/5 > * {
    width: 40%;
  }
  .modern .desktop\:grid__2\/5, .flexbox.csscalc.js .desktop\:grid__2\/5 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid__2\/5, .no-flexbox .desktop\:grid__2\/5, .no-csscalc .desktop\:grid__2\/5, .no-js .desktop\:grid__2\/5 {
    width: 40%;
  }
  .modern .desktop\:grid--3\/5 > *, .flexbox.csscalc.js .desktop\:grid--3\/5 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid--3\/5 > *, .no-flexbox .desktop\:grid--3\/5 > *, .no-csscalc .desktop\:grid--3\/5 > *, .no-js .desktop\:grid--3\/5 > * {
    width: 60%;
  }
  .modern .desktop\:grid__3\/5, .flexbox.csscalc.js .desktop\:grid__3\/5 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid__3\/5, .no-flexbox .desktop\:grid__3\/5, .no-csscalc .desktop\:grid__3\/5, .no-js .desktop\:grid__3\/5 {
    width: 60%;
  }
  .modern .desktop\:grid--4\/5 > *, .flexbox.csscalc.js .desktop\:grid--4\/5 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid--4\/5 > *, .no-flexbox .desktop\:grid--4\/5 > *, .no-csscalc .desktop\:grid--4\/5 > *, .no-js .desktop\:grid--4\/5 > * {
    width: 80%;
  }
  .modern .desktop\:grid__4\/5, .flexbox.csscalc.js .desktop\:grid__4\/5 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid__4\/5, .no-flexbox .desktop\:grid__4\/5, .no-csscalc .desktop\:grid__4\/5, .no-js .desktop\:grid__4\/5 {
    width: 80%;
  }
  .modern .desktop\:grid--5\/5 > *, .flexbox.csscalc.js .desktop\:grid--5\/5 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--5\/5 > *, .no-flexbox .desktop\:grid--5\/5 > *, .no-csscalc .desktop\:grid--5\/5 > *, .no-js .desktop\:grid--5\/5 > * {
    width: 100%;
  }
  .modern .desktop\:grid__5\/5, .flexbox.csscalc.js .desktop\:grid__5\/5 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__5\/5, .no-flexbox .desktop\:grid__5\/5, .no-csscalc .desktop\:grid__5\/5, .no-js .desktop\:grid__5\/5 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/7 > *, .flexbox.csscalc.js .desktop\:grid--1\/7 > * {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .desktop\:grid--1\/7 > *, .no-flexbox .desktop\:grid--1\/7 > *, .no-csscalc .desktop\:grid--1\/7 > *, .no-js .desktop\:grid--1\/7 > * {
    width: 14.2857142857%;
  }
  .modern .desktop\:grid__1\/7, .flexbox.csscalc.js .desktop\:grid__1\/7 {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .desktop\:grid__1\/7, .no-flexbox .desktop\:grid__1\/7, .no-csscalc .desktop\:grid__1\/7, .no-js .desktop\:grid__1\/7 {
    width: 14.2857142857%;
  }
  .modern .desktop\:grid--2\/7 > *, .flexbox.csscalc.js .desktop\:grid--2\/7 > * {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .desktop\:grid--2\/7 > *, .no-flexbox .desktop\:grid--2\/7 > *, .no-csscalc .desktop\:grid--2\/7 > *, .no-js .desktop\:grid--2\/7 > * {
    width: 28.5714285714%;
  }
  .modern .desktop\:grid__2\/7, .flexbox.csscalc.js .desktop\:grid__2\/7 {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .desktop\:grid__2\/7, .no-flexbox .desktop\:grid__2\/7, .no-csscalc .desktop\:grid__2\/7, .no-js .desktop\:grid__2\/7 {
    width: 28.5714285714%;
  }
  .modern .desktop\:grid--3\/7 > *, .flexbox.csscalc.js .desktop\:grid--3\/7 > * {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .desktop\:grid--3\/7 > *, .no-flexbox .desktop\:grid--3\/7 > *, .no-csscalc .desktop\:grid--3\/7 > *, .no-js .desktop\:grid--3\/7 > * {
    width: 42.8571428571%;
  }
  .modern .desktop\:grid__3\/7, .flexbox.csscalc.js .desktop\:grid__3\/7 {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .desktop\:grid__3\/7, .no-flexbox .desktop\:grid__3\/7, .no-csscalc .desktop\:grid__3\/7, .no-js .desktop\:grid__3\/7 {
    width: 42.8571428571%;
  }
  .modern .desktop\:grid--4\/7 > *, .flexbox.csscalc.js .desktop\:grid--4\/7 > * {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .desktop\:grid--4\/7 > *, .no-flexbox .desktop\:grid--4\/7 > *, .no-csscalc .desktop\:grid--4\/7 > *, .no-js .desktop\:grid--4\/7 > * {
    width: 57.1428571429%;
  }
  .modern .desktop\:grid__4\/7, .flexbox.csscalc.js .desktop\:grid__4\/7 {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .desktop\:grid__4\/7, .no-flexbox .desktop\:grid__4\/7, .no-csscalc .desktop\:grid__4\/7, .no-js .desktop\:grid__4\/7 {
    width: 57.1428571429%;
  }
  .modern .desktop\:grid--5\/7 > *, .flexbox.csscalc.js .desktop\:grid--5\/7 > * {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .desktop\:grid--5\/7 > *, .no-flexbox .desktop\:grid--5\/7 > *, .no-csscalc .desktop\:grid--5\/7 > *, .no-js .desktop\:grid--5\/7 > * {
    width: 71.4285714286%;
  }
  .modern .desktop\:grid__5\/7, .flexbox.csscalc.js .desktop\:grid__5\/7 {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .desktop\:grid__5\/7, .no-flexbox .desktop\:grid__5\/7, .no-csscalc .desktop\:grid__5\/7, .no-js .desktop\:grid__5\/7 {
    width: 71.4285714286%;
  }
  .modern .desktop\:grid--6\/7 > *, .flexbox.csscalc.js .desktop\:grid--6\/7 > * {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .desktop\:grid--6\/7 > *, .no-flexbox .desktop\:grid--6\/7 > *, .no-csscalc .desktop\:grid--6\/7 > *, .no-js .desktop\:grid--6\/7 > * {
    width: 85.7142857143%;
  }
  .modern .desktop\:grid__6\/7, .flexbox.csscalc.js .desktop\:grid__6\/7 {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .desktop\:grid__6\/7, .no-flexbox .desktop\:grid__6\/7, .no-csscalc .desktop\:grid__6\/7, .no-js .desktop\:grid__6\/7 {
    width: 85.7142857143%;
  }
  .modern .desktop\:grid--7\/7 > *, .flexbox.csscalc.js .desktop\:grid--7\/7 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--7\/7 > *, .no-flexbox .desktop\:grid--7\/7 > *, .no-csscalc .desktop\:grid--7\/7 > *, .no-js .desktop\:grid--7\/7 > * {
    width: 100%;
  }
  .modern .desktop\:grid__7\/7, .flexbox.csscalc.js .desktop\:grid__7\/7 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__7\/7, .no-flexbox .desktop\:grid__7\/7, .no-csscalc .desktop\:grid__7\/7, .no-js .desktop\:grid__7\/7 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/8 > *, .flexbox.csscalc.js .desktop\:grid--1\/8 > * {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .desktop\:grid--1\/8 > *, .no-flexbox .desktop\:grid--1\/8 > *, .no-csscalc .desktop\:grid--1\/8 > *, .no-js .desktop\:grid--1\/8 > * {
    width: 12.5%;
  }
  .modern .desktop\:grid__1\/8, .flexbox.csscalc.js .desktop\:grid__1\/8 {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .desktop\:grid__1\/8, .no-flexbox .desktop\:grid__1\/8, .no-csscalc .desktop\:grid__1\/8, .no-js .desktop\:grid__1\/8 {
    width: 12.5%;
  }
  .modern .desktop\:grid--2\/8 > *, .flexbox.csscalc.js .desktop\:grid--2\/8 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid--2\/8 > *, .no-flexbox .desktop\:grid--2\/8 > *, .no-csscalc .desktop\:grid--2\/8 > *, .no-js .desktop\:grid--2\/8 > * {
    width: 25%;
  }
  .modern .desktop\:grid__2\/8, .flexbox.csscalc.js .desktop\:grid__2\/8 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .desktop\:grid__2\/8, .no-flexbox .desktop\:grid__2\/8, .no-csscalc .desktop\:grid__2\/8, .no-js .desktop\:grid__2\/8 {
    width: 25%;
  }
  .modern .desktop\:grid--3\/8 > *, .flexbox.csscalc.js .desktop\:grid--3\/8 > * {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .desktop\:grid--3\/8 > *, .no-flexbox .desktop\:grid--3\/8 > *, .no-csscalc .desktop\:grid--3\/8 > *, .no-js .desktop\:grid--3\/8 > * {
    width: 37.5%;
  }
  .modern .desktop\:grid__3\/8, .flexbox.csscalc.js .desktop\:grid__3\/8 {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .desktop\:grid__3\/8, .no-flexbox .desktop\:grid__3\/8, .no-csscalc .desktop\:grid__3\/8, .no-js .desktop\:grid__3\/8 {
    width: 37.5%;
  }
  .modern .desktop\:grid--4\/8 > *, .flexbox.csscalc.js .desktop\:grid--4\/8 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid--4\/8 > *, .no-flexbox .desktop\:grid--4\/8 > *, .no-csscalc .desktop\:grid--4\/8 > *, .no-js .desktop\:grid--4\/8 > * {
    width: 50%;
  }
  .modern .desktop\:grid__4\/8, .flexbox.csscalc.js .desktop\:grid__4\/8 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid__4\/8, .no-flexbox .desktop\:grid__4\/8, .no-csscalc .desktop\:grid__4\/8, .no-js .desktop\:grid__4\/8 {
    width: 50%;
  }
  .modern .desktop\:grid--5\/8 > *, .flexbox.csscalc.js .desktop\:grid--5\/8 > * {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .desktop\:grid--5\/8 > *, .no-flexbox .desktop\:grid--5\/8 > *, .no-csscalc .desktop\:grid--5\/8 > *, .no-js .desktop\:grid--5\/8 > * {
    width: 62.5%;
  }
  .modern .desktop\:grid__5\/8, .flexbox.csscalc.js .desktop\:grid__5\/8 {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .desktop\:grid__5\/8, .no-flexbox .desktop\:grid__5\/8, .no-csscalc .desktop\:grid__5\/8, .no-js .desktop\:grid__5\/8 {
    width: 62.5%;
  }
  .modern .desktop\:grid--6\/8 > *, .flexbox.csscalc.js .desktop\:grid--6\/8 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid--6\/8 > *, .no-flexbox .desktop\:grid--6\/8 > *, .no-csscalc .desktop\:grid--6\/8 > *, .no-js .desktop\:grid--6\/8 > * {
    width: 75%;
  }
  .modern .desktop\:grid__6\/8, .flexbox.csscalc.js .desktop\:grid__6\/8 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .desktop\:grid__6\/8, .no-flexbox .desktop\:grid__6\/8, .no-csscalc .desktop\:grid__6\/8, .no-js .desktop\:grid__6\/8 {
    width: 75%;
  }
  .modern .desktop\:grid--7\/8 > *, .flexbox.csscalc.js .desktop\:grid--7\/8 > * {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .desktop\:grid--7\/8 > *, .no-flexbox .desktop\:grid--7\/8 > *, .no-csscalc .desktop\:grid--7\/8 > *, .no-js .desktop\:grid--7\/8 > * {
    width: 87.5%;
  }
  .modern .desktop\:grid__7\/8, .flexbox.csscalc.js .desktop\:grid__7\/8 {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .desktop\:grid__7\/8, .no-flexbox .desktop\:grid__7\/8, .no-csscalc .desktop\:grid__7\/8, .no-js .desktop\:grid__7\/8 {
    width: 87.5%;
  }
  .modern .desktop\:grid--8\/8 > *, .flexbox.csscalc.js .desktop\:grid--8\/8 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--8\/8 > *, .no-flexbox .desktop\:grid--8\/8 > *, .no-csscalc .desktop\:grid--8\/8 > *, .no-js .desktop\:grid--8\/8 > * {
    width: 100%;
  }
  .modern .desktop\:grid__8\/8, .flexbox.csscalc.js .desktop\:grid__8\/8 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__8\/8, .no-flexbox .desktop\:grid__8\/8, .no-csscalc .desktop\:grid__8\/8, .no-js .desktop\:grid__8\/8 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/9 > *, .flexbox.csscalc.js .desktop\:grid--1\/9 > * {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .desktop\:grid--1\/9 > *, .no-flexbox .desktop\:grid--1\/9 > *, .no-csscalc .desktop\:grid--1\/9 > *, .no-js .desktop\:grid--1\/9 > * {
    width: 11.1111111111%;
  }
  .modern .desktop\:grid__1\/9, .flexbox.csscalc.js .desktop\:grid__1\/9 {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .desktop\:grid__1\/9, .no-flexbox .desktop\:grid__1\/9, .no-csscalc .desktop\:grid__1\/9, .no-js .desktop\:grid__1\/9 {
    width: 11.1111111111%;
  }
  .modern .desktop\:grid--2\/9 > *, .flexbox.csscalc.js .desktop\:grid--2\/9 > * {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .desktop\:grid--2\/9 > *, .no-flexbox .desktop\:grid--2\/9 > *, .no-csscalc .desktop\:grid--2\/9 > *, .no-js .desktop\:grid--2\/9 > * {
    width: 22.2222222222%;
  }
  .modern .desktop\:grid__2\/9, .flexbox.csscalc.js .desktop\:grid__2\/9 {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .desktop\:grid__2\/9, .no-flexbox .desktop\:grid__2\/9, .no-csscalc .desktop\:grid__2\/9, .no-js .desktop\:grid__2\/9 {
    width: 22.2222222222%;
  }
  .modern .desktop\:grid--3\/9 > *, .flexbox.csscalc.js .desktop\:grid--3\/9 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid--3\/9 > *, .no-flexbox .desktop\:grid--3\/9 > *, .no-csscalc .desktop\:grid--3\/9 > *, .no-js .desktop\:grid--3\/9 > * {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid__3\/9, .flexbox.csscalc.js .desktop\:grid__3\/9 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .desktop\:grid__3\/9, .no-flexbox .desktop\:grid__3\/9, .no-csscalc .desktop\:grid__3\/9, .no-js .desktop\:grid__3\/9 {
    width: 33.3333333333%;
  }
  .modern .desktop\:grid--4\/9 > *, .flexbox.csscalc.js .desktop\:grid--4\/9 > * {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .desktop\:grid--4\/9 > *, .no-flexbox .desktop\:grid--4\/9 > *, .no-csscalc .desktop\:grid--4\/9 > *, .no-js .desktop\:grid--4\/9 > * {
    width: 44.4444444444%;
  }
  .modern .desktop\:grid__4\/9, .flexbox.csscalc.js .desktop\:grid__4\/9 {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .desktop\:grid__4\/9, .no-flexbox .desktop\:grid__4\/9, .no-csscalc .desktop\:grid__4\/9, .no-js .desktop\:grid__4\/9 {
    width: 44.4444444444%;
  }
  .modern .desktop\:grid--5\/9 > *, .flexbox.csscalc.js .desktop\:grid--5\/9 > * {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .desktop\:grid--5\/9 > *, .no-flexbox .desktop\:grid--5\/9 > *, .no-csscalc .desktop\:grid--5\/9 > *, .no-js .desktop\:grid--5\/9 > * {
    width: 55.5555555556%;
  }
  .modern .desktop\:grid__5\/9, .flexbox.csscalc.js .desktop\:grid__5\/9 {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .desktop\:grid__5\/9, .no-flexbox .desktop\:grid__5\/9, .no-csscalc .desktop\:grid__5\/9, .no-js .desktop\:grid__5\/9 {
    width: 55.5555555556%;
  }
  .modern .desktop\:grid--6\/9 > *, .flexbox.csscalc.js .desktop\:grid--6\/9 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid--6\/9 > *, .no-flexbox .desktop\:grid--6\/9 > *, .no-csscalc .desktop\:grid--6\/9 > *, .no-js .desktop\:grid--6\/9 > * {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid__6\/9, .flexbox.csscalc.js .desktop\:grid__6\/9 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .desktop\:grid__6\/9, .no-flexbox .desktop\:grid__6\/9, .no-csscalc .desktop\:grid__6\/9, .no-js .desktop\:grid__6\/9 {
    width: 66.6666666667%;
  }
  .modern .desktop\:grid--7\/9 > *, .flexbox.csscalc.js .desktop\:grid--7\/9 > * {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .desktop\:grid--7\/9 > *, .no-flexbox .desktop\:grid--7\/9 > *, .no-csscalc .desktop\:grid--7\/9 > *, .no-js .desktop\:grid--7\/9 > * {
    width: 77.7777777778%;
  }
  .modern .desktop\:grid__7\/9, .flexbox.csscalc.js .desktop\:grid__7\/9 {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .desktop\:grid__7\/9, .no-flexbox .desktop\:grid__7\/9, .no-csscalc .desktop\:grid__7\/9, .no-js .desktop\:grid__7\/9 {
    width: 77.7777777778%;
  }
  .modern .desktop\:grid--8\/9 > *, .flexbox.csscalc.js .desktop\:grid--8\/9 > * {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .desktop\:grid--8\/9 > *, .no-flexbox .desktop\:grid--8\/9 > *, .no-csscalc .desktop\:grid--8\/9 > *, .no-js .desktop\:grid--8\/9 > * {
    width: 88.8888888889%;
  }
  .modern .desktop\:grid__8\/9, .flexbox.csscalc.js .desktop\:grid__8\/9 {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .desktop\:grid__8\/9, .no-flexbox .desktop\:grid__8\/9, .no-csscalc .desktop\:grid__8\/9, .no-js .desktop\:grid__8\/9 {
    width: 88.8888888889%;
  }
  .modern .desktop\:grid--9\/9 > *, .flexbox.csscalc.js .desktop\:grid--9\/9 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--9\/9 > *, .no-flexbox .desktop\:grid--9\/9 > *, .no-csscalc .desktop\:grid--9\/9 > *, .no-js .desktop\:grid--9\/9 > * {
    width: 100%;
  }
  .modern .desktop\:grid__9\/9, .flexbox.csscalc.js .desktop\:grid__9\/9 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__9\/9, .no-flexbox .desktop\:grid__9\/9, .no-csscalc .desktop\:grid__9\/9, .no-js .desktop\:grid__9\/9 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/10 > *, .flexbox.csscalc.js .desktop\:grid--1\/10 > * {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .desktop\:grid--1\/10 > *, .no-flexbox .desktop\:grid--1\/10 > *, .no-csscalc .desktop\:grid--1\/10 > *, .no-js .desktop\:grid--1\/10 > * {
    width: 10%;
  }
  .modern .desktop\:grid__1\/10, .flexbox.csscalc.js .desktop\:grid__1\/10 {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .desktop\:grid__1\/10, .no-flexbox .desktop\:grid__1\/10, .no-csscalc .desktop\:grid__1\/10, .no-js .desktop\:grid__1\/10 {
    width: 10%;
  }
  .modern .desktop\:grid--2\/10 > *, .flexbox.csscalc.js .desktop\:grid--2\/10 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid--2\/10 > *, .no-flexbox .desktop\:grid--2\/10 > *, .no-csscalc .desktop\:grid--2\/10 > *, .no-js .desktop\:grid--2\/10 > * {
    width: 20%;
  }
  .modern .desktop\:grid__2\/10, .flexbox.csscalc.js .desktop\:grid__2\/10 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .desktop\:grid__2\/10, .no-flexbox .desktop\:grid__2\/10, .no-csscalc .desktop\:grid__2\/10, .no-js .desktop\:grid__2\/10 {
    width: 20%;
  }
  .modern .desktop\:grid--3\/10 > *, .flexbox.csscalc.js .desktop\:grid--3\/10 > * {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .desktop\:grid--3\/10 > *, .no-flexbox .desktop\:grid--3\/10 > *, .no-csscalc .desktop\:grid--3\/10 > *, .no-js .desktop\:grid--3\/10 > * {
    width: 30%;
  }
  .modern .desktop\:grid__3\/10, .flexbox.csscalc.js .desktop\:grid__3\/10 {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .desktop\:grid__3\/10, .no-flexbox .desktop\:grid__3\/10, .no-csscalc .desktop\:grid__3\/10, .no-js .desktop\:grid__3\/10 {
    width: 30%;
  }
  .modern .desktop\:grid--4\/10 > *, .flexbox.csscalc.js .desktop\:grid--4\/10 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid--4\/10 > *, .no-flexbox .desktop\:grid--4\/10 > *, .no-csscalc .desktop\:grid--4\/10 > *, .no-js .desktop\:grid--4\/10 > * {
    width: 40%;
  }
  .modern .desktop\:grid__4\/10, .flexbox.csscalc.js .desktop\:grid__4\/10 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .desktop\:grid__4\/10, .no-flexbox .desktop\:grid__4\/10, .no-csscalc .desktop\:grid__4\/10, .no-js .desktop\:grid__4\/10 {
    width: 40%;
  }
  .modern .desktop\:grid--5\/10 > *, .flexbox.csscalc.js .desktop\:grid--5\/10 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid--5\/10 > *, .no-flexbox .desktop\:grid--5\/10 > *, .no-csscalc .desktop\:grid--5\/10 > *, .no-js .desktop\:grid--5\/10 > * {
    width: 50%;
  }
  .modern .desktop\:grid__5\/10, .flexbox.csscalc.js .desktop\:grid__5\/10 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .desktop\:grid__5\/10, .no-flexbox .desktop\:grid__5\/10, .no-csscalc .desktop\:grid__5\/10, .no-js .desktop\:grid__5\/10 {
    width: 50%;
  }
  .modern .desktop\:grid--6\/10 > *, .flexbox.csscalc.js .desktop\:grid--6\/10 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid--6\/10 > *, .no-flexbox .desktop\:grid--6\/10 > *, .no-csscalc .desktop\:grid--6\/10 > *, .no-js .desktop\:grid--6\/10 > * {
    width: 60%;
  }
  .modern .desktop\:grid__6\/10, .flexbox.csscalc.js .desktop\:grid__6\/10 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .desktop\:grid__6\/10, .no-flexbox .desktop\:grid__6\/10, .no-csscalc .desktop\:grid__6\/10, .no-js .desktop\:grid__6\/10 {
    width: 60%;
  }
  .modern .desktop\:grid--7\/10 > *, .flexbox.csscalc.js .desktop\:grid--7\/10 > * {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .desktop\:grid--7\/10 > *, .no-flexbox .desktop\:grid--7\/10 > *, .no-csscalc .desktop\:grid--7\/10 > *, .no-js .desktop\:grid--7\/10 > * {
    width: 70%;
  }
  .modern .desktop\:grid__7\/10, .flexbox.csscalc.js .desktop\:grid__7\/10 {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .desktop\:grid__7\/10, .no-flexbox .desktop\:grid__7\/10, .no-csscalc .desktop\:grid__7\/10, .no-js .desktop\:grid__7\/10 {
    width: 70%;
  }
  .modern .desktop\:grid--8\/10 > *, .flexbox.csscalc.js .desktop\:grid--8\/10 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid--8\/10 > *, .no-flexbox .desktop\:grid--8\/10 > *, .no-csscalc .desktop\:grid--8\/10 > *, .no-js .desktop\:grid--8\/10 > * {
    width: 80%;
  }
  .modern .desktop\:grid__8\/10, .flexbox.csscalc.js .desktop\:grid__8\/10 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .desktop\:grid__8\/10, .no-flexbox .desktop\:grid__8\/10, .no-csscalc .desktop\:grid__8\/10, .no-js .desktop\:grid__8\/10 {
    width: 80%;
  }
  .modern .desktop\:grid--9\/10 > *, .flexbox.csscalc.js .desktop\:grid--9\/10 > * {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .desktop\:grid--9\/10 > *, .no-flexbox .desktop\:grid--9\/10 > *, .no-csscalc .desktop\:grid--9\/10 > *, .no-js .desktop\:grid--9\/10 > * {
    width: 90%;
  }
  .modern .desktop\:grid__9\/10, .flexbox.csscalc.js .desktop\:grid__9\/10 {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .desktop\:grid__9\/10, .no-flexbox .desktop\:grid__9\/10, .no-csscalc .desktop\:grid__9\/10, .no-js .desktop\:grid__9\/10 {
    width: 90%;
  }
  .modern .desktop\:grid--10\/10 > *, .flexbox.csscalc.js .desktop\:grid--10\/10 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--10\/10 > *, .no-flexbox .desktop\:grid--10\/10 > *, .no-csscalc .desktop\:grid--10\/10 > *, .no-js .desktop\:grid--10\/10 > * {
    width: 100%;
  }
  .modern .desktop\:grid__10\/10, .flexbox.csscalc.js .desktop\:grid__10\/10 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__10\/10, .no-flexbox .desktop\:grid__10\/10, .no-csscalc .desktop\:grid__10\/10, .no-js .desktop\:grid__10\/10 {
    width: 100%;
  }
  .modern .desktop\:grid--1\/11 > *, .flexbox.csscalc.js .desktop\:grid--1\/11 > * {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .desktop\:grid--1\/11 > *, .no-flexbox .desktop\:grid--1\/11 > *, .no-csscalc .desktop\:grid--1\/11 > *, .no-js .desktop\:grid--1\/11 > * {
    width: 9.0909090909%;
  }
  .modern .desktop\:grid__1\/11, .flexbox.csscalc.js .desktop\:grid__1\/11 {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .desktop\:grid__1\/11, .no-flexbox .desktop\:grid__1\/11, .no-csscalc .desktop\:grid__1\/11, .no-js .desktop\:grid__1\/11 {
    width: 9.0909090909%;
  }
  .modern .desktop\:grid--2\/11 > *, .flexbox.csscalc.js .desktop\:grid--2\/11 > * {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .desktop\:grid--2\/11 > *, .no-flexbox .desktop\:grid--2\/11 > *, .no-csscalc .desktop\:grid--2\/11 > *, .no-js .desktop\:grid--2\/11 > * {
    width: 18.1818181818%;
  }
  .modern .desktop\:grid__2\/11, .flexbox.csscalc.js .desktop\:grid__2\/11 {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .desktop\:grid__2\/11, .no-flexbox .desktop\:grid__2\/11, .no-csscalc .desktop\:grid__2\/11, .no-js .desktop\:grid__2\/11 {
    width: 18.1818181818%;
  }
  .modern .desktop\:grid--3\/11 > *, .flexbox.csscalc.js .desktop\:grid--3\/11 > * {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .desktop\:grid--3\/11 > *, .no-flexbox .desktop\:grid--3\/11 > *, .no-csscalc .desktop\:grid--3\/11 > *, .no-js .desktop\:grid--3\/11 > * {
    width: 27.2727272727%;
  }
  .modern .desktop\:grid__3\/11, .flexbox.csscalc.js .desktop\:grid__3\/11 {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .desktop\:grid__3\/11, .no-flexbox .desktop\:grid__3\/11, .no-csscalc .desktop\:grid__3\/11, .no-js .desktop\:grid__3\/11 {
    width: 27.2727272727%;
  }
  .modern .desktop\:grid--4\/11 > *, .flexbox.csscalc.js .desktop\:grid--4\/11 > * {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .desktop\:grid--4\/11 > *, .no-flexbox .desktop\:grid--4\/11 > *, .no-csscalc .desktop\:grid--4\/11 > *, .no-js .desktop\:grid--4\/11 > * {
    width: 36.3636363636%;
  }
  .modern .desktop\:grid__4\/11, .flexbox.csscalc.js .desktop\:grid__4\/11 {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .desktop\:grid__4\/11, .no-flexbox .desktop\:grid__4\/11, .no-csscalc .desktop\:grid__4\/11, .no-js .desktop\:grid__4\/11 {
    width: 36.3636363636%;
  }
  .modern .desktop\:grid--5\/11 > *, .flexbox.csscalc.js .desktop\:grid--5\/11 > * {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .desktop\:grid--5\/11 > *, .no-flexbox .desktop\:grid--5\/11 > *, .no-csscalc .desktop\:grid--5\/11 > *, .no-js .desktop\:grid--5\/11 > * {
    width: 45.4545454545%;
  }
  .modern .desktop\:grid__5\/11, .flexbox.csscalc.js .desktop\:grid__5\/11 {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .desktop\:grid__5\/11, .no-flexbox .desktop\:grid__5\/11, .no-csscalc .desktop\:grid__5\/11, .no-js .desktop\:grid__5\/11 {
    width: 45.4545454545%;
  }
  .modern .desktop\:grid--6\/11 > *, .flexbox.csscalc.js .desktop\:grid--6\/11 > * {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .desktop\:grid--6\/11 > *, .no-flexbox .desktop\:grid--6\/11 > *, .no-csscalc .desktop\:grid--6\/11 > *, .no-js .desktop\:grid--6\/11 > * {
    width: 54.5454545455%;
  }
  .modern .desktop\:grid__6\/11, .flexbox.csscalc.js .desktop\:grid__6\/11 {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .desktop\:grid__6\/11, .no-flexbox .desktop\:grid__6\/11, .no-csscalc .desktop\:grid__6\/11, .no-js .desktop\:grid__6\/11 {
    width: 54.5454545455%;
  }
  .modern .desktop\:grid--7\/11 > *, .flexbox.csscalc.js .desktop\:grid--7\/11 > * {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .desktop\:grid--7\/11 > *, .no-flexbox .desktop\:grid--7\/11 > *, .no-csscalc .desktop\:grid--7\/11 > *, .no-js .desktop\:grid--7\/11 > * {
    width: 63.6363636364%;
  }
  .modern .desktop\:grid__7\/11, .flexbox.csscalc.js .desktop\:grid__7\/11 {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .desktop\:grid__7\/11, .no-flexbox .desktop\:grid__7\/11, .no-csscalc .desktop\:grid__7\/11, .no-js .desktop\:grid__7\/11 {
    width: 63.6363636364%;
  }
  .modern .desktop\:grid--8\/11 > *, .flexbox.csscalc.js .desktop\:grid--8\/11 > * {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .desktop\:grid--8\/11 > *, .no-flexbox .desktop\:grid--8\/11 > *, .no-csscalc .desktop\:grid--8\/11 > *, .no-js .desktop\:grid--8\/11 > * {
    width: 72.7272727273%;
  }
  .modern .desktop\:grid__8\/11, .flexbox.csscalc.js .desktop\:grid__8\/11 {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .desktop\:grid__8\/11, .no-flexbox .desktop\:grid__8\/11, .no-csscalc .desktop\:grid__8\/11, .no-js .desktop\:grid__8\/11 {
    width: 72.7272727273%;
  }
  .modern .desktop\:grid--9\/11 > *, .flexbox.csscalc.js .desktop\:grid--9\/11 > * {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .desktop\:grid--9\/11 > *, .no-flexbox .desktop\:grid--9\/11 > *, .no-csscalc .desktop\:grid--9\/11 > *, .no-js .desktop\:grid--9\/11 > * {
    width: 81.8181818182%;
  }
  .modern .desktop\:grid__9\/11, .flexbox.csscalc.js .desktop\:grid__9\/11 {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .desktop\:grid__9\/11, .no-flexbox .desktop\:grid__9\/11, .no-csscalc .desktop\:grid__9\/11, .no-js .desktop\:grid__9\/11 {
    width: 81.8181818182%;
  }
  .modern .desktop\:grid--10\/11 > *, .flexbox.csscalc.js .desktop\:grid--10\/11 > * {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .desktop\:grid--10\/11 > *, .no-flexbox .desktop\:grid--10\/11 > *, .no-csscalc .desktop\:grid--10\/11 > *, .no-js .desktop\:grid--10\/11 > * {
    width: 90.9090909091%;
  }
  .modern .desktop\:grid__10\/11, .flexbox.csscalc.js .desktop\:grid__10\/11 {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .desktop\:grid__10\/11, .no-flexbox .desktop\:grid__10\/11, .no-csscalc .desktop\:grid__10\/11, .no-js .desktop\:grid__10\/11 {
    width: 90.9090909091%;
  }
  .modern .desktop\:grid--11\/11 > *, .flexbox.csscalc.js .desktop\:grid--11\/11 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid--11\/11 > *, .no-flexbox .desktop\:grid--11\/11 > *, .no-csscalc .desktop\:grid--11\/11 > *, .no-js .desktop\:grid--11\/11 > * {
    width: 100%;
  }
  .modern .desktop\:grid__11\/11, .flexbox.csscalc.js .desktop\:grid__11\/11 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .desktop\:grid__11\/11, .no-flexbox .desktop\:grid__11\/11, .no-csscalc .desktop\:grid__11\/11, .no-js .desktop\:grid__11\/11 {
    width: 100%;
  }
}
@media (max-width: 1500px) {
  .desktop\:grid--left {
    text-align: left;
  }
  .modern .desktop\:grid--left, .flexbox.csscalc.js .desktop\:grid--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .desktop\:grid--center {
    text-align: center;
  }
  .modern .desktop\:grid--center, .flexbox.csscalc.js .desktop\:grid--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .desktop\:grid--right {
    text-align: right;
  }
  .modern .desktop\:grid--right, .flexbox.csscalc.js .desktop\:grid--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 1023px) {
  /* BREAKPOINTS */
  .modern .tablet\:grid--1\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/12 > * {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .tablet\:grid--1\/12 > *, .no-flexbox .tablet\:grid--1\/12 > *, .no-csscalc .tablet\:grid--1\/12 > *, .no-js .tablet\:grid--1\/12 > * {
    width: 8.3333333333%;
  }
  .modern .tablet\:grid__1\/12, .flexbox.csscalc.js .tablet\:grid__1\/12 {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .tablet\:grid__1\/12, .no-flexbox .tablet\:grid__1\/12, .no-csscalc .tablet\:grid__1\/12, .no-js .tablet\:grid__1\/12 {
    width: 8.3333333333%;
  }
  .modern .tablet\:grid--2\/12 > *, .modern .tablet\:grid--1\/6 > *, .flexbox.csscalc.js .tablet\:grid--2\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/6 > * {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .tablet\:grid--2\/12 > *, .legacy .tablet\:grid--1\/6 > *, .no-flexbox .tablet\:grid--2\/12 > *, .no-flexbox .tablet\:grid--1\/6 > *, .no-csscalc .tablet\:grid--2\/12 > *, .no-csscalc .tablet\:grid--1\/6 > *, .no-js .tablet\:grid--2\/12 > *, .no-js .tablet\:grid--1\/6 > * {
    width: 16.6666666667%;
  }
  .modern .tablet\:grid__2\/12, .modern .tablet\:grid__1\/6, .flexbox.csscalc.js .tablet\:grid__2\/12, .flexbox.csscalc.js .tablet\:grid__1\/6 {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .tablet\:grid__2\/12, .legacy .tablet\:grid__1\/6, .no-flexbox .tablet\:grid__2\/12, .no-flexbox .tablet\:grid__1\/6, .no-csscalc .tablet\:grid__2\/12, .no-csscalc .tablet\:grid__1\/6, .no-js .tablet\:grid__2\/12, .no-js .tablet\:grid__1\/6 {
    width: 16.6666666667%;
  }
  .modern .tablet\:grid--3\/12 > *, .modern .tablet\:grid--1\/4 > *, .flexbox.csscalc.js .tablet\:grid--3\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/4 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid--3\/12 > *, .legacy .tablet\:grid--1\/4 > *, .no-flexbox .tablet\:grid--3\/12 > *, .no-flexbox .tablet\:grid--1\/4 > *, .no-csscalc .tablet\:grid--3\/12 > *, .no-csscalc .tablet\:grid--1\/4 > *, .no-js .tablet\:grid--3\/12 > *, .no-js .tablet\:grid--1\/4 > * {
    width: 25%;
  }
  .modern .tablet\:grid__3\/12, .modern .tablet\:grid__1\/4, .flexbox.csscalc.js .tablet\:grid__3\/12, .flexbox.csscalc.js .tablet\:grid__1\/4 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid__3\/12, .legacy .tablet\:grid__1\/4, .no-flexbox .tablet\:grid__3\/12, .no-flexbox .tablet\:grid__1\/4, .no-csscalc .tablet\:grid__3\/12, .no-csscalc .tablet\:grid__1\/4, .no-js .tablet\:grid__3\/12, .no-js .tablet\:grid__1\/4 {
    width: 25%;
  }
  .modern .tablet\:grid--4\/12 > *, .modern .tablet\:grid--1\/3 > *, .modern .tablet\:grid--2\/6 > *, .flexbox.csscalc.js .tablet\:grid--4\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/3 > *, .flexbox.csscalc.js .tablet\:grid--2\/6 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid--4\/12 > *, .legacy .tablet\:grid--1\/3 > *, .legacy .tablet\:grid--2\/6 > *, .no-flexbox .tablet\:grid--4\/12 > *, .no-flexbox .tablet\:grid--1\/3 > *, .no-flexbox .tablet\:grid--2\/6 > *, .no-csscalc .tablet\:grid--4\/12 > *, .no-csscalc .tablet\:grid--1\/3 > *, .no-csscalc .tablet\:grid--2\/6 > *, .no-js .tablet\:grid--4\/12 > *, .no-js .tablet\:grid--1\/3 > *, .no-js .tablet\:grid--2\/6 > * {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid__4\/12, .modern .tablet\:grid__1\/3, .modern .tablet\:grid__2\/6, .flexbox.csscalc.js .tablet\:grid__4\/12, .flexbox.csscalc.js .tablet\:grid__1\/3, .flexbox.csscalc.js .tablet\:grid__2\/6 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid__4\/12, .legacy .tablet\:grid__1\/3, .legacy .tablet\:grid__2\/6, .no-flexbox .tablet\:grid__4\/12, .no-flexbox .tablet\:grid__1\/3, .no-flexbox .tablet\:grid__2\/6, .no-csscalc .tablet\:grid__4\/12, .no-csscalc .tablet\:grid__1\/3, .no-csscalc .tablet\:grid__2\/6, .no-js .tablet\:grid__4\/12, .no-js .tablet\:grid__1\/3, .no-js .tablet\:grid__2\/6 {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid--5\/12 > *, .flexbox.csscalc.js .tablet\:grid--5\/12 > * {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .tablet\:grid--5\/12 > *, .no-flexbox .tablet\:grid--5\/12 > *, .no-csscalc .tablet\:grid--5\/12 > *, .no-js .tablet\:grid--5\/12 > * {
    width: 41.6666666667%;
  }
  .modern .tablet\:grid__5\/12, .flexbox.csscalc.js .tablet\:grid__5\/12 {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .tablet\:grid__5\/12, .no-flexbox .tablet\:grid__5\/12, .no-csscalc .tablet\:grid__5\/12, .no-js .tablet\:grid__5\/12 {
    width: 41.6666666667%;
  }
  .modern .tablet\:grid--6\/12 > *, .modern .tablet\:grid--1\/2 > *, .modern .tablet\:grid--2\/4 > *, .modern .tablet\:grid--3\/6 > *, .flexbox.csscalc.js .tablet\:grid--6\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/2 > *, .flexbox.csscalc.js .tablet\:grid--2\/4 > *, .flexbox.csscalc.js .tablet\:grid--3\/6 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid--6\/12 > *, .legacy .tablet\:grid--1\/2 > *, .legacy .tablet\:grid--2\/4 > *, .legacy .tablet\:grid--3\/6 > *, .no-flexbox .tablet\:grid--6\/12 > *, .no-flexbox .tablet\:grid--1\/2 > *, .no-flexbox .tablet\:grid--2\/4 > *, .no-flexbox .tablet\:grid--3\/6 > *, .no-csscalc .tablet\:grid--6\/12 > *, .no-csscalc .tablet\:grid--1\/2 > *, .no-csscalc .tablet\:grid--2\/4 > *, .no-csscalc .tablet\:grid--3\/6 > *, .no-js .tablet\:grid--6\/12 > *, .no-js .tablet\:grid--1\/2 > *, .no-js .tablet\:grid--2\/4 > *, .no-js .tablet\:grid--3\/6 > * {
    width: 50%;
  }
  .modern .tablet\:grid__6\/12, .modern .tablet\:grid__1\/2, .modern .tablet\:grid__2\/4, .modern .tablet\:grid__3\/6, .flexbox.csscalc.js .tablet\:grid__6\/12, .flexbox.csscalc.js .tablet\:grid__1\/2, .flexbox.csscalc.js .tablet\:grid__2\/4, .flexbox.csscalc.js .tablet\:grid__3\/6 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid__6\/12, .legacy .tablet\:grid__1\/2, .legacy .tablet\:grid__2\/4, .legacy .tablet\:grid__3\/6, .no-flexbox .tablet\:grid__6\/12, .no-flexbox .tablet\:grid__1\/2, .no-flexbox .tablet\:grid__2\/4, .no-flexbox .tablet\:grid__3\/6, .no-csscalc .tablet\:grid__6\/12, .no-csscalc .tablet\:grid__1\/2, .no-csscalc .tablet\:grid__2\/4, .no-csscalc .tablet\:grid__3\/6, .no-js .tablet\:grid__6\/12, .no-js .tablet\:grid__1\/2, .no-js .tablet\:grid__2\/4, .no-js .tablet\:grid__3\/6 {
    width: 50%;
  }
  .modern .tablet\:grid--7\/12 > *, .flexbox.csscalc.js .tablet\:grid--7\/12 > * {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .tablet\:grid--7\/12 > *, .no-flexbox .tablet\:grid--7\/12 > *, .no-csscalc .tablet\:grid--7\/12 > *, .no-js .tablet\:grid--7\/12 > * {
    width: 58.3333333333%;
  }
  .modern .tablet\:grid__7\/12, .flexbox.csscalc.js .tablet\:grid__7\/12 {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .tablet\:grid__7\/12, .no-flexbox .tablet\:grid__7\/12, .no-csscalc .tablet\:grid__7\/12, .no-js .tablet\:grid__7\/12 {
    width: 58.3333333333%;
  }
  .modern .tablet\:grid--8\/12 > *, .modern .tablet\:grid--2\/3 > *, .modern .tablet\:grid--4\/6 > *, .flexbox.csscalc.js .tablet\:grid--8\/12 > *, .flexbox.csscalc.js .tablet\:grid--2\/3 > *, .flexbox.csscalc.js .tablet\:grid--4\/6 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid--8\/12 > *, .legacy .tablet\:grid--2\/3 > *, .legacy .tablet\:grid--4\/6 > *, .no-flexbox .tablet\:grid--8\/12 > *, .no-flexbox .tablet\:grid--2\/3 > *, .no-flexbox .tablet\:grid--4\/6 > *, .no-csscalc .tablet\:grid--8\/12 > *, .no-csscalc .tablet\:grid--2\/3 > *, .no-csscalc .tablet\:grid--4\/6 > *, .no-js .tablet\:grid--8\/12 > *, .no-js .tablet\:grid--2\/3 > *, .no-js .tablet\:grid--4\/6 > * {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid__8\/12, .modern .tablet\:grid__2\/3, .modern .tablet\:grid__4\/6, .flexbox.csscalc.js .tablet\:grid__8\/12, .flexbox.csscalc.js .tablet\:grid__2\/3, .flexbox.csscalc.js .tablet\:grid__4\/6 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid__8\/12, .legacy .tablet\:grid__2\/3, .legacy .tablet\:grid__4\/6, .no-flexbox .tablet\:grid__8\/12, .no-flexbox .tablet\:grid__2\/3, .no-flexbox .tablet\:grid__4\/6, .no-csscalc .tablet\:grid__8\/12, .no-csscalc .tablet\:grid__2\/3, .no-csscalc .tablet\:grid__4\/6, .no-js .tablet\:grid__8\/12, .no-js .tablet\:grid__2\/3, .no-js .tablet\:grid__4\/6 {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid--9\/12 > *, .modern .tablet\:grid--3\/4 > *, .flexbox.csscalc.js .tablet\:grid--9\/12 > *, .flexbox.csscalc.js .tablet\:grid--3\/4 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid--9\/12 > *, .legacy .tablet\:grid--3\/4 > *, .no-flexbox .tablet\:grid--9\/12 > *, .no-flexbox .tablet\:grid--3\/4 > *, .no-csscalc .tablet\:grid--9\/12 > *, .no-csscalc .tablet\:grid--3\/4 > *, .no-js .tablet\:grid--9\/12 > *, .no-js .tablet\:grid--3\/4 > * {
    width: 75%;
  }
  .modern .tablet\:grid__9\/12, .modern .tablet\:grid__3\/4, .flexbox.csscalc.js .tablet\:grid__9\/12, .flexbox.csscalc.js .tablet\:grid__3\/4 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid__9\/12, .legacy .tablet\:grid__3\/4, .no-flexbox .tablet\:grid__9\/12, .no-flexbox .tablet\:grid__3\/4, .no-csscalc .tablet\:grid__9\/12, .no-csscalc .tablet\:grid__3\/4, .no-js .tablet\:grid__9\/12, .no-js .tablet\:grid__3\/4 {
    width: 75%;
  }
  .modern .tablet\:grid--10\/12 > *, .modern .tablet\:grid--5\/6 > *, .flexbox.csscalc.js .tablet\:grid--10\/12 > *, .flexbox.csscalc.js .tablet\:grid--5\/6 > * {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .tablet\:grid--10\/12 > *, .legacy .tablet\:grid--5\/6 > *, .no-flexbox .tablet\:grid--10\/12 > *, .no-flexbox .tablet\:grid--5\/6 > *, .no-csscalc .tablet\:grid--10\/12 > *, .no-csscalc .tablet\:grid--5\/6 > *, .no-js .tablet\:grid--10\/12 > *, .no-js .tablet\:grid--5\/6 > * {
    width: 83.3333333333%;
  }
  .modern .tablet\:grid__10\/12, .modern .tablet\:grid__5\/6, .flexbox.csscalc.js .tablet\:grid__10\/12, .flexbox.csscalc.js .tablet\:grid__5\/6 {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .tablet\:grid__10\/12, .legacy .tablet\:grid__5\/6, .no-flexbox .tablet\:grid__10\/12, .no-flexbox .tablet\:grid__5\/6, .no-csscalc .tablet\:grid__10\/12, .no-csscalc .tablet\:grid__5\/6, .no-js .tablet\:grid__10\/12, .no-js .tablet\:grid__5\/6 {
    width: 83.3333333333%;
  }
  .modern .tablet\:grid--11\/12 > *, .flexbox.csscalc.js .tablet\:grid--11\/12 > * {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .tablet\:grid--11\/12 > *, .no-flexbox .tablet\:grid--11\/12 > *, .no-csscalc .tablet\:grid--11\/12 > *, .no-js .tablet\:grid--11\/12 > * {
    width: 91.6666666667%;
  }
  .modern .tablet\:grid__11\/12, .flexbox.csscalc.js .tablet\:grid__11\/12 {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .tablet\:grid__11\/12, .no-flexbox .tablet\:grid__11\/12, .no-csscalc .tablet\:grid__11\/12, .no-js .tablet\:grid__11\/12 {
    width: 91.6666666667%;
  }
  .modern .tablet\:grid--12\/12 > *, .modern .tablet\:grid--1\/1 > *, .modern .tablet\:grid--2\/2 > *, .modern .tablet\:grid--3\/3 > *, .modern .tablet\:grid--4\/4 > *, .modern .tablet\:grid--6\/6 > *, .flexbox.csscalc.js .tablet\:grid--12\/12 > *, .flexbox.csscalc.js .tablet\:grid--1\/1 > *, .flexbox.csscalc.js .tablet\:grid--2\/2 > *, .flexbox.csscalc.js .tablet\:grid--3\/3 > *, .flexbox.csscalc.js .tablet\:grid--4\/4 > *, .flexbox.csscalc.js .tablet\:grid--6\/6 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--12\/12 > *, .legacy .tablet\:grid--1\/1 > *, .legacy .tablet\:grid--2\/2 > *, .legacy .tablet\:grid--3\/3 > *, .legacy .tablet\:grid--4\/4 > *, .legacy .tablet\:grid--6\/6 > *, .no-flexbox .tablet\:grid--12\/12 > *, .no-flexbox .tablet\:grid--1\/1 > *, .no-flexbox .tablet\:grid--2\/2 > *, .no-flexbox .tablet\:grid--3\/3 > *, .no-flexbox .tablet\:grid--4\/4 > *, .no-flexbox .tablet\:grid--6\/6 > *, .no-csscalc .tablet\:grid--12\/12 > *, .no-csscalc .tablet\:grid--1\/1 > *, .no-csscalc .tablet\:grid--2\/2 > *, .no-csscalc .tablet\:grid--3\/3 > *, .no-csscalc .tablet\:grid--4\/4 > *, .no-csscalc .tablet\:grid--6\/6 > *, .no-js .tablet\:grid--12\/12 > *, .no-js .tablet\:grid--1\/1 > *, .no-js .tablet\:grid--2\/2 > *, .no-js .tablet\:grid--3\/3 > *, .no-js .tablet\:grid--4\/4 > *, .no-js .tablet\:grid--6\/6 > * {
    width: 100%;
  }
  .modern .tablet\:grid__12\/12, .modern .tablet\:grid__1\/1, .modern .tablet\:grid__2\/2, .modern .tablet\:grid__3\/3, .modern .tablet\:grid__4\/4, .modern .tablet\:grid__6\/6, .flexbox.csscalc.js .tablet\:grid__12\/12, .flexbox.csscalc.js .tablet\:grid__1\/1, .flexbox.csscalc.js .tablet\:grid__2\/2, .flexbox.csscalc.js .tablet\:grid__3\/3, .flexbox.csscalc.js .tablet\:grid__4\/4, .flexbox.csscalc.js .tablet\:grid__6\/6 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__12\/12, .legacy .tablet\:grid__1\/1, .legacy .tablet\:grid__2\/2, .legacy .tablet\:grid__3\/3, .legacy .tablet\:grid__4\/4, .legacy .tablet\:grid__6\/6, .no-flexbox .tablet\:grid__12\/12, .no-flexbox .tablet\:grid__1\/1, .no-flexbox .tablet\:grid__2\/2, .no-flexbox .tablet\:grid__3\/3, .no-flexbox .tablet\:grid__4\/4, .no-flexbox .tablet\:grid__6\/6, .no-csscalc .tablet\:grid__12\/12, .no-csscalc .tablet\:grid__1\/1, .no-csscalc .tablet\:grid__2\/2, .no-csscalc .tablet\:grid__3\/3, .no-csscalc .tablet\:grid__4\/4, .no-csscalc .tablet\:grid__6\/6, .no-js .tablet\:grid__12\/12, .no-js .tablet\:grid__1\/1, .no-js .tablet\:grid__2\/2, .no-js .tablet\:grid__3\/3, .no-js .tablet\:grid__4\/4, .no-js .tablet\:grid__6\/6 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/5 > *, .flexbox.csscalc.js .tablet\:grid--1\/5 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid--1\/5 > *, .no-flexbox .tablet\:grid--1\/5 > *, .no-csscalc .tablet\:grid--1\/5 > *, .no-js .tablet\:grid--1\/5 > * {
    width: 20%;
  }
  .modern .tablet\:grid__1\/5, .flexbox.csscalc.js .tablet\:grid__1\/5 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid__1\/5, .no-flexbox .tablet\:grid__1\/5, .no-csscalc .tablet\:grid__1\/5, .no-js .tablet\:grid__1\/5 {
    width: 20%;
  }
  .modern .tablet\:grid--2\/5 > *, .flexbox.csscalc.js .tablet\:grid--2\/5 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid--2\/5 > *, .no-flexbox .tablet\:grid--2\/5 > *, .no-csscalc .tablet\:grid--2\/5 > *, .no-js .tablet\:grid--2\/5 > * {
    width: 40%;
  }
  .modern .tablet\:grid__2\/5, .flexbox.csscalc.js .tablet\:grid__2\/5 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid__2\/5, .no-flexbox .tablet\:grid__2\/5, .no-csscalc .tablet\:grid__2\/5, .no-js .tablet\:grid__2\/5 {
    width: 40%;
  }
  .modern .tablet\:grid--3\/5 > *, .flexbox.csscalc.js .tablet\:grid--3\/5 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid--3\/5 > *, .no-flexbox .tablet\:grid--3\/5 > *, .no-csscalc .tablet\:grid--3\/5 > *, .no-js .tablet\:grid--3\/5 > * {
    width: 60%;
  }
  .modern .tablet\:grid__3\/5, .flexbox.csscalc.js .tablet\:grid__3\/5 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid__3\/5, .no-flexbox .tablet\:grid__3\/5, .no-csscalc .tablet\:grid__3\/5, .no-js .tablet\:grid__3\/5 {
    width: 60%;
  }
  .modern .tablet\:grid--4\/5 > *, .flexbox.csscalc.js .tablet\:grid--4\/5 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid--4\/5 > *, .no-flexbox .tablet\:grid--4\/5 > *, .no-csscalc .tablet\:grid--4\/5 > *, .no-js .tablet\:grid--4\/5 > * {
    width: 80%;
  }
  .modern .tablet\:grid__4\/5, .flexbox.csscalc.js .tablet\:grid__4\/5 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid__4\/5, .no-flexbox .tablet\:grid__4\/5, .no-csscalc .tablet\:grid__4\/5, .no-js .tablet\:grid__4\/5 {
    width: 80%;
  }
  .modern .tablet\:grid--5\/5 > *, .flexbox.csscalc.js .tablet\:grid--5\/5 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--5\/5 > *, .no-flexbox .tablet\:grid--5\/5 > *, .no-csscalc .tablet\:grid--5\/5 > *, .no-js .tablet\:grid--5\/5 > * {
    width: 100%;
  }
  .modern .tablet\:grid__5\/5, .flexbox.csscalc.js .tablet\:grid__5\/5 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__5\/5, .no-flexbox .tablet\:grid__5\/5, .no-csscalc .tablet\:grid__5\/5, .no-js .tablet\:grid__5\/5 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/7 > *, .flexbox.csscalc.js .tablet\:grid--1\/7 > * {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .tablet\:grid--1\/7 > *, .no-flexbox .tablet\:grid--1\/7 > *, .no-csscalc .tablet\:grid--1\/7 > *, .no-js .tablet\:grid--1\/7 > * {
    width: 14.2857142857%;
  }
  .modern .tablet\:grid__1\/7, .flexbox.csscalc.js .tablet\:grid__1\/7 {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .tablet\:grid__1\/7, .no-flexbox .tablet\:grid__1\/7, .no-csscalc .tablet\:grid__1\/7, .no-js .tablet\:grid__1\/7 {
    width: 14.2857142857%;
  }
  .modern .tablet\:grid--2\/7 > *, .flexbox.csscalc.js .tablet\:grid--2\/7 > * {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .tablet\:grid--2\/7 > *, .no-flexbox .tablet\:grid--2\/7 > *, .no-csscalc .tablet\:grid--2\/7 > *, .no-js .tablet\:grid--2\/7 > * {
    width: 28.5714285714%;
  }
  .modern .tablet\:grid__2\/7, .flexbox.csscalc.js .tablet\:grid__2\/7 {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .tablet\:grid__2\/7, .no-flexbox .tablet\:grid__2\/7, .no-csscalc .tablet\:grid__2\/7, .no-js .tablet\:grid__2\/7 {
    width: 28.5714285714%;
  }
  .modern .tablet\:grid--3\/7 > *, .flexbox.csscalc.js .tablet\:grid--3\/7 > * {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .tablet\:grid--3\/7 > *, .no-flexbox .tablet\:grid--3\/7 > *, .no-csscalc .tablet\:grid--3\/7 > *, .no-js .tablet\:grid--3\/7 > * {
    width: 42.8571428571%;
  }
  .modern .tablet\:grid__3\/7, .flexbox.csscalc.js .tablet\:grid__3\/7 {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .tablet\:grid__3\/7, .no-flexbox .tablet\:grid__3\/7, .no-csscalc .tablet\:grid__3\/7, .no-js .tablet\:grid__3\/7 {
    width: 42.8571428571%;
  }
  .modern .tablet\:grid--4\/7 > *, .flexbox.csscalc.js .tablet\:grid--4\/7 > * {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .tablet\:grid--4\/7 > *, .no-flexbox .tablet\:grid--4\/7 > *, .no-csscalc .tablet\:grid--4\/7 > *, .no-js .tablet\:grid--4\/7 > * {
    width: 57.1428571429%;
  }
  .modern .tablet\:grid__4\/7, .flexbox.csscalc.js .tablet\:grid__4\/7 {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .tablet\:grid__4\/7, .no-flexbox .tablet\:grid__4\/7, .no-csscalc .tablet\:grid__4\/7, .no-js .tablet\:grid__4\/7 {
    width: 57.1428571429%;
  }
  .modern .tablet\:grid--5\/7 > *, .flexbox.csscalc.js .tablet\:grid--5\/7 > * {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .tablet\:grid--5\/7 > *, .no-flexbox .tablet\:grid--5\/7 > *, .no-csscalc .tablet\:grid--5\/7 > *, .no-js .tablet\:grid--5\/7 > * {
    width: 71.4285714286%;
  }
  .modern .tablet\:grid__5\/7, .flexbox.csscalc.js .tablet\:grid__5\/7 {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .tablet\:grid__5\/7, .no-flexbox .tablet\:grid__5\/7, .no-csscalc .tablet\:grid__5\/7, .no-js .tablet\:grid__5\/7 {
    width: 71.4285714286%;
  }
  .modern .tablet\:grid--6\/7 > *, .flexbox.csscalc.js .tablet\:grid--6\/7 > * {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .tablet\:grid--6\/7 > *, .no-flexbox .tablet\:grid--6\/7 > *, .no-csscalc .tablet\:grid--6\/7 > *, .no-js .tablet\:grid--6\/7 > * {
    width: 85.7142857143%;
  }
  .modern .tablet\:grid__6\/7, .flexbox.csscalc.js .tablet\:grid__6\/7 {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .tablet\:grid__6\/7, .no-flexbox .tablet\:grid__6\/7, .no-csscalc .tablet\:grid__6\/7, .no-js .tablet\:grid__6\/7 {
    width: 85.7142857143%;
  }
  .modern .tablet\:grid--7\/7 > *, .flexbox.csscalc.js .tablet\:grid--7\/7 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--7\/7 > *, .no-flexbox .tablet\:grid--7\/7 > *, .no-csscalc .tablet\:grid--7\/7 > *, .no-js .tablet\:grid--7\/7 > * {
    width: 100%;
  }
  .modern .tablet\:grid__7\/7, .flexbox.csscalc.js .tablet\:grid__7\/7 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__7\/7, .no-flexbox .tablet\:grid__7\/7, .no-csscalc .tablet\:grid__7\/7, .no-js .tablet\:grid__7\/7 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/8 > *, .flexbox.csscalc.js .tablet\:grid--1\/8 > * {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .tablet\:grid--1\/8 > *, .no-flexbox .tablet\:grid--1\/8 > *, .no-csscalc .tablet\:grid--1\/8 > *, .no-js .tablet\:grid--1\/8 > * {
    width: 12.5%;
  }
  .modern .tablet\:grid__1\/8, .flexbox.csscalc.js .tablet\:grid__1\/8 {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .tablet\:grid__1\/8, .no-flexbox .tablet\:grid__1\/8, .no-csscalc .tablet\:grid__1\/8, .no-js .tablet\:grid__1\/8 {
    width: 12.5%;
  }
  .modern .tablet\:grid--2\/8 > *, .flexbox.csscalc.js .tablet\:grid--2\/8 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid--2\/8 > *, .no-flexbox .tablet\:grid--2\/8 > *, .no-csscalc .tablet\:grid--2\/8 > *, .no-js .tablet\:grid--2\/8 > * {
    width: 25%;
  }
  .modern .tablet\:grid__2\/8, .flexbox.csscalc.js .tablet\:grid__2\/8 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .tablet\:grid__2\/8, .no-flexbox .tablet\:grid__2\/8, .no-csscalc .tablet\:grid__2\/8, .no-js .tablet\:grid__2\/8 {
    width: 25%;
  }
  .modern .tablet\:grid--3\/8 > *, .flexbox.csscalc.js .tablet\:grid--3\/8 > * {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .tablet\:grid--3\/8 > *, .no-flexbox .tablet\:grid--3\/8 > *, .no-csscalc .tablet\:grid--3\/8 > *, .no-js .tablet\:grid--3\/8 > * {
    width: 37.5%;
  }
  .modern .tablet\:grid__3\/8, .flexbox.csscalc.js .tablet\:grid__3\/8 {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .tablet\:grid__3\/8, .no-flexbox .tablet\:grid__3\/8, .no-csscalc .tablet\:grid__3\/8, .no-js .tablet\:grid__3\/8 {
    width: 37.5%;
  }
  .modern .tablet\:grid--4\/8 > *, .flexbox.csscalc.js .tablet\:grid--4\/8 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid--4\/8 > *, .no-flexbox .tablet\:grid--4\/8 > *, .no-csscalc .tablet\:grid--4\/8 > *, .no-js .tablet\:grid--4\/8 > * {
    width: 50%;
  }
  .modern .tablet\:grid__4\/8, .flexbox.csscalc.js .tablet\:grid__4\/8 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid__4\/8, .no-flexbox .tablet\:grid__4\/8, .no-csscalc .tablet\:grid__4\/8, .no-js .tablet\:grid__4\/8 {
    width: 50%;
  }
  .modern .tablet\:grid--5\/8 > *, .flexbox.csscalc.js .tablet\:grid--5\/8 > * {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .tablet\:grid--5\/8 > *, .no-flexbox .tablet\:grid--5\/8 > *, .no-csscalc .tablet\:grid--5\/8 > *, .no-js .tablet\:grid--5\/8 > * {
    width: 62.5%;
  }
  .modern .tablet\:grid__5\/8, .flexbox.csscalc.js .tablet\:grid__5\/8 {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .tablet\:grid__5\/8, .no-flexbox .tablet\:grid__5\/8, .no-csscalc .tablet\:grid__5\/8, .no-js .tablet\:grid__5\/8 {
    width: 62.5%;
  }
  .modern .tablet\:grid--6\/8 > *, .flexbox.csscalc.js .tablet\:grid--6\/8 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid--6\/8 > *, .no-flexbox .tablet\:grid--6\/8 > *, .no-csscalc .tablet\:grid--6\/8 > *, .no-js .tablet\:grid--6\/8 > * {
    width: 75%;
  }
  .modern .tablet\:grid__6\/8, .flexbox.csscalc.js .tablet\:grid__6\/8 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .tablet\:grid__6\/8, .no-flexbox .tablet\:grid__6\/8, .no-csscalc .tablet\:grid__6\/8, .no-js .tablet\:grid__6\/8 {
    width: 75%;
  }
  .modern .tablet\:grid--7\/8 > *, .flexbox.csscalc.js .tablet\:grid--7\/8 > * {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .tablet\:grid--7\/8 > *, .no-flexbox .tablet\:grid--7\/8 > *, .no-csscalc .tablet\:grid--7\/8 > *, .no-js .tablet\:grid--7\/8 > * {
    width: 87.5%;
  }
  .modern .tablet\:grid__7\/8, .flexbox.csscalc.js .tablet\:grid__7\/8 {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .tablet\:grid__7\/8, .no-flexbox .tablet\:grid__7\/8, .no-csscalc .tablet\:grid__7\/8, .no-js .tablet\:grid__7\/8 {
    width: 87.5%;
  }
  .modern .tablet\:grid--8\/8 > *, .flexbox.csscalc.js .tablet\:grid--8\/8 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--8\/8 > *, .no-flexbox .tablet\:grid--8\/8 > *, .no-csscalc .tablet\:grid--8\/8 > *, .no-js .tablet\:grid--8\/8 > * {
    width: 100%;
  }
  .modern .tablet\:grid__8\/8, .flexbox.csscalc.js .tablet\:grid__8\/8 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__8\/8, .no-flexbox .tablet\:grid__8\/8, .no-csscalc .tablet\:grid__8\/8, .no-js .tablet\:grid__8\/8 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/9 > *, .flexbox.csscalc.js .tablet\:grid--1\/9 > * {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .tablet\:grid--1\/9 > *, .no-flexbox .tablet\:grid--1\/9 > *, .no-csscalc .tablet\:grid--1\/9 > *, .no-js .tablet\:grid--1\/9 > * {
    width: 11.1111111111%;
  }
  .modern .tablet\:grid__1\/9, .flexbox.csscalc.js .tablet\:grid__1\/9 {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .tablet\:grid__1\/9, .no-flexbox .tablet\:grid__1\/9, .no-csscalc .tablet\:grid__1\/9, .no-js .tablet\:grid__1\/9 {
    width: 11.1111111111%;
  }
  .modern .tablet\:grid--2\/9 > *, .flexbox.csscalc.js .tablet\:grid--2\/9 > * {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .tablet\:grid--2\/9 > *, .no-flexbox .tablet\:grid--2\/9 > *, .no-csscalc .tablet\:grid--2\/9 > *, .no-js .tablet\:grid--2\/9 > * {
    width: 22.2222222222%;
  }
  .modern .tablet\:grid__2\/9, .flexbox.csscalc.js .tablet\:grid__2\/9 {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .tablet\:grid__2\/9, .no-flexbox .tablet\:grid__2\/9, .no-csscalc .tablet\:grid__2\/9, .no-js .tablet\:grid__2\/9 {
    width: 22.2222222222%;
  }
  .modern .tablet\:grid--3\/9 > *, .flexbox.csscalc.js .tablet\:grid--3\/9 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid--3\/9 > *, .no-flexbox .tablet\:grid--3\/9 > *, .no-csscalc .tablet\:grid--3\/9 > *, .no-js .tablet\:grid--3\/9 > * {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid__3\/9, .flexbox.csscalc.js .tablet\:grid__3\/9 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .tablet\:grid__3\/9, .no-flexbox .tablet\:grid__3\/9, .no-csscalc .tablet\:grid__3\/9, .no-js .tablet\:grid__3\/9 {
    width: 33.3333333333%;
  }
  .modern .tablet\:grid--4\/9 > *, .flexbox.csscalc.js .tablet\:grid--4\/9 > * {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .tablet\:grid--4\/9 > *, .no-flexbox .tablet\:grid--4\/9 > *, .no-csscalc .tablet\:grid--4\/9 > *, .no-js .tablet\:grid--4\/9 > * {
    width: 44.4444444444%;
  }
  .modern .tablet\:grid__4\/9, .flexbox.csscalc.js .tablet\:grid__4\/9 {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .tablet\:grid__4\/9, .no-flexbox .tablet\:grid__4\/9, .no-csscalc .tablet\:grid__4\/9, .no-js .tablet\:grid__4\/9 {
    width: 44.4444444444%;
  }
  .modern .tablet\:grid--5\/9 > *, .flexbox.csscalc.js .tablet\:grid--5\/9 > * {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .tablet\:grid--5\/9 > *, .no-flexbox .tablet\:grid--5\/9 > *, .no-csscalc .tablet\:grid--5\/9 > *, .no-js .tablet\:grid--5\/9 > * {
    width: 55.5555555556%;
  }
  .modern .tablet\:grid__5\/9, .flexbox.csscalc.js .tablet\:grid__5\/9 {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .tablet\:grid__5\/9, .no-flexbox .tablet\:grid__5\/9, .no-csscalc .tablet\:grid__5\/9, .no-js .tablet\:grid__5\/9 {
    width: 55.5555555556%;
  }
  .modern .tablet\:grid--6\/9 > *, .flexbox.csscalc.js .tablet\:grid--6\/9 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid--6\/9 > *, .no-flexbox .tablet\:grid--6\/9 > *, .no-csscalc .tablet\:grid--6\/9 > *, .no-js .tablet\:grid--6\/9 > * {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid__6\/9, .flexbox.csscalc.js .tablet\:grid__6\/9 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .tablet\:grid__6\/9, .no-flexbox .tablet\:grid__6\/9, .no-csscalc .tablet\:grid__6\/9, .no-js .tablet\:grid__6\/9 {
    width: 66.6666666667%;
  }
  .modern .tablet\:grid--7\/9 > *, .flexbox.csscalc.js .tablet\:grid--7\/9 > * {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .tablet\:grid--7\/9 > *, .no-flexbox .tablet\:grid--7\/9 > *, .no-csscalc .tablet\:grid--7\/9 > *, .no-js .tablet\:grid--7\/9 > * {
    width: 77.7777777778%;
  }
  .modern .tablet\:grid__7\/9, .flexbox.csscalc.js .tablet\:grid__7\/9 {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .tablet\:grid__7\/9, .no-flexbox .tablet\:grid__7\/9, .no-csscalc .tablet\:grid__7\/9, .no-js .tablet\:grid__7\/9 {
    width: 77.7777777778%;
  }
  .modern .tablet\:grid--8\/9 > *, .flexbox.csscalc.js .tablet\:grid--8\/9 > * {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .tablet\:grid--8\/9 > *, .no-flexbox .tablet\:grid--8\/9 > *, .no-csscalc .tablet\:grid--8\/9 > *, .no-js .tablet\:grid--8\/9 > * {
    width: 88.8888888889%;
  }
  .modern .tablet\:grid__8\/9, .flexbox.csscalc.js .tablet\:grid__8\/9 {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .tablet\:grid__8\/9, .no-flexbox .tablet\:grid__8\/9, .no-csscalc .tablet\:grid__8\/9, .no-js .tablet\:grid__8\/9 {
    width: 88.8888888889%;
  }
  .modern .tablet\:grid--9\/9 > *, .flexbox.csscalc.js .tablet\:grid--9\/9 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--9\/9 > *, .no-flexbox .tablet\:grid--9\/9 > *, .no-csscalc .tablet\:grid--9\/9 > *, .no-js .tablet\:grid--9\/9 > * {
    width: 100%;
  }
  .modern .tablet\:grid__9\/9, .flexbox.csscalc.js .tablet\:grid__9\/9 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__9\/9, .no-flexbox .tablet\:grid__9\/9, .no-csscalc .tablet\:grid__9\/9, .no-js .tablet\:grid__9\/9 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/10 > *, .flexbox.csscalc.js .tablet\:grid--1\/10 > * {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .tablet\:grid--1\/10 > *, .no-flexbox .tablet\:grid--1\/10 > *, .no-csscalc .tablet\:grid--1\/10 > *, .no-js .tablet\:grid--1\/10 > * {
    width: 10%;
  }
  .modern .tablet\:grid__1\/10, .flexbox.csscalc.js .tablet\:grid__1\/10 {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .tablet\:grid__1\/10, .no-flexbox .tablet\:grid__1\/10, .no-csscalc .tablet\:grid__1\/10, .no-js .tablet\:grid__1\/10 {
    width: 10%;
  }
  .modern .tablet\:grid--2\/10 > *, .flexbox.csscalc.js .tablet\:grid--2\/10 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid--2\/10 > *, .no-flexbox .tablet\:grid--2\/10 > *, .no-csscalc .tablet\:grid--2\/10 > *, .no-js .tablet\:grid--2\/10 > * {
    width: 20%;
  }
  .modern .tablet\:grid__2\/10, .flexbox.csscalc.js .tablet\:grid__2\/10 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .tablet\:grid__2\/10, .no-flexbox .tablet\:grid__2\/10, .no-csscalc .tablet\:grid__2\/10, .no-js .tablet\:grid__2\/10 {
    width: 20%;
  }
  .modern .tablet\:grid--3\/10 > *, .flexbox.csscalc.js .tablet\:grid--3\/10 > * {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .tablet\:grid--3\/10 > *, .no-flexbox .tablet\:grid--3\/10 > *, .no-csscalc .tablet\:grid--3\/10 > *, .no-js .tablet\:grid--3\/10 > * {
    width: 30%;
  }
  .modern .tablet\:grid__3\/10, .flexbox.csscalc.js .tablet\:grid__3\/10 {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .tablet\:grid__3\/10, .no-flexbox .tablet\:grid__3\/10, .no-csscalc .tablet\:grid__3\/10, .no-js .tablet\:grid__3\/10 {
    width: 30%;
  }
  .modern .tablet\:grid--4\/10 > *, .flexbox.csscalc.js .tablet\:grid--4\/10 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid--4\/10 > *, .no-flexbox .tablet\:grid--4\/10 > *, .no-csscalc .tablet\:grid--4\/10 > *, .no-js .tablet\:grid--4\/10 > * {
    width: 40%;
  }
  .modern .tablet\:grid__4\/10, .flexbox.csscalc.js .tablet\:grid__4\/10 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .tablet\:grid__4\/10, .no-flexbox .tablet\:grid__4\/10, .no-csscalc .tablet\:grid__4\/10, .no-js .tablet\:grid__4\/10 {
    width: 40%;
  }
  .modern .tablet\:grid--5\/10 > *, .flexbox.csscalc.js .tablet\:grid--5\/10 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid--5\/10 > *, .no-flexbox .tablet\:grid--5\/10 > *, .no-csscalc .tablet\:grid--5\/10 > *, .no-js .tablet\:grid--5\/10 > * {
    width: 50%;
  }
  .modern .tablet\:grid__5\/10, .flexbox.csscalc.js .tablet\:grid__5\/10 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .tablet\:grid__5\/10, .no-flexbox .tablet\:grid__5\/10, .no-csscalc .tablet\:grid__5\/10, .no-js .tablet\:grid__5\/10 {
    width: 50%;
  }
  .modern .tablet\:grid--6\/10 > *, .flexbox.csscalc.js .tablet\:grid--6\/10 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid--6\/10 > *, .no-flexbox .tablet\:grid--6\/10 > *, .no-csscalc .tablet\:grid--6\/10 > *, .no-js .tablet\:grid--6\/10 > * {
    width: 60%;
  }
  .modern .tablet\:grid__6\/10, .flexbox.csscalc.js .tablet\:grid__6\/10 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .tablet\:grid__6\/10, .no-flexbox .tablet\:grid__6\/10, .no-csscalc .tablet\:grid__6\/10, .no-js .tablet\:grid__6\/10 {
    width: 60%;
  }
  .modern .tablet\:grid--7\/10 > *, .flexbox.csscalc.js .tablet\:grid--7\/10 > * {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .tablet\:grid--7\/10 > *, .no-flexbox .tablet\:grid--7\/10 > *, .no-csscalc .tablet\:grid--7\/10 > *, .no-js .tablet\:grid--7\/10 > * {
    width: 70%;
  }
  .modern .tablet\:grid__7\/10, .flexbox.csscalc.js .tablet\:grid__7\/10 {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .tablet\:grid__7\/10, .no-flexbox .tablet\:grid__7\/10, .no-csscalc .tablet\:grid__7\/10, .no-js .tablet\:grid__7\/10 {
    width: 70%;
  }
  .modern .tablet\:grid--8\/10 > *, .flexbox.csscalc.js .tablet\:grid--8\/10 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid--8\/10 > *, .no-flexbox .tablet\:grid--8\/10 > *, .no-csscalc .tablet\:grid--8\/10 > *, .no-js .tablet\:grid--8\/10 > * {
    width: 80%;
  }
  .modern .tablet\:grid__8\/10, .flexbox.csscalc.js .tablet\:grid__8\/10 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .tablet\:grid__8\/10, .no-flexbox .tablet\:grid__8\/10, .no-csscalc .tablet\:grid__8\/10, .no-js .tablet\:grid__8\/10 {
    width: 80%;
  }
  .modern .tablet\:grid--9\/10 > *, .flexbox.csscalc.js .tablet\:grid--9\/10 > * {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .tablet\:grid--9\/10 > *, .no-flexbox .tablet\:grid--9\/10 > *, .no-csscalc .tablet\:grid--9\/10 > *, .no-js .tablet\:grid--9\/10 > * {
    width: 90%;
  }
  .modern .tablet\:grid__9\/10, .flexbox.csscalc.js .tablet\:grid__9\/10 {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .tablet\:grid__9\/10, .no-flexbox .tablet\:grid__9\/10, .no-csscalc .tablet\:grid__9\/10, .no-js .tablet\:grid__9\/10 {
    width: 90%;
  }
  .modern .tablet\:grid--10\/10 > *, .flexbox.csscalc.js .tablet\:grid--10\/10 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--10\/10 > *, .no-flexbox .tablet\:grid--10\/10 > *, .no-csscalc .tablet\:grid--10\/10 > *, .no-js .tablet\:grid--10\/10 > * {
    width: 100%;
  }
  .modern .tablet\:grid__10\/10, .flexbox.csscalc.js .tablet\:grid__10\/10 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__10\/10, .no-flexbox .tablet\:grid__10\/10, .no-csscalc .tablet\:grid__10\/10, .no-js .tablet\:grid__10\/10 {
    width: 100%;
  }
  .modern .tablet\:grid--1\/11 > *, .flexbox.csscalc.js .tablet\:grid--1\/11 > * {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .tablet\:grid--1\/11 > *, .no-flexbox .tablet\:grid--1\/11 > *, .no-csscalc .tablet\:grid--1\/11 > *, .no-js .tablet\:grid--1\/11 > * {
    width: 9.0909090909%;
  }
  .modern .tablet\:grid__1\/11, .flexbox.csscalc.js .tablet\:grid__1\/11 {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .tablet\:grid__1\/11, .no-flexbox .tablet\:grid__1\/11, .no-csscalc .tablet\:grid__1\/11, .no-js .tablet\:grid__1\/11 {
    width: 9.0909090909%;
  }
  .modern .tablet\:grid--2\/11 > *, .flexbox.csscalc.js .tablet\:grid--2\/11 > * {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .tablet\:grid--2\/11 > *, .no-flexbox .tablet\:grid--2\/11 > *, .no-csscalc .tablet\:grid--2\/11 > *, .no-js .tablet\:grid--2\/11 > * {
    width: 18.1818181818%;
  }
  .modern .tablet\:grid__2\/11, .flexbox.csscalc.js .tablet\:grid__2\/11 {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .tablet\:grid__2\/11, .no-flexbox .tablet\:grid__2\/11, .no-csscalc .tablet\:grid__2\/11, .no-js .tablet\:grid__2\/11 {
    width: 18.1818181818%;
  }
  .modern .tablet\:grid--3\/11 > *, .flexbox.csscalc.js .tablet\:grid--3\/11 > * {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .tablet\:grid--3\/11 > *, .no-flexbox .tablet\:grid--3\/11 > *, .no-csscalc .tablet\:grid--3\/11 > *, .no-js .tablet\:grid--3\/11 > * {
    width: 27.2727272727%;
  }
  .modern .tablet\:grid__3\/11, .flexbox.csscalc.js .tablet\:grid__3\/11 {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .tablet\:grid__3\/11, .no-flexbox .tablet\:grid__3\/11, .no-csscalc .tablet\:grid__3\/11, .no-js .tablet\:grid__3\/11 {
    width: 27.2727272727%;
  }
  .modern .tablet\:grid--4\/11 > *, .flexbox.csscalc.js .tablet\:grid--4\/11 > * {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .tablet\:grid--4\/11 > *, .no-flexbox .tablet\:grid--4\/11 > *, .no-csscalc .tablet\:grid--4\/11 > *, .no-js .tablet\:grid--4\/11 > * {
    width: 36.3636363636%;
  }
  .modern .tablet\:grid__4\/11, .flexbox.csscalc.js .tablet\:grid__4\/11 {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .tablet\:grid__4\/11, .no-flexbox .tablet\:grid__4\/11, .no-csscalc .tablet\:grid__4\/11, .no-js .tablet\:grid__4\/11 {
    width: 36.3636363636%;
  }
  .modern .tablet\:grid--5\/11 > *, .flexbox.csscalc.js .tablet\:grid--5\/11 > * {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .tablet\:grid--5\/11 > *, .no-flexbox .tablet\:grid--5\/11 > *, .no-csscalc .tablet\:grid--5\/11 > *, .no-js .tablet\:grid--5\/11 > * {
    width: 45.4545454545%;
  }
  .modern .tablet\:grid__5\/11, .flexbox.csscalc.js .tablet\:grid__5\/11 {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .tablet\:grid__5\/11, .no-flexbox .tablet\:grid__5\/11, .no-csscalc .tablet\:grid__5\/11, .no-js .tablet\:grid__5\/11 {
    width: 45.4545454545%;
  }
  .modern .tablet\:grid--6\/11 > *, .flexbox.csscalc.js .tablet\:grid--6\/11 > * {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .tablet\:grid--6\/11 > *, .no-flexbox .tablet\:grid--6\/11 > *, .no-csscalc .tablet\:grid--6\/11 > *, .no-js .tablet\:grid--6\/11 > * {
    width: 54.5454545455%;
  }
  .modern .tablet\:grid__6\/11, .flexbox.csscalc.js .tablet\:grid__6\/11 {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .tablet\:grid__6\/11, .no-flexbox .tablet\:grid__6\/11, .no-csscalc .tablet\:grid__6\/11, .no-js .tablet\:grid__6\/11 {
    width: 54.5454545455%;
  }
  .modern .tablet\:grid--7\/11 > *, .flexbox.csscalc.js .tablet\:grid--7\/11 > * {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .tablet\:grid--7\/11 > *, .no-flexbox .tablet\:grid--7\/11 > *, .no-csscalc .tablet\:grid--7\/11 > *, .no-js .tablet\:grid--7\/11 > * {
    width: 63.6363636364%;
  }
  .modern .tablet\:grid__7\/11, .flexbox.csscalc.js .tablet\:grid__7\/11 {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .tablet\:grid__7\/11, .no-flexbox .tablet\:grid__7\/11, .no-csscalc .tablet\:grid__7\/11, .no-js .tablet\:grid__7\/11 {
    width: 63.6363636364%;
  }
  .modern .tablet\:grid--8\/11 > *, .flexbox.csscalc.js .tablet\:grid--8\/11 > * {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .tablet\:grid--8\/11 > *, .no-flexbox .tablet\:grid--8\/11 > *, .no-csscalc .tablet\:grid--8\/11 > *, .no-js .tablet\:grid--8\/11 > * {
    width: 72.7272727273%;
  }
  .modern .tablet\:grid__8\/11, .flexbox.csscalc.js .tablet\:grid__8\/11 {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .tablet\:grid__8\/11, .no-flexbox .tablet\:grid__8\/11, .no-csscalc .tablet\:grid__8\/11, .no-js .tablet\:grid__8\/11 {
    width: 72.7272727273%;
  }
  .modern .tablet\:grid--9\/11 > *, .flexbox.csscalc.js .tablet\:grid--9\/11 > * {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .tablet\:grid--9\/11 > *, .no-flexbox .tablet\:grid--9\/11 > *, .no-csscalc .tablet\:grid--9\/11 > *, .no-js .tablet\:grid--9\/11 > * {
    width: 81.8181818182%;
  }
  .modern .tablet\:grid__9\/11, .flexbox.csscalc.js .tablet\:grid__9\/11 {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .tablet\:grid__9\/11, .no-flexbox .tablet\:grid__9\/11, .no-csscalc .tablet\:grid__9\/11, .no-js .tablet\:grid__9\/11 {
    width: 81.8181818182%;
  }
  .modern .tablet\:grid--10\/11 > *, .flexbox.csscalc.js .tablet\:grid--10\/11 > * {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .tablet\:grid--10\/11 > *, .no-flexbox .tablet\:grid--10\/11 > *, .no-csscalc .tablet\:grid--10\/11 > *, .no-js .tablet\:grid--10\/11 > * {
    width: 90.9090909091%;
  }
  .modern .tablet\:grid__10\/11, .flexbox.csscalc.js .tablet\:grid__10\/11 {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .tablet\:grid__10\/11, .no-flexbox .tablet\:grid__10\/11, .no-csscalc .tablet\:grid__10\/11, .no-js .tablet\:grid__10\/11 {
    width: 90.9090909091%;
  }
  .modern .tablet\:grid--11\/11 > *, .flexbox.csscalc.js .tablet\:grid--11\/11 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid--11\/11 > *, .no-flexbox .tablet\:grid--11\/11 > *, .no-csscalc .tablet\:grid--11\/11 > *, .no-js .tablet\:grid--11\/11 > * {
    width: 100%;
  }
  .modern .tablet\:grid__11\/11, .flexbox.csscalc.js .tablet\:grid__11\/11 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .tablet\:grid__11\/11, .no-flexbox .tablet\:grid__11\/11, .no-csscalc .tablet\:grid__11\/11, .no-js .tablet\:grid__11\/11 {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .tablet\:grid--left {
    text-align: left;
  }
  .modern .tablet\:grid--left, .flexbox.csscalc.js .tablet\:grid--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .tablet\:grid--center {
    text-align: center;
  }
  .modern .tablet\:grid--center, .flexbox.csscalc.js .tablet\:grid--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tablet\:grid--right {
    text-align: right;
  }
  .modern .tablet\:grid--right, .flexbox.csscalc.js .tablet\:grid--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  /* BREAKPOINTS */
  .modern .mobile\:grid--1\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/12 > * {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .mobile\:grid--1\/12 > *, .no-flexbox .mobile\:grid--1\/12 > *, .no-csscalc .mobile\:grid--1\/12 > *, .no-js .mobile\:grid--1\/12 > * {
    width: 8.3333333333%;
  }
  .modern .mobile\:grid__1\/12, .flexbox.csscalc.js .mobile\:grid__1\/12 {
    max-width: 8.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
  }
  .legacy .mobile\:grid__1\/12, .no-flexbox .mobile\:grid__1\/12, .no-csscalc .mobile\:grid__1\/12, .no-js .mobile\:grid__1\/12 {
    width: 8.3333333333%;
  }
  .modern .mobile\:grid--2\/12 > *, .modern .mobile\:grid--1\/6 > *, .flexbox.csscalc.js .mobile\:grid--2\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/6 > * {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .mobile\:grid--2\/12 > *, .legacy .mobile\:grid--1\/6 > *, .no-flexbox .mobile\:grid--2\/12 > *, .no-flexbox .mobile\:grid--1\/6 > *, .no-csscalc .mobile\:grid--2\/12 > *, .no-csscalc .mobile\:grid--1\/6 > *, .no-js .mobile\:grid--2\/12 > *, .no-js .mobile\:grid--1\/6 > * {
    width: 16.6666666667%;
  }
  .modern .mobile\:grid__2\/12, .modern .mobile\:grid__1\/6, .flexbox.csscalc.js .mobile\:grid__2\/12, .flexbox.csscalc.js .mobile\:grid__1\/6 {
    max-width: 16.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
  }
  .legacy .mobile\:grid__2\/12, .legacy .mobile\:grid__1\/6, .no-flexbox .mobile\:grid__2\/12, .no-flexbox .mobile\:grid__1\/6, .no-csscalc .mobile\:grid__2\/12, .no-csscalc .mobile\:grid__1\/6, .no-js .mobile\:grid__2\/12, .no-js .mobile\:grid__1\/6 {
    width: 16.6666666667%;
  }
  .modern .mobile\:grid--3\/12 > *, .modern .mobile\:grid--1\/4 > *, .flexbox.csscalc.js .mobile\:grid--3\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/4 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid--3\/12 > *, .legacy .mobile\:grid--1\/4 > *, .no-flexbox .mobile\:grid--3\/12 > *, .no-flexbox .mobile\:grid--1\/4 > *, .no-csscalc .mobile\:grid--3\/12 > *, .no-csscalc .mobile\:grid--1\/4 > *, .no-js .mobile\:grid--3\/12 > *, .no-js .mobile\:grid--1\/4 > * {
    width: 25%;
  }
  .modern .mobile\:grid__3\/12, .modern .mobile\:grid__1\/4, .flexbox.csscalc.js .mobile\:grid__3\/12, .flexbox.csscalc.js .mobile\:grid__1\/4 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid__3\/12, .legacy .mobile\:grid__1\/4, .no-flexbox .mobile\:grid__3\/12, .no-flexbox .mobile\:grid__1\/4, .no-csscalc .mobile\:grid__3\/12, .no-csscalc .mobile\:grid__1\/4, .no-js .mobile\:grid__3\/12, .no-js .mobile\:grid__1\/4 {
    width: 25%;
  }
  .modern .mobile\:grid--4\/12 > *, .modern .mobile\:grid--1\/3 > *, .modern .mobile\:grid--2\/6 > *, .flexbox.csscalc.js .mobile\:grid--4\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/3 > *, .flexbox.csscalc.js .mobile\:grid--2\/6 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid--4\/12 > *, .legacy .mobile\:grid--1\/3 > *, .legacy .mobile\:grid--2\/6 > *, .no-flexbox .mobile\:grid--4\/12 > *, .no-flexbox .mobile\:grid--1\/3 > *, .no-flexbox .mobile\:grid--2\/6 > *, .no-csscalc .mobile\:grid--4\/12 > *, .no-csscalc .mobile\:grid--1\/3 > *, .no-csscalc .mobile\:grid--2\/6 > *, .no-js .mobile\:grid--4\/12 > *, .no-js .mobile\:grid--1\/3 > *, .no-js .mobile\:grid--2\/6 > * {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid__4\/12, .modern .mobile\:grid__1\/3, .modern .mobile\:grid__2\/6, .flexbox.csscalc.js .mobile\:grid__4\/12, .flexbox.csscalc.js .mobile\:grid__1\/3, .flexbox.csscalc.js .mobile\:grid__2\/6 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid__4\/12, .legacy .mobile\:grid__1\/3, .legacy .mobile\:grid__2\/6, .no-flexbox .mobile\:grid__4\/12, .no-flexbox .mobile\:grid__1\/3, .no-flexbox .mobile\:grid__2\/6, .no-csscalc .mobile\:grid__4\/12, .no-csscalc .mobile\:grid__1\/3, .no-csscalc .mobile\:grid__2\/6, .no-js .mobile\:grid__4\/12, .no-js .mobile\:grid__1\/3, .no-js .mobile\:grid__2\/6 {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid--5\/12 > *, .flexbox.csscalc.js .mobile\:grid--5\/12 > * {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .mobile\:grid--5\/12 > *, .no-flexbox .mobile\:grid--5\/12 > *, .no-csscalc .mobile\:grid--5\/12 > *, .no-js .mobile\:grid--5\/12 > * {
    width: 41.6666666667%;
  }
  .modern .mobile\:grid__5\/12, .flexbox.csscalc.js .mobile\:grid__5\/12 {
    max-width: 41.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
  }
  .legacy .mobile\:grid__5\/12, .no-flexbox .mobile\:grid__5\/12, .no-csscalc .mobile\:grid__5\/12, .no-js .mobile\:grid__5\/12 {
    width: 41.6666666667%;
  }
  .modern .mobile\:grid--6\/12 > *, .modern .mobile\:grid--1\/2 > *, .modern .mobile\:grid--2\/4 > *, .modern .mobile\:grid--3\/6 > *, .flexbox.csscalc.js .mobile\:grid--6\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/2 > *, .flexbox.csscalc.js .mobile\:grid--2\/4 > *, .flexbox.csscalc.js .mobile\:grid--3\/6 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid--6\/12 > *, .legacy .mobile\:grid--1\/2 > *, .legacy .mobile\:grid--2\/4 > *, .legacy .mobile\:grid--3\/6 > *, .no-flexbox .mobile\:grid--6\/12 > *, .no-flexbox .mobile\:grid--1\/2 > *, .no-flexbox .mobile\:grid--2\/4 > *, .no-flexbox .mobile\:grid--3\/6 > *, .no-csscalc .mobile\:grid--6\/12 > *, .no-csscalc .mobile\:grid--1\/2 > *, .no-csscalc .mobile\:grid--2\/4 > *, .no-csscalc .mobile\:grid--3\/6 > *, .no-js .mobile\:grid--6\/12 > *, .no-js .mobile\:grid--1\/2 > *, .no-js .mobile\:grid--2\/4 > *, .no-js .mobile\:grid--3\/6 > * {
    width: 50%;
  }
  .modern .mobile\:grid__6\/12, .modern .mobile\:grid__1\/2, .modern .mobile\:grid__2\/4, .modern .mobile\:grid__3\/6, .flexbox.csscalc.js .mobile\:grid__6\/12, .flexbox.csscalc.js .mobile\:grid__1\/2, .flexbox.csscalc.js .mobile\:grid__2\/4, .flexbox.csscalc.js .mobile\:grid__3\/6 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid__6\/12, .legacy .mobile\:grid__1\/2, .legacy .mobile\:grid__2\/4, .legacy .mobile\:grid__3\/6, .no-flexbox .mobile\:grid__6\/12, .no-flexbox .mobile\:grid__1\/2, .no-flexbox .mobile\:grid__2\/4, .no-flexbox .mobile\:grid__3\/6, .no-csscalc .mobile\:grid__6\/12, .no-csscalc .mobile\:grid__1\/2, .no-csscalc .mobile\:grid__2\/4, .no-csscalc .mobile\:grid__3\/6, .no-js .mobile\:grid__6\/12, .no-js .mobile\:grid__1\/2, .no-js .mobile\:grid__2\/4, .no-js .mobile\:grid__3\/6 {
    width: 50%;
  }
  .modern .mobile\:grid--7\/12 > *, .flexbox.csscalc.js .mobile\:grid--7\/12 > * {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .mobile\:grid--7\/12 > *, .no-flexbox .mobile\:grid--7\/12 > *, .no-csscalc .mobile\:grid--7\/12 > *, .no-js .mobile\:grid--7\/12 > * {
    width: 58.3333333333%;
  }
  .modern .mobile\:grid__7\/12, .flexbox.csscalc.js .mobile\:grid__7\/12 {
    max-width: 58.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
  }
  .legacy .mobile\:grid__7\/12, .no-flexbox .mobile\:grid__7\/12, .no-csscalc .mobile\:grid__7\/12, .no-js .mobile\:grid__7\/12 {
    width: 58.3333333333%;
  }
  .modern .mobile\:grid--8\/12 > *, .modern .mobile\:grid--2\/3 > *, .modern .mobile\:grid--4\/6 > *, .flexbox.csscalc.js .mobile\:grid--8\/12 > *, .flexbox.csscalc.js .mobile\:grid--2\/3 > *, .flexbox.csscalc.js .mobile\:grid--4\/6 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid--8\/12 > *, .legacy .mobile\:grid--2\/3 > *, .legacy .mobile\:grid--4\/6 > *, .no-flexbox .mobile\:grid--8\/12 > *, .no-flexbox .mobile\:grid--2\/3 > *, .no-flexbox .mobile\:grid--4\/6 > *, .no-csscalc .mobile\:grid--8\/12 > *, .no-csscalc .mobile\:grid--2\/3 > *, .no-csscalc .mobile\:grid--4\/6 > *, .no-js .mobile\:grid--8\/12 > *, .no-js .mobile\:grid--2\/3 > *, .no-js .mobile\:grid--4\/6 > * {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid__8\/12, .modern .mobile\:grid__2\/3, .modern .mobile\:grid__4\/6, .flexbox.csscalc.js .mobile\:grid__8\/12, .flexbox.csscalc.js .mobile\:grid__2\/3, .flexbox.csscalc.js .mobile\:grid__4\/6 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid__8\/12, .legacy .mobile\:grid__2\/3, .legacy .mobile\:grid__4\/6, .no-flexbox .mobile\:grid__8\/12, .no-flexbox .mobile\:grid__2\/3, .no-flexbox .mobile\:grid__4\/6, .no-csscalc .mobile\:grid__8\/12, .no-csscalc .mobile\:grid__2\/3, .no-csscalc .mobile\:grid__4\/6, .no-js .mobile\:grid__8\/12, .no-js .mobile\:grid__2\/3, .no-js .mobile\:grid__4\/6 {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid--9\/12 > *, .modern .mobile\:grid--3\/4 > *, .flexbox.csscalc.js .mobile\:grid--9\/12 > *, .flexbox.csscalc.js .mobile\:grid--3\/4 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid--9\/12 > *, .legacy .mobile\:grid--3\/4 > *, .no-flexbox .mobile\:grid--9\/12 > *, .no-flexbox .mobile\:grid--3\/4 > *, .no-csscalc .mobile\:grid--9\/12 > *, .no-csscalc .mobile\:grid--3\/4 > *, .no-js .mobile\:grid--9\/12 > *, .no-js .mobile\:grid--3\/4 > * {
    width: 75%;
  }
  .modern .mobile\:grid__9\/12, .modern .mobile\:grid__3\/4, .flexbox.csscalc.js .mobile\:grid__9\/12, .flexbox.csscalc.js .mobile\:grid__3\/4 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid__9\/12, .legacy .mobile\:grid__3\/4, .no-flexbox .mobile\:grid__9\/12, .no-flexbox .mobile\:grid__3\/4, .no-csscalc .mobile\:grid__9\/12, .no-csscalc .mobile\:grid__3\/4, .no-js .mobile\:grid__9\/12, .no-js .mobile\:grid__3\/4 {
    width: 75%;
  }
  .modern .mobile\:grid--10\/12 > *, .modern .mobile\:grid--5\/6 > *, .flexbox.csscalc.js .mobile\:grid--10\/12 > *, .flexbox.csscalc.js .mobile\:grid--5\/6 > * {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .mobile\:grid--10\/12 > *, .legacy .mobile\:grid--5\/6 > *, .no-flexbox .mobile\:grid--10\/12 > *, .no-flexbox .mobile\:grid--5\/6 > *, .no-csscalc .mobile\:grid--10\/12 > *, .no-csscalc .mobile\:grid--5\/6 > *, .no-js .mobile\:grid--10\/12 > *, .no-js .mobile\:grid--5\/6 > * {
    width: 83.3333333333%;
  }
  .modern .mobile\:grid__10\/12, .modern .mobile\:grid__5\/6, .flexbox.csscalc.js .mobile\:grid__10\/12, .flexbox.csscalc.js .mobile\:grid__5\/6 {
    max-width: 83.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
  }
  .legacy .mobile\:grid__10\/12, .legacy .mobile\:grid__5\/6, .no-flexbox .mobile\:grid__10\/12, .no-flexbox .mobile\:grid__5\/6, .no-csscalc .mobile\:grid__10\/12, .no-csscalc .mobile\:grid__5\/6, .no-js .mobile\:grid__10\/12, .no-js .mobile\:grid__5\/6 {
    width: 83.3333333333%;
  }
  .modern .mobile\:grid--11\/12 > *, .flexbox.csscalc.js .mobile\:grid--11\/12 > * {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .mobile\:grid--11\/12 > *, .no-flexbox .mobile\:grid--11\/12 > *, .no-csscalc .mobile\:grid--11\/12 > *, .no-js .mobile\:grid--11\/12 > * {
    width: 91.6666666667%;
  }
  .modern .mobile\:grid__11\/12, .flexbox.csscalc.js .mobile\:grid__11\/12 {
    max-width: 91.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
  }
  .legacy .mobile\:grid__11\/12, .no-flexbox .mobile\:grid__11\/12, .no-csscalc .mobile\:grid__11\/12, .no-js .mobile\:grid__11\/12 {
    width: 91.6666666667%;
  }
  .modern .mobile\:grid--12\/12 > *, .modern .mobile\:grid--1\/1 > *, .modern .mobile\:grid--2\/2 > *, .modern .mobile\:grid--3\/3 > *, .modern .mobile\:grid--4\/4 > *, .modern .mobile\:grid--6\/6 > *, .flexbox.csscalc.js .mobile\:grid--12\/12 > *, .flexbox.csscalc.js .mobile\:grid--1\/1 > *, .flexbox.csscalc.js .mobile\:grid--2\/2 > *, .flexbox.csscalc.js .mobile\:grid--3\/3 > *, .flexbox.csscalc.js .mobile\:grid--4\/4 > *, .flexbox.csscalc.js .mobile\:grid--6\/6 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--12\/12 > *, .legacy .mobile\:grid--1\/1 > *, .legacy .mobile\:grid--2\/2 > *, .legacy .mobile\:grid--3\/3 > *, .legacy .mobile\:grid--4\/4 > *, .legacy .mobile\:grid--6\/6 > *, .no-flexbox .mobile\:grid--12\/12 > *, .no-flexbox .mobile\:grid--1\/1 > *, .no-flexbox .mobile\:grid--2\/2 > *, .no-flexbox .mobile\:grid--3\/3 > *, .no-flexbox .mobile\:grid--4\/4 > *, .no-flexbox .mobile\:grid--6\/6 > *, .no-csscalc .mobile\:grid--12\/12 > *, .no-csscalc .mobile\:grid--1\/1 > *, .no-csscalc .mobile\:grid--2\/2 > *, .no-csscalc .mobile\:grid--3\/3 > *, .no-csscalc .mobile\:grid--4\/4 > *, .no-csscalc .mobile\:grid--6\/6 > *, .no-js .mobile\:grid--12\/12 > *, .no-js .mobile\:grid--1\/1 > *, .no-js .mobile\:grid--2\/2 > *, .no-js .mobile\:grid--3\/3 > *, .no-js .mobile\:grid--4\/4 > *, .no-js .mobile\:grid--6\/6 > * {
    width: 100%;
  }
  .modern .mobile\:grid__12\/12, .modern .mobile\:grid__1\/1, .modern .mobile\:grid__2\/2, .modern .mobile\:grid__3\/3, .modern .mobile\:grid__4\/4, .modern .mobile\:grid__6\/6, .flexbox.csscalc.js .mobile\:grid__12\/12, .flexbox.csscalc.js .mobile\:grid__1\/1, .flexbox.csscalc.js .mobile\:grid__2\/2, .flexbox.csscalc.js .mobile\:grid__3\/3, .flexbox.csscalc.js .mobile\:grid__4\/4, .flexbox.csscalc.js .mobile\:grid__6\/6 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__12\/12, .legacy .mobile\:grid__1\/1, .legacy .mobile\:grid__2\/2, .legacy .mobile\:grid__3\/3, .legacy .mobile\:grid__4\/4, .legacy .mobile\:grid__6\/6, .no-flexbox .mobile\:grid__12\/12, .no-flexbox .mobile\:grid__1\/1, .no-flexbox .mobile\:grid__2\/2, .no-flexbox .mobile\:grid__3\/3, .no-flexbox .mobile\:grid__4\/4, .no-flexbox .mobile\:grid__6\/6, .no-csscalc .mobile\:grid__12\/12, .no-csscalc .mobile\:grid__1\/1, .no-csscalc .mobile\:grid__2\/2, .no-csscalc .mobile\:grid__3\/3, .no-csscalc .mobile\:grid__4\/4, .no-csscalc .mobile\:grid__6\/6, .no-js .mobile\:grid__12\/12, .no-js .mobile\:grid__1\/1, .no-js .mobile\:grid__2\/2, .no-js .mobile\:grid__3\/3, .no-js .mobile\:grid__4\/4, .no-js .mobile\:grid__6\/6 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/5 > *, .flexbox.csscalc.js .mobile\:grid--1\/5 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid--1\/5 > *, .no-flexbox .mobile\:grid--1\/5 > *, .no-csscalc .mobile\:grid--1\/5 > *, .no-js .mobile\:grid--1\/5 > * {
    width: 20%;
  }
  .modern .mobile\:grid__1\/5, .flexbox.csscalc.js .mobile\:grid__1\/5 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid__1\/5, .no-flexbox .mobile\:grid__1\/5, .no-csscalc .mobile\:grid__1\/5, .no-js .mobile\:grid__1\/5 {
    width: 20%;
  }
  .modern .mobile\:grid--2\/5 > *, .flexbox.csscalc.js .mobile\:grid--2\/5 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid--2\/5 > *, .no-flexbox .mobile\:grid--2\/5 > *, .no-csscalc .mobile\:grid--2\/5 > *, .no-js .mobile\:grid--2\/5 > * {
    width: 40%;
  }
  .modern .mobile\:grid__2\/5, .flexbox.csscalc.js .mobile\:grid__2\/5 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid__2\/5, .no-flexbox .mobile\:grid__2\/5, .no-csscalc .mobile\:grid__2\/5, .no-js .mobile\:grid__2\/5 {
    width: 40%;
  }
  .modern .mobile\:grid--3\/5 > *, .flexbox.csscalc.js .mobile\:grid--3\/5 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid--3\/5 > *, .no-flexbox .mobile\:grid--3\/5 > *, .no-csscalc .mobile\:grid--3\/5 > *, .no-js .mobile\:grid--3\/5 > * {
    width: 60%;
  }
  .modern .mobile\:grid__3\/5, .flexbox.csscalc.js .mobile\:grid__3\/5 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid__3\/5, .no-flexbox .mobile\:grid__3\/5, .no-csscalc .mobile\:grid__3\/5, .no-js .mobile\:grid__3\/5 {
    width: 60%;
  }
  .modern .mobile\:grid--4\/5 > *, .flexbox.csscalc.js .mobile\:grid--4\/5 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid--4\/5 > *, .no-flexbox .mobile\:grid--4\/5 > *, .no-csscalc .mobile\:grid--4\/5 > *, .no-js .mobile\:grid--4\/5 > * {
    width: 80%;
  }
  .modern .mobile\:grid__4\/5, .flexbox.csscalc.js .mobile\:grid__4\/5 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid__4\/5, .no-flexbox .mobile\:grid__4\/5, .no-csscalc .mobile\:grid__4\/5, .no-js .mobile\:grid__4\/5 {
    width: 80%;
  }
  .modern .mobile\:grid--5\/5 > *, .flexbox.csscalc.js .mobile\:grid--5\/5 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--5\/5 > *, .no-flexbox .mobile\:grid--5\/5 > *, .no-csscalc .mobile\:grid--5\/5 > *, .no-js .mobile\:grid--5\/5 > * {
    width: 100%;
  }
  .modern .mobile\:grid__5\/5, .flexbox.csscalc.js .mobile\:grid__5\/5 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__5\/5, .no-flexbox .mobile\:grid__5\/5, .no-csscalc .mobile\:grid__5\/5, .no-js .mobile\:grid__5\/5 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/7 > *, .flexbox.csscalc.js .mobile\:grid--1\/7 > * {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .mobile\:grid--1\/7 > *, .no-flexbox .mobile\:grid--1\/7 > *, .no-csscalc .mobile\:grid--1\/7 > *, .no-js .mobile\:grid--1\/7 > * {
    width: 14.2857142857%;
  }
  .modern .mobile\:grid__1\/7, .flexbox.csscalc.js .mobile\:grid__1\/7 {
    max-width: 14.2857142857%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 14.2857142857%;
        flex-basis: 14.2857142857%;
  }
  .legacy .mobile\:grid__1\/7, .no-flexbox .mobile\:grid__1\/7, .no-csscalc .mobile\:grid__1\/7, .no-js .mobile\:grid__1\/7 {
    width: 14.2857142857%;
  }
  .modern .mobile\:grid--2\/7 > *, .flexbox.csscalc.js .mobile\:grid--2\/7 > * {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .mobile\:grid--2\/7 > *, .no-flexbox .mobile\:grid--2\/7 > *, .no-csscalc .mobile\:grid--2\/7 > *, .no-js .mobile\:grid--2\/7 > * {
    width: 28.5714285714%;
  }
  .modern .mobile\:grid__2\/7, .flexbox.csscalc.js .mobile\:grid__2\/7 {
    max-width: 28.5714285714%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 28.5714285714%;
        flex-basis: 28.5714285714%;
  }
  .legacy .mobile\:grid__2\/7, .no-flexbox .mobile\:grid__2\/7, .no-csscalc .mobile\:grid__2\/7, .no-js .mobile\:grid__2\/7 {
    width: 28.5714285714%;
  }
  .modern .mobile\:grid--3\/7 > *, .flexbox.csscalc.js .mobile\:grid--3\/7 > * {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .mobile\:grid--3\/7 > *, .no-flexbox .mobile\:grid--3\/7 > *, .no-csscalc .mobile\:grid--3\/7 > *, .no-js .mobile\:grid--3\/7 > * {
    width: 42.8571428571%;
  }
  .modern .mobile\:grid__3\/7, .flexbox.csscalc.js .mobile\:grid__3\/7 {
    max-width: 42.8571428571%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 42.8571428571%;
        flex-basis: 42.8571428571%;
  }
  .legacy .mobile\:grid__3\/7, .no-flexbox .mobile\:grid__3\/7, .no-csscalc .mobile\:grid__3\/7, .no-js .mobile\:grid__3\/7 {
    width: 42.8571428571%;
  }
  .modern .mobile\:grid--4\/7 > *, .flexbox.csscalc.js .mobile\:grid--4\/7 > * {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .mobile\:grid--4\/7 > *, .no-flexbox .mobile\:grid--4\/7 > *, .no-csscalc .mobile\:grid--4\/7 > *, .no-js .mobile\:grid--4\/7 > * {
    width: 57.1428571429%;
  }
  .modern .mobile\:grid__4\/7, .flexbox.csscalc.js .mobile\:grid__4\/7 {
    max-width: 57.1428571429%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 57.1428571429%;
        flex-basis: 57.1428571429%;
  }
  .legacy .mobile\:grid__4\/7, .no-flexbox .mobile\:grid__4\/7, .no-csscalc .mobile\:grid__4\/7, .no-js .mobile\:grid__4\/7 {
    width: 57.1428571429%;
  }
  .modern .mobile\:grid--5\/7 > *, .flexbox.csscalc.js .mobile\:grid--5\/7 > * {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .mobile\:grid--5\/7 > *, .no-flexbox .mobile\:grid--5\/7 > *, .no-csscalc .mobile\:grid--5\/7 > *, .no-js .mobile\:grid--5\/7 > * {
    width: 71.4285714286%;
  }
  .modern .mobile\:grid__5\/7, .flexbox.csscalc.js .mobile\:grid__5\/7 {
    max-width: 71.4285714286%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 71.4285714286%;
        flex-basis: 71.4285714286%;
  }
  .legacy .mobile\:grid__5\/7, .no-flexbox .mobile\:grid__5\/7, .no-csscalc .mobile\:grid__5\/7, .no-js .mobile\:grid__5\/7 {
    width: 71.4285714286%;
  }
  .modern .mobile\:grid--6\/7 > *, .flexbox.csscalc.js .mobile\:grid--6\/7 > * {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .mobile\:grid--6\/7 > *, .no-flexbox .mobile\:grid--6\/7 > *, .no-csscalc .mobile\:grid--6\/7 > *, .no-js .mobile\:grid--6\/7 > * {
    width: 85.7142857143%;
  }
  .modern .mobile\:grid__6\/7, .flexbox.csscalc.js .mobile\:grid__6\/7 {
    max-width: 85.7142857143%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 85.7142857143%;
        flex-basis: 85.7142857143%;
  }
  .legacy .mobile\:grid__6\/7, .no-flexbox .mobile\:grid__6\/7, .no-csscalc .mobile\:grid__6\/7, .no-js .mobile\:grid__6\/7 {
    width: 85.7142857143%;
  }
  .modern .mobile\:grid--7\/7 > *, .flexbox.csscalc.js .mobile\:grid--7\/7 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--7\/7 > *, .no-flexbox .mobile\:grid--7\/7 > *, .no-csscalc .mobile\:grid--7\/7 > *, .no-js .mobile\:grid--7\/7 > * {
    width: 100%;
  }
  .modern .mobile\:grid__7\/7, .flexbox.csscalc.js .mobile\:grid__7\/7 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__7\/7, .no-flexbox .mobile\:grid__7\/7, .no-csscalc .mobile\:grid__7\/7, .no-js .mobile\:grid__7\/7 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/8 > *, .flexbox.csscalc.js .mobile\:grid--1\/8 > * {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .mobile\:grid--1\/8 > *, .no-flexbox .mobile\:grid--1\/8 > *, .no-csscalc .mobile\:grid--1\/8 > *, .no-js .mobile\:grid--1\/8 > * {
    width: 12.5%;
  }
  .modern .mobile\:grid__1\/8, .flexbox.csscalc.js .mobile\:grid__1\/8 {
    max-width: 12.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
  }
  .legacy .mobile\:grid__1\/8, .no-flexbox .mobile\:grid__1\/8, .no-csscalc .mobile\:grid__1\/8, .no-js .mobile\:grid__1\/8 {
    width: 12.5%;
  }
  .modern .mobile\:grid--2\/8 > *, .flexbox.csscalc.js .mobile\:grid--2\/8 > * {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid--2\/8 > *, .no-flexbox .mobile\:grid--2\/8 > *, .no-csscalc .mobile\:grid--2\/8 > *, .no-js .mobile\:grid--2\/8 > * {
    width: 25%;
  }
  .modern .mobile\:grid__2\/8, .flexbox.csscalc.js .mobile\:grid__2\/8 {
    max-width: 25%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
  .legacy .mobile\:grid__2\/8, .no-flexbox .mobile\:grid__2\/8, .no-csscalc .mobile\:grid__2\/8, .no-js .mobile\:grid__2\/8 {
    width: 25%;
  }
  .modern .mobile\:grid--3\/8 > *, .flexbox.csscalc.js .mobile\:grid--3\/8 > * {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .mobile\:grid--3\/8 > *, .no-flexbox .mobile\:grid--3\/8 > *, .no-csscalc .mobile\:grid--3\/8 > *, .no-js .mobile\:grid--3\/8 > * {
    width: 37.5%;
  }
  .modern .mobile\:grid__3\/8, .flexbox.csscalc.js .mobile\:grid__3\/8 {
    max-width: 37.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 37.5%;
        flex-basis: 37.5%;
  }
  .legacy .mobile\:grid__3\/8, .no-flexbox .mobile\:grid__3\/8, .no-csscalc .mobile\:grid__3\/8, .no-js .mobile\:grid__3\/8 {
    width: 37.5%;
  }
  .modern .mobile\:grid--4\/8 > *, .flexbox.csscalc.js .mobile\:grid--4\/8 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid--4\/8 > *, .no-flexbox .mobile\:grid--4\/8 > *, .no-csscalc .mobile\:grid--4\/8 > *, .no-js .mobile\:grid--4\/8 > * {
    width: 50%;
  }
  .modern .mobile\:grid__4\/8, .flexbox.csscalc.js .mobile\:grid__4\/8 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid__4\/8, .no-flexbox .mobile\:grid__4\/8, .no-csscalc .mobile\:grid__4\/8, .no-js .mobile\:grid__4\/8 {
    width: 50%;
  }
  .modern .mobile\:grid--5\/8 > *, .flexbox.csscalc.js .mobile\:grid--5\/8 > * {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .mobile\:grid--5\/8 > *, .no-flexbox .mobile\:grid--5\/8 > *, .no-csscalc .mobile\:grid--5\/8 > *, .no-js .mobile\:grid--5\/8 > * {
    width: 62.5%;
  }
  .modern .mobile\:grid__5\/8, .flexbox.csscalc.js .mobile\:grid__5\/8 {
    max-width: 62.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 62.5%;
        flex-basis: 62.5%;
  }
  .legacy .mobile\:grid__5\/8, .no-flexbox .mobile\:grid__5\/8, .no-csscalc .mobile\:grid__5\/8, .no-js .mobile\:grid__5\/8 {
    width: 62.5%;
  }
  .modern .mobile\:grid--6\/8 > *, .flexbox.csscalc.js .mobile\:grid--6\/8 > * {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid--6\/8 > *, .no-flexbox .mobile\:grid--6\/8 > *, .no-csscalc .mobile\:grid--6\/8 > *, .no-js .mobile\:grid--6\/8 > * {
    width: 75%;
  }
  .modern .mobile\:grid__6\/8, .flexbox.csscalc.js .mobile\:grid__6\/8 {
    max-width: 75%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
  .legacy .mobile\:grid__6\/8, .no-flexbox .mobile\:grid__6\/8, .no-csscalc .mobile\:grid__6\/8, .no-js .mobile\:grid__6\/8 {
    width: 75%;
  }
  .modern .mobile\:grid--7\/8 > *, .flexbox.csscalc.js .mobile\:grid--7\/8 > * {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .mobile\:grid--7\/8 > *, .no-flexbox .mobile\:grid--7\/8 > *, .no-csscalc .mobile\:grid--7\/8 > *, .no-js .mobile\:grid--7\/8 > * {
    width: 87.5%;
  }
  .modern .mobile\:grid__7\/8, .flexbox.csscalc.js .mobile\:grid__7\/8 {
    max-width: 87.5%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 87.5%;
        flex-basis: 87.5%;
  }
  .legacy .mobile\:grid__7\/8, .no-flexbox .mobile\:grid__7\/8, .no-csscalc .mobile\:grid__7\/8, .no-js .mobile\:grid__7\/8 {
    width: 87.5%;
  }
  .modern .mobile\:grid--8\/8 > *, .flexbox.csscalc.js .mobile\:grid--8\/8 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--8\/8 > *, .no-flexbox .mobile\:grid--8\/8 > *, .no-csscalc .mobile\:grid--8\/8 > *, .no-js .mobile\:grid--8\/8 > * {
    width: 100%;
  }
  .modern .mobile\:grid__8\/8, .flexbox.csscalc.js .mobile\:grid__8\/8 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__8\/8, .no-flexbox .mobile\:grid__8\/8, .no-csscalc .mobile\:grid__8\/8, .no-js .mobile\:grid__8\/8 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/9 > *, .flexbox.csscalc.js .mobile\:grid--1\/9 > * {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .mobile\:grid--1\/9 > *, .no-flexbox .mobile\:grid--1\/9 > *, .no-csscalc .mobile\:grid--1\/9 > *, .no-js .mobile\:grid--1\/9 > * {
    width: 11.1111111111%;
  }
  .modern .mobile\:grid__1\/9, .flexbox.csscalc.js .mobile\:grid__1\/9 {
    max-width: 11.1111111111%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 11.1111111111%;
        flex-basis: 11.1111111111%;
  }
  .legacy .mobile\:grid__1\/9, .no-flexbox .mobile\:grid__1\/9, .no-csscalc .mobile\:grid__1\/9, .no-js .mobile\:grid__1\/9 {
    width: 11.1111111111%;
  }
  .modern .mobile\:grid--2\/9 > *, .flexbox.csscalc.js .mobile\:grid--2\/9 > * {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .mobile\:grid--2\/9 > *, .no-flexbox .mobile\:grid--2\/9 > *, .no-csscalc .mobile\:grid--2\/9 > *, .no-js .mobile\:grid--2\/9 > * {
    width: 22.2222222222%;
  }
  .modern .mobile\:grid__2\/9, .flexbox.csscalc.js .mobile\:grid__2\/9 {
    max-width: 22.2222222222%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 22.2222222222%;
        flex-basis: 22.2222222222%;
  }
  .legacy .mobile\:grid__2\/9, .no-flexbox .mobile\:grid__2\/9, .no-csscalc .mobile\:grid__2\/9, .no-js .mobile\:grid__2\/9 {
    width: 22.2222222222%;
  }
  .modern .mobile\:grid--3\/9 > *, .flexbox.csscalc.js .mobile\:grid--3\/9 > * {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid--3\/9 > *, .no-flexbox .mobile\:grid--3\/9 > *, .no-csscalc .mobile\:grid--3\/9 > *, .no-js .mobile\:grid--3\/9 > * {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid__3\/9, .flexbox.csscalc.js .mobile\:grid__3\/9 {
    max-width: 33.3333333333%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
  }
  .legacy .mobile\:grid__3\/9, .no-flexbox .mobile\:grid__3\/9, .no-csscalc .mobile\:grid__3\/9, .no-js .mobile\:grid__3\/9 {
    width: 33.3333333333%;
  }
  .modern .mobile\:grid--4\/9 > *, .flexbox.csscalc.js .mobile\:grid--4\/9 > * {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .mobile\:grid--4\/9 > *, .no-flexbox .mobile\:grid--4\/9 > *, .no-csscalc .mobile\:grid--4\/9 > *, .no-js .mobile\:grid--4\/9 > * {
    width: 44.4444444444%;
  }
  .modern .mobile\:grid__4\/9, .flexbox.csscalc.js .mobile\:grid__4\/9 {
    max-width: 44.4444444444%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 44.4444444444%;
        flex-basis: 44.4444444444%;
  }
  .legacy .mobile\:grid__4\/9, .no-flexbox .mobile\:grid__4\/9, .no-csscalc .mobile\:grid__4\/9, .no-js .mobile\:grid__4\/9 {
    width: 44.4444444444%;
  }
  .modern .mobile\:grid--5\/9 > *, .flexbox.csscalc.js .mobile\:grid--5\/9 > * {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .mobile\:grid--5\/9 > *, .no-flexbox .mobile\:grid--5\/9 > *, .no-csscalc .mobile\:grid--5\/9 > *, .no-js .mobile\:grid--5\/9 > * {
    width: 55.5555555556%;
  }
  .modern .mobile\:grid__5\/9, .flexbox.csscalc.js .mobile\:grid__5\/9 {
    max-width: 55.5555555556%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 55.5555555556%;
        flex-basis: 55.5555555556%;
  }
  .legacy .mobile\:grid__5\/9, .no-flexbox .mobile\:grid__5\/9, .no-csscalc .mobile\:grid__5\/9, .no-js .mobile\:grid__5\/9 {
    width: 55.5555555556%;
  }
  .modern .mobile\:grid--6\/9 > *, .flexbox.csscalc.js .mobile\:grid--6\/9 > * {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid--6\/9 > *, .no-flexbox .mobile\:grid--6\/9 > *, .no-csscalc .mobile\:grid--6\/9 > *, .no-js .mobile\:grid--6\/9 > * {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid__6\/9, .flexbox.csscalc.js .mobile\:grid__6\/9 {
    max-width: 66.6666666667%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
  }
  .legacy .mobile\:grid__6\/9, .no-flexbox .mobile\:grid__6\/9, .no-csscalc .mobile\:grid__6\/9, .no-js .mobile\:grid__6\/9 {
    width: 66.6666666667%;
  }
  .modern .mobile\:grid--7\/9 > *, .flexbox.csscalc.js .mobile\:grid--7\/9 > * {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .mobile\:grid--7\/9 > *, .no-flexbox .mobile\:grid--7\/9 > *, .no-csscalc .mobile\:grid--7\/9 > *, .no-js .mobile\:grid--7\/9 > * {
    width: 77.7777777778%;
  }
  .modern .mobile\:grid__7\/9, .flexbox.csscalc.js .mobile\:grid__7\/9 {
    max-width: 77.7777777778%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 77.7777777778%;
        flex-basis: 77.7777777778%;
  }
  .legacy .mobile\:grid__7\/9, .no-flexbox .mobile\:grid__7\/9, .no-csscalc .mobile\:grid__7\/9, .no-js .mobile\:grid__7\/9 {
    width: 77.7777777778%;
  }
  .modern .mobile\:grid--8\/9 > *, .flexbox.csscalc.js .mobile\:grid--8\/9 > * {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .mobile\:grid--8\/9 > *, .no-flexbox .mobile\:grid--8\/9 > *, .no-csscalc .mobile\:grid--8\/9 > *, .no-js .mobile\:grid--8\/9 > * {
    width: 88.8888888889%;
  }
  .modern .mobile\:grid__8\/9, .flexbox.csscalc.js .mobile\:grid__8\/9 {
    max-width: 88.8888888889%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 88.8888888889%;
        flex-basis: 88.8888888889%;
  }
  .legacy .mobile\:grid__8\/9, .no-flexbox .mobile\:grid__8\/9, .no-csscalc .mobile\:grid__8\/9, .no-js .mobile\:grid__8\/9 {
    width: 88.8888888889%;
  }
  .modern .mobile\:grid--9\/9 > *, .flexbox.csscalc.js .mobile\:grid--9\/9 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--9\/9 > *, .no-flexbox .mobile\:grid--9\/9 > *, .no-csscalc .mobile\:grid--9\/9 > *, .no-js .mobile\:grid--9\/9 > * {
    width: 100%;
  }
  .modern .mobile\:grid__9\/9, .flexbox.csscalc.js .mobile\:grid__9\/9 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__9\/9, .no-flexbox .mobile\:grid__9\/9, .no-csscalc .mobile\:grid__9\/9, .no-js .mobile\:grid__9\/9 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/10 > *, .flexbox.csscalc.js .mobile\:grid--1\/10 > * {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .mobile\:grid--1\/10 > *, .no-flexbox .mobile\:grid--1\/10 > *, .no-csscalc .mobile\:grid--1\/10 > *, .no-js .mobile\:grid--1\/10 > * {
    width: 10%;
  }
  .modern .mobile\:grid__1\/10, .flexbox.csscalc.js .mobile\:grid__1\/10 {
    max-width: 10%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
  }
  .legacy .mobile\:grid__1\/10, .no-flexbox .mobile\:grid__1\/10, .no-csscalc .mobile\:grid__1\/10, .no-js .mobile\:grid__1\/10 {
    width: 10%;
  }
  .modern .mobile\:grid--2\/10 > *, .flexbox.csscalc.js .mobile\:grid--2\/10 > * {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid--2\/10 > *, .no-flexbox .mobile\:grid--2\/10 > *, .no-csscalc .mobile\:grid--2\/10 > *, .no-js .mobile\:grid--2\/10 > * {
    width: 20%;
  }
  .modern .mobile\:grid__2\/10, .flexbox.csscalc.js .mobile\:grid__2\/10 {
    max-width: 20%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .legacy .mobile\:grid__2\/10, .no-flexbox .mobile\:grid__2\/10, .no-csscalc .mobile\:grid__2\/10, .no-js .mobile\:grid__2\/10 {
    width: 20%;
  }
  .modern .mobile\:grid--3\/10 > *, .flexbox.csscalc.js .mobile\:grid--3\/10 > * {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .mobile\:grid--3\/10 > *, .no-flexbox .mobile\:grid--3\/10 > *, .no-csscalc .mobile\:grid--3\/10 > *, .no-js .mobile\:grid--3\/10 > * {
    width: 30%;
  }
  .modern .mobile\:grid__3\/10, .flexbox.csscalc.js .mobile\:grid__3\/10 {
    max-width: 30%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
  }
  .legacy .mobile\:grid__3\/10, .no-flexbox .mobile\:grid__3\/10, .no-csscalc .mobile\:grid__3\/10, .no-js .mobile\:grid__3\/10 {
    width: 30%;
  }
  .modern .mobile\:grid--4\/10 > *, .flexbox.csscalc.js .mobile\:grid--4\/10 > * {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid--4\/10 > *, .no-flexbox .mobile\:grid--4\/10 > *, .no-csscalc .mobile\:grid--4\/10 > *, .no-js .mobile\:grid--4\/10 > * {
    width: 40%;
  }
  .modern .mobile\:grid__4\/10, .flexbox.csscalc.js .mobile\:grid__4\/10 {
    max-width: 40%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .legacy .mobile\:grid__4\/10, .no-flexbox .mobile\:grid__4\/10, .no-csscalc .mobile\:grid__4\/10, .no-js .mobile\:grid__4\/10 {
    width: 40%;
  }
  .modern .mobile\:grid--5\/10 > *, .flexbox.csscalc.js .mobile\:grid--5\/10 > * {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid--5\/10 > *, .no-flexbox .mobile\:grid--5\/10 > *, .no-csscalc .mobile\:grid--5\/10 > *, .no-js .mobile\:grid--5\/10 > * {
    width: 50%;
  }
  .modern .mobile\:grid__5\/10, .flexbox.csscalc.js .mobile\:grid__5\/10 {
    max-width: 50%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .legacy .mobile\:grid__5\/10, .no-flexbox .mobile\:grid__5\/10, .no-csscalc .mobile\:grid__5\/10, .no-js .mobile\:grid__5\/10 {
    width: 50%;
  }
  .modern .mobile\:grid--6\/10 > *, .flexbox.csscalc.js .mobile\:grid--6\/10 > * {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid--6\/10 > *, .no-flexbox .mobile\:grid--6\/10 > *, .no-csscalc .mobile\:grid--6\/10 > *, .no-js .mobile\:grid--6\/10 > * {
    width: 60%;
  }
  .modern .mobile\:grid__6\/10, .flexbox.csscalc.js .mobile\:grid__6\/10 {
    max-width: 60%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
  }
  .legacy .mobile\:grid__6\/10, .no-flexbox .mobile\:grid__6\/10, .no-csscalc .mobile\:grid__6\/10, .no-js .mobile\:grid__6\/10 {
    width: 60%;
  }
  .modern .mobile\:grid--7\/10 > *, .flexbox.csscalc.js .mobile\:grid--7\/10 > * {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .mobile\:grid--7\/10 > *, .no-flexbox .mobile\:grid--7\/10 > *, .no-csscalc .mobile\:grid--7\/10 > *, .no-js .mobile\:grid--7\/10 > * {
    width: 70%;
  }
  .modern .mobile\:grid__7\/10, .flexbox.csscalc.js .mobile\:grid__7\/10 {
    max-width: 70%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
  }
  .legacy .mobile\:grid__7\/10, .no-flexbox .mobile\:grid__7\/10, .no-csscalc .mobile\:grid__7\/10, .no-js .mobile\:grid__7\/10 {
    width: 70%;
  }
  .modern .mobile\:grid--8\/10 > *, .flexbox.csscalc.js .mobile\:grid--8\/10 > * {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid--8\/10 > *, .no-flexbox .mobile\:grid--8\/10 > *, .no-csscalc .mobile\:grid--8\/10 > *, .no-js .mobile\:grid--8\/10 > * {
    width: 80%;
  }
  .modern .mobile\:grid__8\/10, .flexbox.csscalc.js .mobile\:grid__8\/10 {
    max-width: 80%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .legacy .mobile\:grid__8\/10, .no-flexbox .mobile\:grid__8\/10, .no-csscalc .mobile\:grid__8\/10, .no-js .mobile\:grid__8\/10 {
    width: 80%;
  }
  .modern .mobile\:grid--9\/10 > *, .flexbox.csscalc.js .mobile\:grid--9\/10 > * {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .mobile\:grid--9\/10 > *, .no-flexbox .mobile\:grid--9\/10 > *, .no-csscalc .mobile\:grid--9\/10 > *, .no-js .mobile\:grid--9\/10 > * {
    width: 90%;
  }
  .modern .mobile\:grid__9\/10, .flexbox.csscalc.js .mobile\:grid__9\/10 {
    max-width: 90%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
  .legacy .mobile\:grid__9\/10, .no-flexbox .mobile\:grid__9\/10, .no-csscalc .mobile\:grid__9\/10, .no-js .mobile\:grid__9\/10 {
    width: 90%;
  }
  .modern .mobile\:grid--10\/10 > *, .flexbox.csscalc.js .mobile\:grid--10\/10 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--10\/10 > *, .no-flexbox .mobile\:grid--10\/10 > *, .no-csscalc .mobile\:grid--10\/10 > *, .no-js .mobile\:grid--10\/10 > * {
    width: 100%;
  }
  .modern .mobile\:grid__10\/10, .flexbox.csscalc.js .mobile\:grid__10\/10 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__10\/10, .no-flexbox .mobile\:grid__10\/10, .no-csscalc .mobile\:grid__10\/10, .no-js .mobile\:grid__10\/10 {
    width: 100%;
  }
  .modern .mobile\:grid--1\/11 > *, .flexbox.csscalc.js .mobile\:grid--1\/11 > * {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .mobile\:grid--1\/11 > *, .no-flexbox .mobile\:grid--1\/11 > *, .no-csscalc .mobile\:grid--1\/11 > *, .no-js .mobile\:grid--1\/11 > * {
    width: 9.0909090909%;
  }
  .modern .mobile\:grid__1\/11, .flexbox.csscalc.js .mobile\:grid__1\/11 {
    max-width: 9.0909090909%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 9.0909090909%;
        flex-basis: 9.0909090909%;
  }
  .legacy .mobile\:grid__1\/11, .no-flexbox .mobile\:grid__1\/11, .no-csscalc .mobile\:grid__1\/11, .no-js .mobile\:grid__1\/11 {
    width: 9.0909090909%;
  }
  .modern .mobile\:grid--2\/11 > *, .flexbox.csscalc.js .mobile\:grid--2\/11 > * {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .mobile\:grid--2\/11 > *, .no-flexbox .mobile\:grid--2\/11 > *, .no-csscalc .mobile\:grid--2\/11 > *, .no-js .mobile\:grid--2\/11 > * {
    width: 18.1818181818%;
  }
  .modern .mobile\:grid__2\/11, .flexbox.csscalc.js .mobile\:grid__2\/11 {
    max-width: 18.1818181818%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 18.1818181818%;
        flex-basis: 18.1818181818%;
  }
  .legacy .mobile\:grid__2\/11, .no-flexbox .mobile\:grid__2\/11, .no-csscalc .mobile\:grid__2\/11, .no-js .mobile\:grid__2\/11 {
    width: 18.1818181818%;
  }
  .modern .mobile\:grid--3\/11 > *, .flexbox.csscalc.js .mobile\:grid--3\/11 > * {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .mobile\:grid--3\/11 > *, .no-flexbox .mobile\:grid--3\/11 > *, .no-csscalc .mobile\:grid--3\/11 > *, .no-js .mobile\:grid--3\/11 > * {
    width: 27.2727272727%;
  }
  .modern .mobile\:grid__3\/11, .flexbox.csscalc.js .mobile\:grid__3\/11 {
    max-width: 27.2727272727%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 27.2727272727%;
        flex-basis: 27.2727272727%;
  }
  .legacy .mobile\:grid__3\/11, .no-flexbox .mobile\:grid__3\/11, .no-csscalc .mobile\:grid__3\/11, .no-js .mobile\:grid__3\/11 {
    width: 27.2727272727%;
  }
  .modern .mobile\:grid--4\/11 > *, .flexbox.csscalc.js .mobile\:grid--4\/11 > * {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .mobile\:grid--4\/11 > *, .no-flexbox .mobile\:grid--4\/11 > *, .no-csscalc .mobile\:grid--4\/11 > *, .no-js .mobile\:grid--4\/11 > * {
    width: 36.3636363636%;
  }
  .modern .mobile\:grid__4\/11, .flexbox.csscalc.js .mobile\:grid__4\/11 {
    max-width: 36.3636363636%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 36.3636363636%;
        flex-basis: 36.3636363636%;
  }
  .legacy .mobile\:grid__4\/11, .no-flexbox .mobile\:grid__4\/11, .no-csscalc .mobile\:grid__4\/11, .no-js .mobile\:grid__4\/11 {
    width: 36.3636363636%;
  }
  .modern .mobile\:grid--5\/11 > *, .flexbox.csscalc.js .mobile\:grid--5\/11 > * {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .mobile\:grid--5\/11 > *, .no-flexbox .mobile\:grid--5\/11 > *, .no-csscalc .mobile\:grid--5\/11 > *, .no-js .mobile\:grid--5\/11 > * {
    width: 45.4545454545%;
  }
  .modern .mobile\:grid__5\/11, .flexbox.csscalc.js .mobile\:grid__5\/11 {
    max-width: 45.4545454545%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 45.4545454545%;
        flex-basis: 45.4545454545%;
  }
  .legacy .mobile\:grid__5\/11, .no-flexbox .mobile\:grid__5\/11, .no-csscalc .mobile\:grid__5\/11, .no-js .mobile\:grid__5\/11 {
    width: 45.4545454545%;
  }
  .modern .mobile\:grid--6\/11 > *, .flexbox.csscalc.js .mobile\:grid--6\/11 > * {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .mobile\:grid--6\/11 > *, .no-flexbox .mobile\:grid--6\/11 > *, .no-csscalc .mobile\:grid--6\/11 > *, .no-js .mobile\:grid--6\/11 > * {
    width: 54.5454545455%;
  }
  .modern .mobile\:grid__6\/11, .flexbox.csscalc.js .mobile\:grid__6\/11 {
    max-width: 54.5454545455%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 54.5454545455%;
        flex-basis: 54.5454545455%;
  }
  .legacy .mobile\:grid__6\/11, .no-flexbox .mobile\:grid__6\/11, .no-csscalc .mobile\:grid__6\/11, .no-js .mobile\:grid__6\/11 {
    width: 54.5454545455%;
  }
  .modern .mobile\:grid--7\/11 > *, .flexbox.csscalc.js .mobile\:grid--7\/11 > * {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .mobile\:grid--7\/11 > *, .no-flexbox .mobile\:grid--7\/11 > *, .no-csscalc .mobile\:grid--7\/11 > *, .no-js .mobile\:grid--7\/11 > * {
    width: 63.6363636364%;
  }
  .modern .mobile\:grid__7\/11, .flexbox.csscalc.js .mobile\:grid__7\/11 {
    max-width: 63.6363636364%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 63.6363636364%;
        flex-basis: 63.6363636364%;
  }
  .legacy .mobile\:grid__7\/11, .no-flexbox .mobile\:grid__7\/11, .no-csscalc .mobile\:grid__7\/11, .no-js .mobile\:grid__7\/11 {
    width: 63.6363636364%;
  }
  .modern .mobile\:grid--8\/11 > *, .flexbox.csscalc.js .mobile\:grid--8\/11 > * {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .mobile\:grid--8\/11 > *, .no-flexbox .mobile\:grid--8\/11 > *, .no-csscalc .mobile\:grid--8\/11 > *, .no-js .mobile\:grid--8\/11 > * {
    width: 72.7272727273%;
  }
  .modern .mobile\:grid__8\/11, .flexbox.csscalc.js .mobile\:grid__8\/11 {
    max-width: 72.7272727273%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 72.7272727273%;
        flex-basis: 72.7272727273%;
  }
  .legacy .mobile\:grid__8\/11, .no-flexbox .mobile\:grid__8\/11, .no-csscalc .mobile\:grid__8\/11, .no-js .mobile\:grid__8\/11 {
    width: 72.7272727273%;
  }
  .modern .mobile\:grid--9\/11 > *, .flexbox.csscalc.js .mobile\:grid--9\/11 > * {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .mobile\:grid--9\/11 > *, .no-flexbox .mobile\:grid--9\/11 > *, .no-csscalc .mobile\:grid--9\/11 > *, .no-js .mobile\:grid--9\/11 > * {
    width: 81.8181818182%;
  }
  .modern .mobile\:grid__9\/11, .flexbox.csscalc.js .mobile\:grid__9\/11 {
    max-width: 81.8181818182%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 81.8181818182%;
        flex-basis: 81.8181818182%;
  }
  .legacy .mobile\:grid__9\/11, .no-flexbox .mobile\:grid__9\/11, .no-csscalc .mobile\:grid__9\/11, .no-js .mobile\:grid__9\/11 {
    width: 81.8181818182%;
  }
  .modern .mobile\:grid--10\/11 > *, .flexbox.csscalc.js .mobile\:grid--10\/11 > * {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .mobile\:grid--10\/11 > *, .no-flexbox .mobile\:grid--10\/11 > *, .no-csscalc .mobile\:grid--10\/11 > *, .no-js .mobile\:grid--10\/11 > * {
    width: 90.9090909091%;
  }
  .modern .mobile\:grid__10\/11, .flexbox.csscalc.js .mobile\:grid__10\/11 {
    max-width: 90.9090909091%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 90.9090909091%;
        flex-basis: 90.9090909091%;
  }
  .legacy .mobile\:grid__10\/11, .no-flexbox .mobile\:grid__10\/11, .no-csscalc .mobile\:grid__10\/11, .no-js .mobile\:grid__10\/11 {
    width: 90.9090909091%;
  }
  .modern .mobile\:grid--11\/11 > *, .flexbox.csscalc.js .mobile\:grid--11\/11 > * {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid--11\/11 > *, .no-flexbox .mobile\:grid--11\/11 > *, .no-csscalc .mobile\:grid--11\/11 > *, .no-js .mobile\:grid--11\/11 > * {
    width: 100%;
  }
  .modern .mobile\:grid__11\/11, .flexbox.csscalc.js .mobile\:grid__11\/11 {
    max-width: 100%; /* Hack only needed for IE 11 see: http://stackoverflow.com/a/21950351/1213795 */
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .legacy .mobile\:grid__11\/11, .no-flexbox .mobile\:grid__11\/11, .no-csscalc .mobile\:grid__11\/11, .no-js .mobile\:grid__11\/11 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mobile\:grid--left {
    text-align: left;
  }
  .modern .mobile\:grid--left, .flexbox.csscalc.js .mobile\:grid--left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mobile\:grid--center {
    text-align: center;
  }
  .modern .mobile\:grid--center, .flexbox.csscalc.js .mobile\:grid--center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mobile\:grid--right {
    text-align: right;
  }
  .modern .mobile\:grid--right, .flexbox.csscalc.js .mobile\:grid--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
/*! purgecss end ignore */
.capture *, .capture *:after, .capture *:before {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation-duration: 0s !important;
          animation-duration: 0s !important;
  -webkit-animation-delay: 0s !important;
          animation-delay: 0s !important;
}

/* Sass-Utilizer */
.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

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

.block {
  display: block !important;
}

.block-dive > * {
  display: block !important;
}

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

.inline-block-dive > * {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.inline-dive > * {
  display: inline !important;
}

.hidden {
  display: none !important;
}

.hidden-dive > * {
  display: none !important;
}

.text-left {
  text-align: left !important;
}

.text-left-dive > * {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-center-dive > * {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-right-dive > * {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.text-justify-dive > * {
  text-align: justify !important;
}

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

.align-baseline-dive > * {
  vertical-align: baseline !important;
}

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

.align-top-dive > * {
  vertical-align: top !important;
}

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

.align-middle-dive > * {
  vertical-align: middle !important;
}

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

.align-bottom-dive > * {
  vertical-align: bottom !important;
}

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

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

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

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

.flex-none {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

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

.flex-auto {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-initial {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
}

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

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-2 {
  -webkit-box-flex: 2 !important;
      -ms-flex-positive: 2 !important;
          flex-grow: 2 !important;
}

.flex-grow-2-dive > * {
  -webkit-box-flex: 2 !important;
      -ms-flex-positive: 2 !important;
          flex-grow: 2 !important;
}

.flex-grow-3 {
  -webkit-box-flex: 3 !important;
      -ms-flex-positive: 3 !important;
          flex-grow: 3 !important;
}

.flex-grow-3-dive > * {
  -webkit-box-flex: 3 !important;
      -ms-flex-positive: 3 !important;
          flex-grow: 3 !important;
}

.flex-grow-4 {
  -webkit-box-flex: 4 !important;
      -ms-flex-positive: 4 !important;
          flex-grow: 4 !important;
}

.flex-grow-4-dive > * {
  -webkit-box-flex: 4 !important;
      -ms-flex-positive: 4 !important;
          flex-grow: 4 !important;
}

.flex-grow-5 {
  -webkit-box-flex: 5 !important;
      -ms-flex-positive: 5 !important;
          flex-grow: 5 !important;
}

.flex-grow-5-dive > * {
  -webkit-box-flex: 5 !important;
      -ms-flex-positive: 5 !important;
          flex-grow: 5 !important;
}

.flex-grow-6 {
  -webkit-box-flex: 6 !important;
      -ms-flex-positive: 6 !important;
          flex-grow: 6 !important;
}

.flex-grow-6-dive > * {
  -webkit-box-flex: 6 !important;
      -ms-flex-positive: 6 !important;
          flex-grow: 6 !important;
}

.flex-grow-7 {
  -webkit-box-flex: 7 !important;
      -ms-flex-positive: 7 !important;
          flex-grow: 7 !important;
}

.flex-grow-7-dive > * {
  -webkit-box-flex: 7 !important;
      -ms-flex-positive: 7 !important;
          flex-grow: 7 !important;
}

.flex-grow-8 {
  -webkit-box-flex: 8 !important;
      -ms-flex-positive: 8 !important;
          flex-grow: 8 !important;
}

.flex-grow-8-dive > * {
  -webkit-box-flex: 8 !important;
      -ms-flex-positive: 8 !important;
          flex-grow: 8 !important;
}

.flex-grow-9 {
  -webkit-box-flex: 9 !important;
      -ms-flex-positive: 9 !important;
          flex-grow: 9 !important;
}

.flex-grow-9-dive > * {
  -webkit-box-flex: 9 !important;
      -ms-flex-positive: 9 !important;
          flex-grow: 9 !important;
}

.flex-grow-10 {
  -webkit-box-flex: 10 !important;
      -ms-flex-positive: 10 !important;
          flex-grow: 10 !important;
}

.flex-grow-10-dive > * {
  -webkit-box-flex: 10 !important;
      -ms-flex-positive: 10 !important;
          flex-grow: 10 !important;
}

.flex-grow-11 {
  -webkit-box-flex: 11 !important;
      -ms-flex-positive: 11 !important;
          flex-grow: 11 !important;
}

.flex-grow-11-dive > * {
  -webkit-box-flex: 11 !important;
      -ms-flex-positive: 11 !important;
          flex-grow: 11 !important;
}

.flex-grow-12 {
  -webkit-box-flex: 12 !important;
      -ms-flex-positive: 12 !important;
          flex-grow: 12 !important;
}

.flex-grow-12-dive > * {
  -webkit-box-flex: 12 !important;
      -ms-flex-positive: 12 !important;
          flex-grow: 12 !important;
}

.flex-grow-dive > * {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

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

.flex-shrink-2 {
  -ms-flex-negative: 2 !important;
      flex-shrink: 2 !important;
}

.flex-shrink-2-dive > * {
  -ms-flex-negative: 2 !important;
      flex-shrink: 2 !important;
}

.flex-shrink-3 {
  -ms-flex-negative: 3 !important;
      flex-shrink: 3 !important;
}

.flex-shrink-3-dive > * {
  -ms-flex-negative: 3 !important;
      flex-shrink: 3 !important;
}

.flex-shrink-4 {
  -ms-flex-negative: 4 !important;
      flex-shrink: 4 !important;
}

.flex-shrink-4-dive > * {
  -ms-flex-negative: 4 !important;
      flex-shrink: 4 !important;
}

.flex-shrink-5 {
  -ms-flex-negative: 5 !important;
      flex-shrink: 5 !important;
}

.flex-shrink-5-dive > * {
  -ms-flex-negative: 5 !important;
      flex-shrink: 5 !important;
}

.flex-shrink-6 {
  -ms-flex-negative: 6 !important;
      flex-shrink: 6 !important;
}

.flex-shrink-6-dive > * {
  -ms-flex-negative: 6 !important;
      flex-shrink: 6 !important;
}

.flex-shrink-7 {
  -ms-flex-negative: 7 !important;
      flex-shrink: 7 !important;
}

.flex-shrink-7-dive > * {
  -ms-flex-negative: 7 !important;
      flex-shrink: 7 !important;
}

.flex-shrink-8 {
  -ms-flex-negative: 8 !important;
      flex-shrink: 8 !important;
}

.flex-shrink-8-dive > * {
  -ms-flex-negative: 8 !important;
      flex-shrink: 8 !important;
}

.flex-shrink-9 {
  -ms-flex-negative: 9 !important;
      flex-shrink: 9 !important;
}

.flex-shrink-9-dive > * {
  -ms-flex-negative: 9 !important;
      flex-shrink: 9 !important;
}

.flex-shrink-10 {
  -ms-flex-negative: 10 !important;
      flex-shrink: 10 !important;
}

.flex-shrink-10-dive > * {
  -ms-flex-negative: 10 !important;
      flex-shrink: 10 !important;
}

.flex-shrink-11 {
  -ms-flex-negative: 11 !important;
      flex-shrink: 11 !important;
}

.flex-shrink-11-dive > * {
  -ms-flex-negative: 11 !important;
      flex-shrink: 11 !important;
}

.flex-shrink-12 {
  -ms-flex-negative: 12 !important;
      flex-shrink: 12 !important;
}

.flex-shrink-12-dive > * {
  -ms-flex-negative: 12 !important;
      flex-shrink: 12 !important;
}

.flex-shrink-dive > * {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.order {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.order-0 {
  -webkit-box-ordinal-group: 1 !important;
      -ms-flex-order: 0 !important;
          order: 0 !important;
}

.order-2 {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-2-dive > * {
  -webkit-box-ordinal-group: 3 !important;
      -ms-flex-order: 2 !important;
          order: 2 !important;
}

.order-3 {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-3-dive > * {
  -webkit-box-ordinal-group: 4 !important;
      -ms-flex-order: 3 !important;
          order: 3 !important;
}

.order-4 {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-4-dive > * {
  -webkit-box-ordinal-group: 5 !important;
      -ms-flex-order: 4 !important;
          order: 4 !important;
}

.order-5 {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-5-dive > * {
  -webkit-box-ordinal-group: 6 !important;
      -ms-flex-order: 5 !important;
          order: 5 !important;
}

.order-6 {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.order-6-dive > * {
  -webkit-box-ordinal-group: 7 !important;
      -ms-flex-order: 6 !important;
          order: 6 !important;
}

.order-7 {
  -webkit-box-ordinal-group: 8 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.order-7-dive > * {
  -webkit-box-ordinal-group: 8 !important;
      -ms-flex-order: 7 !important;
          order: 7 !important;
}

.order-8 {
  -webkit-box-ordinal-group: 9 !important;
      -ms-flex-order: 8 !important;
          order: 8 !important;
}

.order-8-dive > * {
  -webkit-box-ordinal-group: 9 !important;
      -ms-flex-order: 8 !important;
          order: 8 !important;
}

.order-9 {
  -webkit-box-ordinal-group: 10 !important;
      -ms-flex-order: 9 !important;
          order: 9 !important;
}

.order-9-dive > * {
  -webkit-box-ordinal-group: 10 !important;
      -ms-flex-order: 9 !important;
          order: 9 !important;
}

.order-10 {
  -webkit-box-ordinal-group: 11 !important;
      -ms-flex-order: 10 !important;
          order: 10 !important;
}

.order-10-dive > * {
  -webkit-box-ordinal-group: 11 !important;
      -ms-flex-order: 10 !important;
          order: 10 !important;
}

.order-11 {
  -webkit-box-ordinal-group: 12 !important;
      -ms-flex-order: 11 !important;
          order: 11 !important;
}

.order-11-dive > * {
  -webkit-box-ordinal-group: 12 !important;
      -ms-flex-order: 11 !important;
          order: 11 !important;
}

.order-12 {
  -webkit-box-ordinal-group: 13 !important;
      -ms-flex-order: 12 !important;
          order: 12 !important;
}

.order-12-dive > * {
  -webkit-box-ordinal-group: 13 !important;
      -ms-flex-order: 12 !important;
          order: 12 !important;
}

.order-dive > * {
  -webkit-box-ordinal-group: 2 !important;
      -ms-flex-order: 1 !important;
          order: 1 !important;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-row-dive > * {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-row-reverse-dive > * {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-column-dive > * {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-column-reverse-dive > * {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.flex-no-wrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.justify-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-start-dive > * {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

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

.justify-end-dive > * {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

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

.justify-center-dive > * {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.justify-around-dive > * {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

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

.justify-between-dive > * {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-evenly {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.justify-evenly-dive > * {
  -webkit-box-pack: space-evenly !important;
      -ms-flex-pack: space-evenly !important;
          justify-content: space-evenly !important;
}

.justify-items-auto {
  justify-items: auto !important;
}

.justify-items-start {
  justify-items: start !important;
}

.justify-items-end {
  justify-items: end !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.justify-self-auto {
  justify-self: auto !important;
}

.justify-self-start {
  justify-self: start !important;
}

.justify-self-end {
  justify-self: end !important;
}

.justify-self-center {
  justify-self: center !important;
}

.justify-self-stretch {
  justify-self: stretch !important;
}

.content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.content-evenly {
  -ms-flex-line-pack: space-evenly !important;
      align-content: space-evenly !important;
}

.items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.items-start-dive > * {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

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

.items-end-dive > * {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

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

.items-center-dive > * {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

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

.items-baseline-dive > * {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.items-stretch-dive > * {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

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

.self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

.table {
  display: table !important;
}

.table-dive > * {
  display: table !important;
}

.table-header-group {
  display: table-header-group !important;
}

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

.table-column-group {
  display: table-column-group !important;
}

.table-footer-group {
  display: table-footer-group !important;
}

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

.table-row-dive > * {
  display: table-row !important;
}

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

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

.table-cell-dive > * {
  display: table-cell !important;
}

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

.table-auto {
  table-layout: auto !important;
}

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

.border-collapse {
  border-collapse: collapse !important;
}

.border-separate {
  border-collapse: separate !important;
}

.static {
  position: static !important;
}

.static-dive > * {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.fixed-dive > * {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.absolute-dive > * {
  position: absolute !important;
}

.pin {
  position: absolute !important;
}

.pin-dive > * {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.relative-dive > * {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

.sticky-dive > * {
  position: sticky !important;
}

.inset {
  top: 16px !important;
}

.inset-0 {
  top: 0 !important;
}

.-inset {
  top: -16px !important;
}

.-inset-2 {
  top: -32px !important;
}

.-inset-1\.5 {
  top: -24px !important;
}

.-inset-0\.5 {
  top: -8px !important;
}

.inset-0\.5 {
  top: 8px !important;
}

.inset-1\.5 {
  top: 24px !important;
}

.inset-2 {
  top: 32px !important;
}

.inset-2\.5 {
  top: 40px !important;
}

.inset-3 {
  top: 48px !important;
}

.inset-3\.5 {
  top: 56px !important;
}

.inset-4 {
  top: 64px !important;
}

.inset-4\.5 {
  top: 72px !important;
}

.inset-5 {
  top: 80px !important;
}

.inset-5\.5 {
  top: 88px !important;
}

.inset-6 {
  top: 96px !important;
}

.inset {
  bottom: 16px !important;
}

.inset-0 {
  bottom: 0 !important;
}

.-inset {
  bottom: -16px !important;
}

.-inset-2 {
  bottom: -32px !important;
}

.-inset-1\.5 {
  bottom: -24px !important;
}

.-inset-0\.5 {
  bottom: -8px !important;
}

.inset-0\.5 {
  bottom: 8px !important;
}

.inset-1\.5 {
  bottom: 24px !important;
}

.inset-2 {
  bottom: 32px !important;
}

.inset-2\.5 {
  bottom: 40px !important;
}

.inset-3 {
  bottom: 48px !important;
}

.inset-3\.5 {
  bottom: 56px !important;
}

.inset-4 {
  bottom: 64px !important;
}

.inset-4\.5 {
  bottom: 72px !important;
}

.inset-5 {
  bottom: 80px !important;
}

.inset-5\.5 {
  bottom: 88px !important;
}

.inset-6 {
  bottom: 96px !important;
}

.inset {
  left: 16px !important;
}

.inset-0 {
  left: 0 !important;
}

.-inset {
  left: -16px !important;
}

.-inset-2 {
  left: -32px !important;
}

.-inset-1\.5 {
  left: -24px !important;
}

.-inset-0\.5 {
  left: -8px !important;
}

.inset-0\.5 {
  left: 8px !important;
}

.inset-1\.5 {
  left: 24px !important;
}

.inset-2 {
  left: 32px !important;
}

.inset-2\.5 {
  left: 40px !important;
}

.inset-3 {
  left: 48px !important;
}

.inset-3\.5 {
  left: 56px !important;
}

.inset-4 {
  left: 64px !important;
}

.inset-4\.5 {
  left: 72px !important;
}

.inset-5 {
  left: 80px !important;
}

.inset-5\.5 {
  left: 88px !important;
}

.inset-6 {
  left: 96px !important;
}

.inset {
  right: 16px !important;
}

.inset-0 {
  right: 0 !important;
}

.-inset {
  right: -16px !important;
}

.-inset-2 {
  right: -32px !important;
}

.-inset-1\.5 {
  right: -24px !important;
}

.-inset-0\.5 {
  right: -8px !important;
}

.inset-0\.5 {
  right: 8px !important;
}

.inset-1\.5 {
  right: 24px !important;
}

.inset-2 {
  right: 32px !important;
}

.inset-2\.5 {
  right: 40px !important;
}

.inset-3 {
  right: 48px !important;
}

.inset-3\.5 {
  right: 56px !important;
}

.inset-4 {
  right: 64px !important;
}

.inset-4\.5 {
  right: 72px !important;
}

.inset-5 {
  right: 80px !important;
}

.inset-5\.5 {
  right: 88px !important;
}

.inset-6 {
  right: 96px !important;
}

.inset-y {
  top: 16px !important;
}

.inset-y-0 {
  top: 0 !important;
}

.-inset-y {
  top: -16px !important;
}

.-inset-y-2 {
  top: -32px !important;
}

.-inset-y-1\.5 {
  top: -24px !important;
}

.-inset-y-0\.5 {
  top: -8px !important;
}

.inset-y-0\.5 {
  top: 8px !important;
}

.inset-y-1\.5 {
  top: 24px !important;
}

.inset-y-2 {
  top: 32px !important;
}

.inset-y-2\.5 {
  top: 40px !important;
}

.inset-y-3 {
  top: 48px !important;
}

.inset-y-3\.5 {
  top: 56px !important;
}

.inset-y-4 {
  top: 64px !important;
}

.inset-y-4\.5 {
  top: 72px !important;
}

.inset-y-5 {
  top: 80px !important;
}

.inset-y-5\.5 {
  top: 88px !important;
}

.inset-y-6 {
  top: 96px !important;
}

.inset-y {
  bottom: 16px !important;
}

.inset-y-0 {
  bottom: 0 !important;
}

.-inset-y {
  bottom: -16px !important;
}

.-inset-y-2 {
  bottom: -32px !important;
}

.-inset-y-1\.5 {
  bottom: -24px !important;
}

.-inset-y-0\.5 {
  bottom: -8px !important;
}

.inset-y-0\.5 {
  bottom: 8px !important;
}

.inset-y-1\.5 {
  bottom: 24px !important;
}

.inset-y-2 {
  bottom: 32px !important;
}

.inset-y-2\.5 {
  bottom: 40px !important;
}

.inset-y-3 {
  bottom: 48px !important;
}

.inset-y-3\.5 {
  bottom: 56px !important;
}

.inset-y-4 {
  bottom: 64px !important;
}

.inset-y-4\.5 {
  bottom: 72px !important;
}

.inset-y-5 {
  bottom: 80px !important;
}

.inset-y-5\.5 {
  bottom: 88px !important;
}

.inset-y-6 {
  bottom: 96px !important;
}

.inset-x {
  left: 16px !important;
}

.inset-x-0 {
  left: 0 !important;
}

.-inset-x {
  left: -16px !important;
}

.-inset-x-2 {
  left: -32px !important;
}

.-inset-x-1\.5 {
  left: -24px !important;
}

.-inset-x-0\.5 {
  left: -8px !important;
}

.inset-x-0\.5 {
  left: 8px !important;
}

.inset-x-1\.5 {
  left: 24px !important;
}

.inset-x-2 {
  left: 32px !important;
}

.inset-x-2\.5 {
  left: 40px !important;
}

.inset-x-3 {
  left: 48px !important;
}

.inset-x-3\.5 {
  left: 56px !important;
}

.inset-x-4 {
  left: 64px !important;
}

.inset-x-4\.5 {
  left: 72px !important;
}

.inset-x-5 {
  left: 80px !important;
}

.inset-x-5\.5 {
  left: 88px !important;
}

.inset-x-6 {
  left: 96px !important;
}

.inset-x {
  right: 16px !important;
}

.inset-x-0 {
  right: 0 !important;
}

.-inset-x {
  right: -16px !important;
}

.-inset-x-2 {
  right: -32px !important;
}

.-inset-x-1\.5 {
  right: -24px !important;
}

.-inset-x-0\.5 {
  right: -8px !important;
}

.inset-x-0\.5 {
  right: 8px !important;
}

.inset-x-1\.5 {
  right: 24px !important;
}

.inset-x-2 {
  right: 32px !important;
}

.inset-x-2\.5 {
  right: 40px !important;
}

.inset-x-3 {
  right: 48px !important;
}

.inset-x-3\.5 {
  right: 56px !important;
}

.inset-x-4 {
  right: 64px !important;
}

.inset-x-4\.5 {
  right: 72px !important;
}

.inset-x-5 {
  right: 80px !important;
}

.inset-x-5\.5 {
  right: 88px !important;
}

.inset-x-6 {
  right: 96px !important;
}

.top {
  top: 16px !important;
}

.top-0 {
  top: 0 !important;
}

.-top {
  top: -16px !important;
}

.-top-2 {
  top: -32px !important;
}

.-top-1\.5 {
  top: -24px !important;
}

.-top-0\.5 {
  top: -8px !important;
}

.top-0\.5 {
  top: 8px !important;
}

.top-1\.5 {
  top: 24px !important;
}

.top-2 {
  top: 32px !important;
}

.top-2\.5 {
  top: 40px !important;
}

.top-3 {
  top: 48px !important;
}

.top-3\.5 {
  top: 56px !important;
}

.top-4 {
  top: 64px !important;
}

.top-4\.5 {
  top: 72px !important;
}

.top-5 {
  top: 80px !important;
}

.top-5\.5 {
  top: 88px !important;
}

.top-6 {
  top: 96px !important;
}

.bottom {
  bottom: 16px !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.-bottom {
  bottom: -16px !important;
}

.-bottom-2 {
  bottom: -32px !important;
}

.-bottom-1\.5 {
  bottom: -24px !important;
}

.-bottom-0\.5 {
  bottom: -8px !important;
}

.bottom-0\.5 {
  bottom: 8px !important;
}

.bottom-1\.5 {
  bottom: 24px !important;
}

.bottom-2 {
  bottom: 32px !important;
}

.bottom-2\.5 {
  bottom: 40px !important;
}

.bottom-3 {
  bottom: 48px !important;
}

.bottom-3\.5 {
  bottom: 56px !important;
}

.bottom-4 {
  bottom: 64px !important;
}

.bottom-4\.5 {
  bottom: 72px !important;
}

.bottom-5 {
  bottom: 80px !important;
}

.bottom-5\.5 {
  bottom: 88px !important;
}

.bottom-6 {
  bottom: 96px !important;
}

.left {
  left: 16px !important;
}

.left-0 {
  left: 0 !important;
}

.-left {
  left: -16px !important;
}

.-left-2 {
  left: -32px !important;
}

.-left-1\.5 {
  left: -24px !important;
}

.-left-0\.5 {
  left: -8px !important;
}

.left-0\.5 {
  left: 8px !important;
}

.left-1\.5 {
  left: 24px !important;
}

.left-2 {
  left: 32px !important;
}

.left-2\.5 {
  left: 40px !important;
}

.left-3 {
  left: 48px !important;
}

.left-3\.5 {
  left: 56px !important;
}

.left-4 {
  left: 64px !important;
}

.left-4\.5 {
  left: 72px !important;
}

.left-5 {
  left: 80px !important;
}

.left-5\.5 {
  left: 88px !important;
}

.left-6 {
  left: 96px !important;
}

.right {
  right: 16px !important;
}

.right-0 {
  right: 0 !important;
}

.-right {
  right: -16px !important;
}

.-right-2 {
  right: -32px !important;
}

.-right-1\.5 {
  right: -24px !important;
}

.-right-0\.5 {
  right: -8px !important;
}

.right-0\.5 {
  right: 8px !important;
}

.right-1\.5 {
  right: 24px !important;
}

.right-2 {
  right: 32px !important;
}

.right-2\.5 {
  right: 40px !important;
}

.right-3 {
  right: 48px !important;
}

.right-3\.5 {
  right: 56px !important;
}

.right-4 {
  right: 64px !important;
}

.right-4\.5 {
  right: 72px !important;
}

.right-5 {
  right: 80px !important;
}

.right-5\.5 {
  right: 88px !important;
}

.right-6 {
  right: 96px !important;
}

.transform-center {
  top: 50% !important;
}

.transform-center {
  left: 50% !important;
}

.transform-center {
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

.transform-center-x {
  left: 50% !important;
}

.transform-center-x {
  -webkit-transform: translateX(-50%) !important;
      -ms-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}

.transform-center-y {
  top: 50% !important;
}

.transform-center-y {
  -webkit-transform: translateY(-50%) !important;
      -ms-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
}

.z {
  z-index: 1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.-z {
  z-index: -1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

.z-4 {
  z-index: 4 !important;
}

.z-5 {
  z-index: 5 !important;
}

.z-6 {
  z-index: 6 !important;
}

.z-7 {
  z-index: 7 !important;
}

.z-8 {
  z-index: 8 !important;
}

.z-9 {
  z-index: 9 !important;
}

.z-10 {
  z-index: 10 !important;
}

.w-100 {
  width: 100% !important;
}

.w-100-dive > * {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.h-100-dive > * {
  height: 100% !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

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

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.box-border {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.box-border-dive > * {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

.box-content {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.box-content-dive > * {
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
}

.m {
  margin: 16px !important;
}

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

.-m {
  margin: -16px !important;
}

.-m-2 {
  margin: -32px !important;
}

.-m-2-dive > * {
  margin: -32px !important;
}

.-m-1\.5 {
  margin: -24px !important;
}

.-m-1\.5-dive > * {
  margin: -24px !important;
}

.-m-0\.5 {
  margin: -8px !important;
}

.-m-0\.5-dive > * {
  margin: -8px !important;
}

.m-0\.5 {
  margin: 8px !important;
}

.m-0\.5-dive > * {
  margin: 8px !important;
}

.m-1\.5 {
  margin: 24px !important;
}

.m-1\.5-dive > * {
  margin: 24px !important;
}

.m-2 {
  margin: 32px !important;
}

.m-2-dive > * {
  margin: 32px !important;
}

.m-2\.5 {
  margin: 40px !important;
}

.m-2\.5-dive > * {
  margin: 40px !important;
}

.m-3 {
  margin: 48px !important;
}

.m-3-dive > * {
  margin: 48px !important;
}

.m-3\.5 {
  margin: 56px !important;
}

.m-3\.5-dive > * {
  margin: 56px !important;
}

.m-4 {
  margin: 64px !important;
}

.m-4-dive > * {
  margin: 64px !important;
}

.m-4\.5 {
  margin: 72px !important;
}

.m-4\.5-dive > * {
  margin: 72px !important;
}

.m-5 {
  margin: 80px !important;
}

.m-5-dive > * {
  margin: 80px !important;
}

.m-5\.5 {
  margin: 88px !important;
}

.m-5\.5-dive > * {
  margin: 88px !important;
}

.m-6 {
  margin: 96px !important;
}

.m-6-dive > * {
  margin: 96px !important;
}

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

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

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

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

.-mt-2-dive > * {
  margin-top: -32px !important;
}

.-mt-1\.5 {
  margin-top: -24px !important;
}

.-mt-1\.5-dive > * {
  margin-top: -24px !important;
}

.-mt-0\.5 {
  margin-top: -8px !important;
}

.-mt-0\.5-dive > * {
  margin-top: -8px !important;
}

.mt-0\.5 {
  margin-top: 8px !important;
}

.mt-0\.5-dive > * {
  margin-top: 8px !important;
}

.mt-1\.5 {
  margin-top: 24px !important;
}

.mt-1\.5-dive > * {
  margin-top: 24px !important;
}

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

.mt-2-dive > * {
  margin-top: 32px !important;
}

.mt-2\.5 {
  margin-top: 40px !important;
}

.mt-2\.5-dive > * {
  margin-top: 40px !important;
}

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

.mt-3-dive > * {
  margin-top: 48px !important;
}

.mt-3\.5 {
  margin-top: 56px !important;
}

.mt-3\.5-dive > * {
  margin-top: 56px !important;
}

.mt-4 {
  margin-top: 64px !important;
}

.mt-4-dive > * {
  margin-top: 64px !important;
}

.mt-4\.5 {
  margin-top: 72px !important;
}

.mt-4\.5-dive > * {
  margin-top: 72px !important;
}

.mt-5 {
  margin-top: 80px !important;
}

.mt-5-dive > * {
  margin-top: 80px !important;
}

.mt-5\.5 {
  margin-top: 88px !important;
}

.mt-5\.5-dive > * {
  margin-top: 88px !important;
}

.mt-6 {
  margin-top: 96px !important;
}

.mt-6-dive > * {
  margin-top: 96px !important;
}

.mt-dive > * {
  margin-top: 16px !important;
}

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

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

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

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

.-mr-2-dive > * {
  margin-right: -32px !important;
}

.-mr-1\.5 {
  margin-right: -24px !important;
}

.-mr-1\.5-dive > * {
  margin-right: -24px !important;
}

.-mr-0\.5 {
  margin-right: -8px !important;
}

.-mr-0\.5-dive > * {
  margin-right: -8px !important;
}

.mr-0\.5 {
  margin-right: 8px !important;
}

.mr-0\.5-dive > * {
  margin-right: 8px !important;
}

.mr-1\.5 {
  margin-right: 24px !important;
}

.mr-1\.5-dive > * {
  margin-right: 24px !important;
}

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

.mr-2-dive > * {
  margin-right: 32px !important;
}

.mr-2\.5 {
  margin-right: 40px !important;
}

.mr-2\.5-dive > * {
  margin-right: 40px !important;
}

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

.mr-3-dive > * {
  margin-right: 48px !important;
}

.mr-3\.5 {
  margin-right: 56px !important;
}

.mr-3\.5-dive > * {
  margin-right: 56px !important;
}

.mr-4 {
  margin-right: 64px !important;
}

.mr-4-dive > * {
  margin-right: 64px !important;
}

.mr-4\.5 {
  margin-right: 72px !important;
}

.mr-4\.5-dive > * {
  margin-right: 72px !important;
}

.mr-5 {
  margin-right: 80px !important;
}

.mr-5-dive > * {
  margin-right: 80px !important;
}

.mr-5\.5 {
  margin-right: 88px !important;
}

.mr-5\.5-dive > * {
  margin-right: 88px !important;
}

.mr-6 {
  margin-right: 96px !important;
}

.mr-6-dive > * {
  margin-right: 96px !important;
}

.mr-dive > * {
  margin-right: 16px !important;
}

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

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

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

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

.-mb-2-dive > * {
  margin-bottom: -32px !important;
}

.-mb-1\.5 {
  margin-bottom: -24px !important;
}

.-mb-1\.5-dive > * {
  margin-bottom: -24px !important;
}

.-mb-0\.5 {
  margin-bottom: -8px !important;
}

.-mb-0\.5-dive > * {
  margin-bottom: -8px !important;
}

.mb-0\.5 {
  margin-bottom: 8px !important;
}

.mb-0\.5-dive > * {
  margin-bottom: 8px !important;
}

.mb-1\.5 {
  margin-bottom: 24px !important;
}

.mb-1\.5-dive > * {
  margin-bottom: 24px !important;
}

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

.mb-2-dive > * {
  margin-bottom: 32px !important;
}

.mb-2\.5 {
  margin-bottom: 40px !important;
}

.mb-2\.5-dive > * {
  margin-bottom: 40px !important;
}

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

.mb-3-dive > * {
  margin-bottom: 48px !important;
}

.mb-3\.5 {
  margin-bottom: 56px !important;
}

.mb-3\.5-dive > * {
  margin-bottom: 56px !important;
}

.mb-4 {
  margin-bottom: 64px !important;
}

.mb-4-dive > * {
  margin-bottom: 64px !important;
}

.mb-4\.5 {
  margin-bottom: 72px !important;
}

.mb-4\.5-dive > * {
  margin-bottom: 72px !important;
}

.mb-5 {
  margin-bottom: 80px !important;
}

.mb-5-dive > * {
  margin-bottom: 80px !important;
}

.mb-5\.5 {
  margin-bottom: 88px !important;
}

.mb-5\.5-dive > * {
  margin-bottom: 88px !important;
}

.mb-6 {
  margin-bottom: 96px !important;
}

.mb-6-dive > * {
  margin-bottom: 96px !important;
}

.mb-dive > * {
  margin-bottom: 16px !important;
}

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

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

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

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

.-ml-2-dive > * {
  margin-left: -32px !important;
}

.-ml-1\.5 {
  margin-left: -24px !important;
}

.-ml-1\.5-dive > * {
  margin-left: -24px !important;
}

.-ml-0\.5 {
  margin-left: -8px !important;
}

.-ml-0\.5-dive > * {
  margin-left: -8px !important;
}

.ml-0\.5 {
  margin-left: 8px !important;
}

.ml-0\.5-dive > * {
  margin-left: 8px !important;
}

.ml-1\.5 {
  margin-left: 24px !important;
}

.ml-1\.5-dive > * {
  margin-left: 24px !important;
}

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

.ml-2-dive > * {
  margin-left: 32px !important;
}

.ml-2\.5 {
  margin-left: 40px !important;
}

.ml-2\.5-dive > * {
  margin-left: 40px !important;
}

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

.ml-3-dive > * {
  margin-left: 48px !important;
}

.ml-3\.5 {
  margin-left: 56px !important;
}

.ml-3\.5-dive > * {
  margin-left: 56px !important;
}

.ml-4 {
  margin-left: 64px !important;
}

.ml-4-dive > * {
  margin-left: 64px !important;
}

.ml-4\.5 {
  margin-left: 72px !important;
}

.ml-4\.5-dive > * {
  margin-left: 72px !important;
}

.ml-5 {
  margin-left: 80px !important;
}

.ml-5-dive > * {
  margin-left: 80px !important;
}

.ml-5\.5 {
  margin-left: 88px !important;
}

.ml-5\.5-dive > * {
  margin-left: 88px !important;
}

.ml-6 {
  margin-left: 96px !important;
}

.ml-6-dive > * {
  margin-left: 96px !important;
}

.ml-dive > * {
  margin-left: 16px !important;
}

.m-dive > * {
  margin: 16px !important;
}

.my {
  margin-top: 16px !important;
}

.my-0 {
  margin-top: 0 !important;
}

.-my {
  margin-top: -16px !important;
}

.-my-2 {
  margin-top: -32px !important;
}

.-my-2-dive > * {
  margin-top: -32px !important;
}

.-my-1\.5 {
  margin-top: -24px !important;
}

.-my-1\.5-dive > * {
  margin-top: -24px !important;
}

.-my-0\.5 {
  margin-top: -8px !important;
}

.-my-0\.5-dive > * {
  margin-top: -8px !important;
}

.my-0\.5 {
  margin-top: 8px !important;
}

.my-0\.5-dive > * {
  margin-top: 8px !important;
}

.my-1\.5 {
  margin-top: 24px !important;
}

.my-1\.5-dive > * {
  margin-top: 24px !important;
}

.my-2 {
  margin-top: 32px !important;
}

.my-2-dive > * {
  margin-top: 32px !important;
}

.my-2\.5 {
  margin-top: 40px !important;
}

.my-2\.5-dive > * {
  margin-top: 40px !important;
}

.my-3 {
  margin-top: 48px !important;
}

.my-3-dive > * {
  margin-top: 48px !important;
}

.my-3\.5 {
  margin-top: 56px !important;
}

.my-3\.5-dive > * {
  margin-top: 56px !important;
}

.my-4 {
  margin-top: 64px !important;
}

.my-4-dive > * {
  margin-top: 64px !important;
}

.my-4\.5 {
  margin-top: 72px !important;
}

.my-4\.5-dive > * {
  margin-top: 72px !important;
}

.my-5 {
  margin-top: 80px !important;
}

.my-5-dive > * {
  margin-top: 80px !important;
}

.my-5\.5 {
  margin-top: 88px !important;
}

.my-5\.5-dive > * {
  margin-top: 88px !important;
}

.my-6 {
  margin-top: 96px !important;
}

.my-6-dive > * {
  margin-top: 96px !important;
}

.my-dive > * {
  margin-top: 16px !important;
}

.my {
  margin-bottom: 16px !important;
}

.my-0 {
  margin-bottom: 0 !important;
}

.-my {
  margin-bottom: -16px !important;
}

.-my-2 {
  margin-bottom: -32px !important;
}

.-my-2-dive > * {
  margin-bottom: -32px !important;
}

.-my-1\.5 {
  margin-bottom: -24px !important;
}

.-my-1\.5-dive > * {
  margin-bottom: -24px !important;
}

.-my-0\.5 {
  margin-bottom: -8px !important;
}

.-my-0\.5-dive > * {
  margin-bottom: -8px !important;
}

.my-0\.5 {
  margin-bottom: 8px !important;
}

.my-0\.5-dive > * {
  margin-bottom: 8px !important;
}

.my-1\.5 {
  margin-bottom: 24px !important;
}

.my-1\.5-dive > * {
  margin-bottom: 24px !important;
}

.my-2 {
  margin-bottom: 32px !important;
}

.my-2-dive > * {
  margin-bottom: 32px !important;
}

.my-2\.5 {
  margin-bottom: 40px !important;
}

.my-2\.5-dive > * {
  margin-bottom: 40px !important;
}

.my-3 {
  margin-bottom: 48px !important;
}

.my-3-dive > * {
  margin-bottom: 48px !important;
}

.my-3\.5 {
  margin-bottom: 56px !important;
}

.my-3\.5-dive > * {
  margin-bottom: 56px !important;
}

.my-4 {
  margin-bottom: 64px !important;
}

.my-4-dive > * {
  margin-bottom: 64px !important;
}

.my-4\.5 {
  margin-bottom: 72px !important;
}

.my-4\.5-dive > * {
  margin-bottom: 72px !important;
}

.my-5 {
  margin-bottom: 80px !important;
}

.my-5-dive > * {
  margin-bottom: 80px !important;
}

.my-5\.5 {
  margin-bottom: 88px !important;
}

.my-5\.5-dive > * {
  margin-bottom: 88px !important;
}

.my-6 {
  margin-bottom: 96px !important;
}

.my-6-dive > * {
  margin-bottom: 96px !important;
}

.my-dive > * {
  margin-bottom: 16px !important;
}

.mx {
  margin-left: 16px !important;
}

.mx-0 {
  margin-left: 0 !important;
}

.-mx {
  margin-left: -16px !important;
}

.-mx-2 {
  margin-left: -32px !important;
}

.-mx-2-dive > * {
  margin-left: -32px !important;
}

.-mx-1\.5 {
  margin-left: -24px !important;
}

.-mx-1\.5-dive > * {
  margin-left: -24px !important;
}

.-mx-0\.5 {
  margin-left: -8px !important;
}

.-mx-0\.5-dive > * {
  margin-left: -8px !important;
}

.mx-0\.5 {
  margin-left: 8px !important;
}

.mx-0\.5-dive > * {
  margin-left: 8px !important;
}

.mx-1\.5 {
  margin-left: 24px !important;
}

.mx-1\.5-dive > * {
  margin-left: 24px !important;
}

.mx-2 {
  margin-left: 32px !important;
}

.mx-2-dive > * {
  margin-left: 32px !important;
}

.mx-2\.5 {
  margin-left: 40px !important;
}

.mx-2\.5-dive > * {
  margin-left: 40px !important;
}

.mx-3 {
  margin-left: 48px !important;
}

.mx-3-dive > * {
  margin-left: 48px !important;
}

.mx-3\.5 {
  margin-left: 56px !important;
}

.mx-3\.5-dive > * {
  margin-left: 56px !important;
}

.mx-4 {
  margin-left: 64px !important;
}

.mx-4-dive > * {
  margin-left: 64px !important;
}

.mx-4\.5 {
  margin-left: 72px !important;
}

.mx-4\.5-dive > * {
  margin-left: 72px !important;
}

.mx-5 {
  margin-left: 80px !important;
}

.mx-5-dive > * {
  margin-left: 80px !important;
}

.mx-5\.5 {
  margin-left: 88px !important;
}

.mx-5\.5-dive > * {
  margin-left: 88px !important;
}

.mx-6 {
  margin-left: 96px !important;
}

.mx-6-dive > * {
  margin-left: 96px !important;
}

.mx-dive > * {
  margin-left: 16px !important;
}

.mx {
  margin-right: 16px !important;
}

.mx-0 {
  margin-right: 0 !important;
}

.-mx {
  margin-right: -16px !important;
}

.-mx-2 {
  margin-right: -32px !important;
}

.-mx-2-dive > * {
  margin-right: -32px !important;
}

.-mx-1\.5 {
  margin-right: -24px !important;
}

.-mx-1\.5-dive > * {
  margin-right: -24px !important;
}

.-mx-0\.5 {
  margin-right: -8px !important;
}

.-mx-0\.5-dive > * {
  margin-right: -8px !important;
}

.mx-0\.5 {
  margin-right: 8px !important;
}

.mx-0\.5-dive > * {
  margin-right: 8px !important;
}

.mx-1\.5 {
  margin-right: 24px !important;
}

.mx-1\.5-dive > * {
  margin-right: 24px !important;
}

.mx-2 {
  margin-right: 32px !important;
}

.mx-2-dive > * {
  margin-right: 32px !important;
}

.mx-2\.5 {
  margin-right: 40px !important;
}

.mx-2\.5-dive > * {
  margin-right: 40px !important;
}

.mx-3 {
  margin-right: 48px !important;
}

.mx-3-dive > * {
  margin-right: 48px !important;
}

.mx-3\.5 {
  margin-right: 56px !important;
}

.mx-3\.5-dive > * {
  margin-right: 56px !important;
}

.mx-4 {
  margin-right: 64px !important;
}

.mx-4-dive > * {
  margin-right: 64px !important;
}

.mx-4\.5 {
  margin-right: 72px !important;
}

.mx-4\.5-dive > * {
  margin-right: 72px !important;
}

.mx-5 {
  margin-right: 80px !important;
}

.mx-5-dive > * {
  margin-right: 80px !important;
}

.mx-5\.5 {
  margin-right: 88px !important;
}

.mx-5\.5-dive > * {
  margin-right: 88px !important;
}

.mx-6 {
  margin-right: 96px !important;
}

.mx-6-dive > * {
  margin-right: 96px !important;
}

.mx-dive > * {
  margin-right: 16px !important;
}

.p {
  padding: 16px !important;
}

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

.-p-2 {
  padding: -32px !important;
}

.-p-2-dive > * {
  padding: -32px !important;
}

.-p-1\.5 {
  padding: -24px !important;
}

.-p-1\.5-dive > * {
  padding: -24px !important;
}

.-p-0\.5 {
  padding: -8px !important;
}

.-p-0\.5-dive > * {
  padding: -8px !important;
}

.p-0\.5 {
  padding: 8px !important;
}

.p-0\.5-dive > * {
  padding: 8px !important;
}

.p-1\.5 {
  padding: 24px !important;
}

.p-1\.5-dive > * {
  padding: 24px !important;
}

.p-2 {
  padding: 32px !important;
}

.p-2-dive > * {
  padding: 32px !important;
}

.p-2\.5 {
  padding: 40px !important;
}

.p-2\.5-dive > * {
  padding: 40px !important;
}

.p-3 {
  padding: 48px !important;
}

.p-3-dive > * {
  padding: 48px !important;
}

.p-3\.5 {
  padding: 56px !important;
}

.p-3\.5-dive > * {
  padding: 56px !important;
}

.p-4 {
  padding: 64px !important;
}

.p-4-dive > * {
  padding: 64px !important;
}

.p-4\.5 {
  padding: 72px !important;
}

.p-4\.5-dive > * {
  padding: 72px !important;
}

.p-5 {
  padding: 80px !important;
}

.p-5-dive > * {
  padding: 80px !important;
}

.p-5\.5 {
  padding: 88px !important;
}

.p-5\.5-dive > * {
  padding: 88px !important;
}

.p-6 {
  padding: 96px !important;
}

.p-6-dive > * {
  padding: 96px !important;
}

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

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

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

.-pt-2-dive > * {
  padding-top: -32px !important;
}

.-pt-1\.5 {
  padding-top: -24px !important;
}

.-pt-1\.5-dive > * {
  padding-top: -24px !important;
}

.-pt-0\.5 {
  padding-top: -8px !important;
}

.-pt-0\.5-dive > * {
  padding-top: -8px !important;
}

.pt-0\.5 {
  padding-top: 8px !important;
}

.pt-0\.5-dive > * {
  padding-top: 8px !important;
}

.pt-1\.5 {
  padding-top: 24px !important;
}

.pt-1\.5-dive > * {
  padding-top: 24px !important;
}

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

.pt-2-dive > * {
  padding-top: 32px !important;
}

.pt-2\.5 {
  padding-top: 40px !important;
}

.pt-2\.5-dive > * {
  padding-top: 40px !important;
}

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

.pt-3-dive > * {
  padding-top: 48px !important;
}

.pt-3\.5 {
  padding-top: 56px !important;
}

.pt-3\.5-dive > * {
  padding-top: 56px !important;
}

.pt-4 {
  padding-top: 64px !important;
}

.pt-4-dive > * {
  padding-top: 64px !important;
}

.pt-4\.5 {
  padding-top: 72px !important;
}

.pt-4\.5-dive > * {
  padding-top: 72px !important;
}

.pt-5 {
  padding-top: 80px !important;
}

.pt-5-dive > * {
  padding-top: 80px !important;
}

.pt-5\.5 {
  padding-top: 88px !important;
}

.pt-5\.5-dive > * {
  padding-top: 88px !important;
}

.pt-6 {
  padding-top: 96px !important;
}

.pt-6-dive > * {
  padding-top: 96px !important;
}

.pt-dive > * {
  padding-top: 16px !important;
}

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

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

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

.-pr-2-dive > * {
  padding-right: -32px !important;
}

.-pr-1\.5 {
  padding-right: -24px !important;
}

.-pr-1\.5-dive > * {
  padding-right: -24px !important;
}

.-pr-0\.5 {
  padding-right: -8px !important;
}

.-pr-0\.5-dive > * {
  padding-right: -8px !important;
}

.pr-0\.5 {
  padding-right: 8px !important;
}

.pr-0\.5-dive > * {
  padding-right: 8px !important;
}

.pr-1\.5 {
  padding-right: 24px !important;
}

.pr-1\.5-dive > * {
  padding-right: 24px !important;
}

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

.pr-2-dive > * {
  padding-right: 32px !important;
}

.pr-2\.5 {
  padding-right: 40px !important;
}

.pr-2\.5-dive > * {
  padding-right: 40px !important;
}

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

.pr-3-dive > * {
  padding-right: 48px !important;
}

.pr-3\.5 {
  padding-right: 56px !important;
}

.pr-3\.5-dive > * {
  padding-right: 56px !important;
}

.pr-4 {
  padding-right: 64px !important;
}

.pr-4-dive > * {
  padding-right: 64px !important;
}

.pr-4\.5 {
  padding-right: 72px !important;
}

.pr-4\.5-dive > * {
  padding-right: 72px !important;
}

.pr-5 {
  padding-right: 80px !important;
}

.pr-5-dive > * {
  padding-right: 80px !important;
}

.pr-5\.5 {
  padding-right: 88px !important;
}

.pr-5\.5-dive > * {
  padding-right: 88px !important;
}

.pr-6 {
  padding-right: 96px !important;
}

.pr-6-dive > * {
  padding-right: 96px !important;
}

.pr-dive > * {
  padding-right: 16px !important;
}

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

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

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

.-pb-2-dive > * {
  padding-bottom: -32px !important;
}

.-pb-1\.5 {
  padding-bottom: -24px !important;
}

.-pb-1\.5-dive > * {
  padding-bottom: -24px !important;
}

.-pb-0\.5 {
  padding-bottom: -8px !important;
}

.-pb-0\.5-dive > * {
  padding-bottom: -8px !important;
}

.pb-0\.5 {
  padding-bottom: 8px !important;
}

.pb-0\.5-dive > * {
  padding-bottom: 8px !important;
}

.pb-1\.5 {
  padding-bottom: 24px !important;
}

.pb-1\.5-dive > * {
  padding-bottom: 24px !important;
}

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

.pb-2-dive > * {
  padding-bottom: 32px !important;
}

.pb-2\.5 {
  padding-bottom: 40px !important;
}

.pb-2\.5-dive > * {
  padding-bottom: 40px !important;
}

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

.pb-3-dive > * {
  padding-bottom: 48px !important;
}

.pb-3\.5 {
  padding-bottom: 56px !important;
}

.pb-3\.5-dive > * {
  padding-bottom: 56px !important;
}

.pb-4 {
  padding-bottom: 64px !important;
}

.pb-4-dive > * {
  padding-bottom: 64px !important;
}

.pb-4\.5 {
  padding-bottom: 72px !important;
}

.pb-4\.5-dive > * {
  padding-bottom: 72px !important;
}

.pb-5 {
  padding-bottom: 80px !important;
}

.pb-5-dive > * {
  padding-bottom: 80px !important;
}

.pb-5\.5 {
  padding-bottom: 88px !important;
}

.pb-5\.5-dive > * {
  padding-bottom: 88px !important;
}

.pb-6 {
  padding-bottom: 96px !important;
}

.pb-6-dive > * {
  padding-bottom: 96px !important;
}

.pb-dive > * {
  padding-bottom: 16px !important;
}

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

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

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

.-pl-2-dive > * {
  padding-left: -32px !important;
}

.-pl-1\.5 {
  padding-left: -24px !important;
}

.-pl-1\.5-dive > * {
  padding-left: -24px !important;
}

.-pl-0\.5 {
  padding-left: -8px !important;
}

.-pl-0\.5-dive > * {
  padding-left: -8px !important;
}

.pl-0\.5 {
  padding-left: 8px !important;
}

.pl-0\.5-dive > * {
  padding-left: 8px !important;
}

.pl-1\.5 {
  padding-left: 24px !important;
}

.pl-1\.5-dive > * {
  padding-left: 24px !important;
}

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

.pl-2-dive > * {
  padding-left: 32px !important;
}

.pl-2\.5 {
  padding-left: 40px !important;
}

.pl-2\.5-dive > * {
  padding-left: 40px !important;
}

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

.pl-3-dive > * {
  padding-left: 48px !important;
}

.pl-3\.5 {
  padding-left: 56px !important;
}

.pl-3\.5-dive > * {
  padding-left: 56px !important;
}

.pl-4 {
  padding-left: 64px !important;
}

.pl-4-dive > * {
  padding-left: 64px !important;
}

.pl-4\.5 {
  padding-left: 72px !important;
}

.pl-4\.5-dive > * {
  padding-left: 72px !important;
}

.pl-5 {
  padding-left: 80px !important;
}

.pl-5-dive > * {
  padding-left: 80px !important;
}

.pl-5\.5 {
  padding-left: 88px !important;
}

.pl-5\.5-dive > * {
  padding-left: 88px !important;
}

.pl-6 {
  padding-left: 96px !important;
}

.pl-6-dive > * {
  padding-left: 96px !important;
}

.pl-dive > * {
  padding-left: 16px !important;
}

.p-dive > * {
  padding: 16px !important;
}

.py {
  padding-top: 16px !important;
}

.py-0 {
  padding-top: 0 !important;
}

.-py-2 {
  padding-top: -32px !important;
}

.-py-2-dive > * {
  padding-top: -32px !important;
}

.-py-1\.5 {
  padding-top: -24px !important;
}

.-py-1\.5-dive > * {
  padding-top: -24px !important;
}

.-py-0\.5 {
  padding-top: -8px !important;
}

.-py-0\.5-dive > * {
  padding-top: -8px !important;
}

.py-0\.5 {
  padding-top: 8px !important;
}

.py-0\.5-dive > * {
  padding-top: 8px !important;
}

.py-1\.5 {
  padding-top: 24px !important;
}

.py-1\.5-dive > * {
  padding-top: 24px !important;
}

.py-2 {
  padding-top: 32px !important;
}

.py-2-dive > * {
  padding-top: 32px !important;
}

.py-2\.5 {
  padding-top: 40px !important;
}

.py-2\.5-dive > * {
  padding-top: 40px !important;
}

.py-3 {
  padding-top: 48px !important;
}

.py-3-dive > * {
  padding-top: 48px !important;
}

.py-3\.5 {
  padding-top: 56px !important;
}

.py-3\.5-dive > * {
  padding-top: 56px !important;
}

.py-4 {
  padding-top: 64px !important;
}

.py-4-dive > * {
  padding-top: 64px !important;
}

.py-4\.5 {
  padding-top: 72px !important;
}

.py-4\.5-dive > * {
  padding-top: 72px !important;
}

.py-5 {
  padding-top: 80px !important;
}

.py-5-dive > * {
  padding-top: 80px !important;
}

.py-5\.5 {
  padding-top: 88px !important;
}

.py-5\.5-dive > * {
  padding-top: 88px !important;
}

.py-6 {
  padding-top: 96px !important;
}

.py-6-dive > * {
  padding-top: 96px !important;
}

.py-dive > * {
  padding-top: 16px !important;
}

.py {
  padding-bottom: 16px !important;
}

.py-0 {
  padding-bottom: 0 !important;
}

.-py-2 {
  padding-bottom: -32px !important;
}

.-py-2-dive > * {
  padding-bottom: -32px !important;
}

.-py-1\.5 {
  padding-bottom: -24px !important;
}

.-py-1\.5-dive > * {
  padding-bottom: -24px !important;
}

.-py-0\.5 {
  padding-bottom: -8px !important;
}

.-py-0\.5-dive > * {
  padding-bottom: -8px !important;
}

.py-0\.5 {
  padding-bottom: 8px !important;
}

.py-0\.5-dive > * {
  padding-bottom: 8px !important;
}

.py-1\.5 {
  padding-bottom: 24px !important;
}

.py-1\.5-dive > * {
  padding-bottom: 24px !important;
}

.py-2 {
  padding-bottom: 32px !important;
}

.py-2-dive > * {
  padding-bottom: 32px !important;
}

.py-2\.5 {
  padding-bottom: 40px !important;
}

.py-2\.5-dive > * {
  padding-bottom: 40px !important;
}

.py-3 {
  padding-bottom: 48px !important;
}

.py-3-dive > * {
  padding-bottom: 48px !important;
}

.py-3\.5 {
  padding-bottom: 56px !important;
}

.py-3\.5-dive > * {
  padding-bottom: 56px !important;
}

.py-4 {
  padding-bottom: 64px !important;
}

.py-4-dive > * {
  padding-bottom: 64px !important;
}

.py-4\.5 {
  padding-bottom: 72px !important;
}

.py-4\.5-dive > * {
  padding-bottom: 72px !important;
}

.py-5 {
  padding-bottom: 80px !important;
}

.py-5-dive > * {
  padding-bottom: 80px !important;
}

.py-5\.5 {
  padding-bottom: 88px !important;
}

.py-5\.5-dive > * {
  padding-bottom: 88px !important;
}

.py-6 {
  padding-bottom: 96px !important;
}

.py-6-dive > * {
  padding-bottom: 96px !important;
}

.py-dive > * {
  padding-bottom: 16px !important;
}

.px {
  padding-left: 16px !important;
}

.px-0 {
  padding-left: 0 !important;
}

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

.-px-2-dive > * {
  padding-left: -32px !important;
}

.-px-1\.5 {
  padding-left: -24px !important;
}

.-px-1\.5-dive > * {
  padding-left: -24px !important;
}

.-px-0\.5 {
  padding-left: -8px !important;
}

.-px-0\.5-dive > * {
  padding-left: -8px !important;
}

.px-0\.5 {
  padding-left: 8px !important;
}

.px-0\.5-dive > * {
  padding-left: 8px !important;
}

.px-1\.5 {
  padding-left: 24px !important;
}

.px-1\.5-dive > * {
  padding-left: 24px !important;
}

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

.px-2-dive > * {
  padding-left: 32px !important;
}

.px-2\.5 {
  padding-left: 40px !important;
}

.px-2\.5-dive > * {
  padding-left: 40px !important;
}

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

.px-3-dive > * {
  padding-left: 48px !important;
}

.px-3\.5 {
  padding-left: 56px !important;
}

.px-3\.5-dive > * {
  padding-left: 56px !important;
}

.px-4 {
  padding-left: 64px !important;
}

.px-4-dive > * {
  padding-left: 64px !important;
}

.px-4\.5 {
  padding-left: 72px !important;
}

.px-4\.5-dive > * {
  padding-left: 72px !important;
}

.px-5 {
  padding-left: 80px !important;
}

.px-5-dive > * {
  padding-left: 80px !important;
}

.px-5\.5 {
  padding-left: 88px !important;
}

.px-5\.5-dive > * {
  padding-left: 88px !important;
}

.px-6 {
  padding-left: 96px !important;
}

.px-6-dive > * {
  padding-left: 96px !important;
}

.px-dive > * {
  padding-left: 16px !important;
}

.px {
  padding-right: 16px !important;
}

.px-0 {
  padding-right: 0 !important;
}

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

.-px-2-dive > * {
  padding-right: -32px !important;
}

.-px-1\.5 {
  padding-right: -24px !important;
}

.-px-1\.5-dive > * {
  padding-right: -24px !important;
}

.-px-0\.5 {
  padding-right: -8px !important;
}

.-px-0\.5-dive > * {
  padding-right: -8px !important;
}

.px-0\.5 {
  padding-right: 8px !important;
}

.px-0\.5-dive > * {
  padding-right: 8px !important;
}

.px-1\.5 {
  padding-right: 24px !important;
}

.px-1\.5-dive > * {
  padding-right: 24px !important;
}

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

.px-2-dive > * {
  padding-right: 32px !important;
}

.px-2\.5 {
  padding-right: 40px !important;
}

.px-2\.5-dive > * {
  padding-right: 40px !important;
}

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

.px-3-dive > * {
  padding-right: 48px !important;
}

.px-3\.5 {
  padding-right: 56px !important;
}

.px-3\.5-dive > * {
  padding-right: 56px !important;
}

.px-4 {
  padding-right: 64px !important;
}

.px-4-dive > * {
  padding-right: 64px !important;
}

.px-4\.5 {
  padding-right: 72px !important;
}

.px-4\.5-dive > * {
  padding-right: 72px !important;
}

.px-5 {
  padding-right: 80px !important;
}

.px-5-dive > * {
  padding-right: 80px !important;
}

.px-5\.5 {
  padding-right: 88px !important;
}

.px-5\.5-dive > * {
  padding-right: 88px !important;
}

.px-6 {
  padding-right: 96px !important;
}

.px-6-dive > * {
  padding-right: 96px !important;
}

.px-dive > * {
  padding-right: 16px !important;
}

.border-radius {
  border-radius: 4px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-radius-2 {
  border-radius: 8px !important;
}

.border-radius-3 {
  border-radius: 12px !important;
}

.border-radius-4 {
  border-radius: 16px !important;
}

.border-radius-5 {
  border-radius: 20px !important;
}

.border-round {
  border-radius: 50% !important;
}

.border-solid {
  border-style: solid !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border {
  border-width: 1px !important;
}

.border-0 {
  border-width: 0 !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

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

.border-t-solid {
  border-top-style: solid !important;
}

.border-b-solid {
  border-bottom-style: solid !important;
}

.border-l-solid {
  border-left-style: solid !important;
}

.border-r-solid {
  border-right-style: solid !important;
}

.border-t-dashed {
  border-top-style: dashed !important;
}

.border-b-dashed {
  border-bottom-style: dashed !important;
}

.border-l-dashed {
  border-left-style: dashed !important;
}

.border-r-dashed {
  border-right-style: dashed !important;
}

.border-t {
  border-top-width: 0.1rem !important;
}

.border-t-0 {
  border-top-width: 0 !important;
}

.border-t-2 {
  border-top-width: 0.2rem !important;
}

.border-t-3 {
  border-top-width: 0.3rem !important;
}

.border-t-4 {
  border-top-width: 0.4rem !important;
}

.border-t-5 {
  border-top-width: 0.5rem !important;
}

.border-b {
  border-bottom-width: 0.1rem !important;
}

.border-b-0 {
  border-bottom-width: 0 !important;
}

.border-b-2 {
  border-bottom-width: 0.2rem !important;
}

.border-b-3 {
  border-bottom-width: 0.3rem !important;
}

.border-b-4 {
  border-bottom-width: 0.4rem !important;
}

.border-b-5 {
  border-bottom-width: 0.5rem !important;
}

.border-l {
  border-left-width: 0.1rem !important;
}

.border-l-0 {
  border-left-width: 0 !important;
}

.border-l-2 {
  border-left-width: 0.2rem !important;
}

.border-l-3 {
  border-left-width: 0.3rem !important;
}

.border-l-4 {
  border-left-width: 0.4rem !important;
}

.border-l-5 {
  border-left-width: 0.5rem !important;
}

.border-r {
  border-right-width: 0.1rem !important;
}

.border-r-0 {
  border-right-width: 0 !important;
}

.border-r-2 {
  border-right-width: 0.2rem !important;
}

.border-r-3 {
  border-right-width: 0.3rem !important;
}

.border-r-4 {
  border-right-width: 0.4rem !important;
}

.border-r-5 {
  border-right-width: 0.5rem !important;
}

.text {
  font-size: 1rem !important;
}

.italic {
  font-style: italic !important;
}

.not-italic {
  font-style: normal !important;
}

.underline {
  text-decoration: underline !important;
}

.line-through {
  text-decoration: line-through !important;
}

.no-underline {
  text-decoration: none !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.normal-case {
  text-transform: none !important;
}

.leading {
  line-height: 1 !important;
}

.leading-0 {
  line-height: 0 !important;
}

.leading-1\.25 {
  line-height: 1.25 !important;
}

.leading-1\.5 {
  line-height: 1.5 !important;
}

.leading-1\.75 {
  line-height: 1.75 !important;
}

.leading-2 {
  line-height: 2 !important;
}

.tracking-0\.1 {
  letter-spacing: 0.1em !important;
}

.whitespace-normal {
  white-space: normal !important;
}

.whitespace-no-wrap {
  white-space: nowrap !important;
}

.whitespace-pre {
  white-space: pre !important;
}

.whitespace-pre-line {
  white-space: pre-line !important;
}

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.break-normal {
  overflow-wrap: normal !important;
}

.break-normal {
  word-break: normal !important;
}

.break-words {
  overflow-wrap: break-word !important;
}

.break-all {
  word-break: break-all !important;
}

.truncate {
  overflow: hidden !important;
}

.truncate {
  text-overflow: ellipsis !important;
}

.truncate {
  white-space: nowrap !important;
}

.list-none {
  list-style-type: none !important;
}

.list-disc {
  list-style-type: disc !important;
}

.list-decimal {
  list-style-type: decimal !important;
}

.list-inside {
  list-style-position: inside !important;
}

.list-outside {
  list-style-position: outside !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.opacity {
  opacity: 1 !important;
}

.appearance-none {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.outline-none {
  outline: none !important;
}

.outline-white {
  outline: 0.1rem dotted white !important;
}

.outline-white {
  outline-offset: 0.1rem !important;
}

.outline-black {
  outline: 0.1rem dotted black !important;
}

.outline-black {
  outline-offset: 0.1rem !important;
}

.pointer-events-none {
  pointer-events: none !important;
}

.pointer-events-all {
  pointer-events: all !important;
}

.pointer-events-auto {
  pointer-events: auto !important;
}

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

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

.color-0 {
  color: white !important;
}

.hover\:color-0:hover {
  color: white !important;
}

.visited\:color-0:visited {
  color: white !important;
}

.focus\:color-0:focus {
  color: white !important;
}

.active\:color-0:active {
  color: white !important;
}

.fill-0 {
  fill: white !important;
}

.hover\:fill-0:hover {
  fill: white !important;
}

.focus\:fill-0:focus {
  fill: white !important;
}

.active\:fill-0:active {
  fill: white !important;
}

.bg-0 {
  background-color: white !important;
}

.hover\:bg-0:hover {
  background-color: white !important;
}

.focus\:bg-0:focus {
  background-color: white !important;
}

.active\:bg-0:active {
  background-color: white !important;
}

.border-color-0 {
  border-color: white !important;
}

.border-t-color-0 {
  border-top-color: white !important;
}

.border-b-color-0 {
  border-bottom-color: white !important;
}

.border-l-color-0 {
  border-left-color: white !important;
}

.border-r-color-0 {
  border-right-color: white !important;
}

.color-1 {
  color: #191919 !important;
}

.hover\:color-1:hover {
  color: #191919 !important;
}

.visited\:color-1:visited {
  color: #191919 !important;
}

.focus\:color-1:focus {
  color: #191919 !important;
}

.active\:color-1:active {
  color: #191919 !important;
}

.fill-1 {
  fill: #191919 !important;
}

.hover\:fill-1:hover {
  fill: #191919 !important;
}

.focus\:fill-1:focus {
  fill: #191919 !important;
}

.active\:fill-1:active {
  fill: #191919 !important;
}

.bg-1 {
  background-color: #191919 !important;
}

.hover\:bg-1:hover {
  background-color: #191919 !important;
}

.focus\:bg-1:focus {
  background-color: #191919 !important;
}

.active\:bg-1:active {
  background-color: #191919 !important;
}

.border-color-1 {
  border-color: #191919 !important;
}

.border-t-color-1 {
  border-top-color: #191919 !important;
}

.border-b-color-1 {
  border-bottom-color: #191919 !important;
}

.border-l-color-1 {
  border-left-color: #191919 !important;
}

.border-r-color-1 {
  border-right-color: #191919 !important;
}

.color-2 {
  color: #00878b !important;
}

.hover\:color-2:hover {
  color: #00878b !important;
}

.visited\:color-2:visited {
  color: #00878b !important;
}

.focus\:color-2:focus {
  color: #00878b !important;
}

.active\:color-2:active {
  color: #00878b !important;
}

.fill-2 {
  fill: #00878b !important;
}

.hover\:fill-2:hover {
  fill: #00878b !important;
}

.focus\:fill-2:focus {
  fill: #00878b !important;
}

.active\:fill-2:active {
  fill: #00878b !important;
}

.bg-2 {
  background-color: #00878b !important;
}

.hover\:bg-2:hover {
  background-color: #00878b !important;
}

.focus\:bg-2:focus {
  background-color: #00878b !important;
}

.active\:bg-2:active {
  background-color: #00878b !important;
}

.border-color-2 {
  border-color: #00878b !important;
}

.border-t-color-2 {
  border-top-color: #00878b !important;
}

.border-b-color-2 {
  border-bottom-color: #00878b !important;
}

.border-l-color-2 {
  border-left-color: #00878b !important;
}

.border-r-color-2 {
  border-right-color: #00878b !important;
}

.color-3 {
  color: #592b8a !important;
}

.hover\:color-3:hover {
  color: #592b8a !important;
}

.visited\:color-3:visited {
  color: #592b8a !important;
}

.focus\:color-3:focus {
  color: #592b8a !important;
}

.active\:color-3:active {
  color: #592b8a !important;
}

.fill-3 {
  fill: #592b8a !important;
}

.hover\:fill-3:hover {
  fill: #592b8a !important;
}

.focus\:fill-3:focus {
  fill: #592b8a !important;
}

.active\:fill-3:active {
  fill: #592b8a !important;
}

.bg-3 {
  background-color: #592b8a !important;
}

.hover\:bg-3:hover {
  background-color: #592b8a !important;
}

.focus\:bg-3:focus {
  background-color: #592b8a !important;
}

.active\:bg-3:active {
  background-color: #592b8a !important;
}

.border-color-3 {
  border-color: #592b8a !important;
}

.border-t-color-3 {
  border-top-color: #592b8a !important;
}

.border-b-color-3 {
  border-bottom-color: #592b8a !important;
}

.border-l-color-3 {
  border-left-color: #592b8a !important;
}

.border-r-color-3 {
  border-right-color: #592b8a !important;
}

.color-4 {
  color: #38abab !important;
}

.hover\:color-4:hover {
  color: #38abab !important;
}

.visited\:color-4:visited {
  color: #38abab !important;
}

.focus\:color-4:focus {
  color: #38abab !important;
}

.active\:color-4:active {
  color: #38abab !important;
}

.fill-4 {
  fill: #38abab !important;
}

.hover\:fill-4:hover {
  fill: #38abab !important;
}

.focus\:fill-4:focus {
  fill: #38abab !important;
}

.active\:fill-4:active {
  fill: #38abab !important;
}

.bg-4 {
  background-color: #38abab !important;
}

.hover\:bg-4:hover {
  background-color: #38abab !important;
}

.focus\:bg-4:focus {
  background-color: #38abab !important;
}

.active\:bg-4:active {
  background-color: #38abab !important;
}

.border-color-4 {
  border-color: #38abab !important;
}

.border-t-color-4 {
  border-top-color: #38abab !important;
}

.border-b-color-4 {
  border-bottom-color: #38abab !important;
}

.border-l-color-4 {
  border-left-color: #38abab !important;
}

.border-r-color-4 {
  border-right-color: #38abab !important;
}

.color-5 {
  color: #774bbc !important;
}

.hover\:color-5:hover {
  color: #774bbc !important;
}

.visited\:color-5:visited {
  color: #774bbc !important;
}

.focus\:color-5:focus {
  color: #774bbc !important;
}

.active\:color-5:active {
  color: #774bbc !important;
}

.fill-5 {
  fill: #774bbc !important;
}

.hover\:fill-5:hover {
  fill: #774bbc !important;
}

.focus\:fill-5:focus {
  fill: #774bbc !important;
}

.active\:fill-5:active {
  fill: #774bbc !important;
}

.bg-5 {
  background-color: #774bbc !important;
}

.hover\:bg-5:hover {
  background-color: #774bbc !important;
}

.focus\:bg-5:focus {
  background-color: #774bbc !important;
}

.active\:bg-5:active {
  background-color: #774bbc !important;
}

.border-color-5 {
  border-color: #774bbc !important;
}

.border-t-color-5 {
  border-top-color: #774bbc !important;
}

.border-b-color-5 {
  border-bottom-color: #774bbc !important;
}

.border-l-color-5 {
  border-left-color: #774bbc !important;
}

.border-r-color-5 {
  border-right-color: #774bbc !important;
}

.color-6 {
  color: #c8b3e8 !important;
}

.hover\:color-6:hover {
  color: #c8b3e8 !important;
}

.visited\:color-6:visited {
  color: #c8b3e8 !important;
}

.focus\:color-6:focus {
  color: #c8b3e8 !important;
}

.active\:color-6:active {
  color: #c8b3e8 !important;
}

.fill-6 {
  fill: #c8b3e8 !important;
}

.hover\:fill-6:hover {
  fill: #c8b3e8 !important;
}

.focus\:fill-6:focus {
  fill: #c8b3e8 !important;
}

.active\:fill-6:active {
  fill: #c8b3e8 !important;
}

.bg-6 {
  background-color: #c8b3e8 !important;
}

.hover\:bg-6:hover {
  background-color: #c8b3e8 !important;
}

.focus\:bg-6:focus {
  background-color: #c8b3e8 !important;
}

.active\:bg-6:active {
  background-color: #c8b3e8 !important;
}

.border-color-6 {
  border-color: #c8b3e8 !important;
}

.border-t-color-6 {
  border-top-color: #c8b3e8 !important;
}

.border-b-color-6 {
  border-bottom-color: #c8b3e8 !important;
}

.border-l-color-6 {
  border-left-color: #c8b3e8 !important;
}

.border-r-color-6 {
  border-right-color: #c8b3e8 !important;
}

.color-7 {
  color: #b0e4e7 !important;
}

.hover\:color-7:hover {
  color: #b0e4e7 !important;
}

.visited\:color-7:visited {
  color: #b0e4e7 !important;
}

.focus\:color-7:focus {
  color: #b0e4e7 !important;
}

.active\:color-7:active {
  color: #b0e4e7 !important;
}

.fill-7 {
  fill: #b0e4e7 !important;
}

.hover\:fill-7:hover {
  fill: #b0e4e7 !important;
}

.focus\:fill-7:focus {
  fill: #b0e4e7 !important;
}

.active\:fill-7:active {
  fill: #b0e4e7 !important;
}

.bg-7 {
  background-color: #b0e4e7 !important;
}

.hover\:bg-7:hover {
  background-color: #b0e4e7 !important;
}

.focus\:bg-7:focus {
  background-color: #b0e4e7 !important;
}

.active\:bg-7:active {
  background-color: #b0e4e7 !important;
}

.border-color-7 {
  border-color: #b0e4e7 !important;
}

.border-t-color-7 {
  border-top-color: #b0e4e7 !important;
}

.border-b-color-7 {
  border-bottom-color: #b0e4e7 !important;
}

.border-l-color-7 {
  border-left-color: #b0e4e7 !important;
}

.border-r-color-7 {
  border-right-color: #b0e4e7 !important;
}

.color-8 {
  color: #ffffff !important;
}

.hover\:color-8:hover {
  color: #ffffff !important;
}

.visited\:color-8:visited {
  color: #ffffff !important;
}

.focus\:color-8:focus {
  color: #ffffff !important;
}

.active\:color-8:active {
  color: #ffffff !important;
}

.fill-8 {
  fill: #ffffff !important;
}

.hover\:fill-8:hover {
  fill: #ffffff !important;
}

.focus\:fill-8:focus {
  fill: #ffffff !important;
}

.active\:fill-8:active {
  fill: #ffffff !important;
}

.bg-8 {
  background-color: #ffffff !important;
}

.hover\:bg-8:hover {
  background-color: #ffffff !important;
}

.focus\:bg-8:focus {
  background-color: #ffffff !important;
}

.active\:bg-8:active {
  background-color: #ffffff !important;
}

.border-color-8 {
  border-color: #ffffff !important;
}

.border-t-color-8 {
  border-top-color: #ffffff !important;
}

.border-b-color-8 {
  border-bottom-color: #ffffff !important;
}

.border-l-color-8 {
  border-left-color: #ffffff !important;
}

.border-r-color-8 {
  border-right-color: #ffffff !important;
}

.color-9 {
  color: #f3f3f3 !important;
}

.hover\:color-9:hover {
  color: #f3f3f3 !important;
}

.visited\:color-9:visited {
  color: #f3f3f3 !important;
}

.focus\:color-9:focus {
  color: #f3f3f3 !important;
}

.active\:color-9:active {
  color: #f3f3f3 !important;
}

.fill-9 {
  fill: #f3f3f3 !important;
}

.hover\:fill-9:hover {
  fill: #f3f3f3 !important;
}

.focus\:fill-9:focus {
  fill: #f3f3f3 !important;
}

.active\:fill-9:active {
  fill: #f3f3f3 !important;
}

.bg-9 {
  background-color: #f3f3f3 !important;
}

.hover\:bg-9:hover {
  background-color: #f3f3f3 !important;
}

.focus\:bg-9:focus {
  background-color: #f3f3f3 !important;
}

.active\:bg-9:active {
  background-color: #f3f3f3 !important;
}

.border-color-9 {
  border-color: #f3f3f3 !important;
}

.border-t-color-9 {
  border-top-color: #f3f3f3 !important;
}

.border-b-color-9 {
  border-bottom-color: #f3f3f3 !important;
}

.border-l-color-9 {
  border-left-color: #f3f3f3 !important;
}

.border-r-color-9 {
  border-right-color: #f3f3f3 !important;
}

.color-10 {
  color: #e6e0ef !important;
}

.hover\:color-10:hover {
  color: #e6e0ef !important;
}

.visited\:color-10:visited {
  color: #e6e0ef !important;
}

.focus\:color-10:focus {
  color: #e6e0ef !important;
}

.active\:color-10:active {
  color: #e6e0ef !important;
}

.fill-10 {
  fill: #e6e0ef !important;
}

.hover\:fill-10:hover {
  fill: #e6e0ef !important;
}

.focus\:fill-10:focus {
  fill: #e6e0ef !important;
}

.active\:fill-10:active {
  fill: #e6e0ef !important;
}

.bg-10 {
  background-color: #e6e0ef !important;
}

.hover\:bg-10:hover {
  background-color: #e6e0ef !important;
}

.focus\:bg-10:focus {
  background-color: #e6e0ef !important;
}

.active\:bg-10:active {
  background-color: #e6e0ef !important;
}

.border-color-10 {
  border-color: #e6e0ef !important;
}

.border-t-color-10 {
  border-top-color: #e6e0ef !important;
}

.border-b-color-10 {
  border-bottom-color: #e6e0ef !important;
}

.border-l-color-10 {
  border-left-color: #e6e0ef !important;
}

.border-r-color-10 {
  border-right-color: #e6e0ef !important;
}

.color-11 {
  color: #C3E5E5 !important;
}

.hover\:color-11:hover {
  color: #C3E5E5 !important;
}

.visited\:color-11:visited {
  color: #C3E5E5 !important;
}

.focus\:color-11:focus {
  color: #C3E5E5 !important;
}

.active\:color-11:active {
  color: #C3E5E5 !important;
}

.fill-11 {
  fill: #C3E5E5 !important;
}

.hover\:fill-11:hover {
  fill: #C3E5E5 !important;
}

.focus\:fill-11:focus {
  fill: #C3E5E5 !important;
}

.active\:fill-11:active {
  fill: #C3E5E5 !important;
}

.bg-11 {
  background-color: #C3E5E5 !important;
}

.hover\:bg-11:hover {
  background-color: #C3E5E5 !important;
}

.focus\:bg-11:focus {
  background-color: #C3E5E5 !important;
}

.active\:bg-11:active {
  background-color: #C3E5E5 !important;
}

.border-color-11 {
  border-color: #C3E5E5 !important;
}

.border-t-color-11 {
  border-top-color: #C3E5E5 !important;
}

.border-b-color-11 {
  border-bottom-color: #C3E5E5 !important;
}

.border-l-color-11 {
  border-left-color: #C3E5E5 !important;
}

.border-r-color-11 {
  border-right-color: #C3E5E5 !important;
}

.color-12 {
  color: #e5f2f3 !important;
}

.hover\:color-12:hover {
  color: #e5f2f3 !important;
}

.visited\:color-12:visited {
  color: #e5f2f3 !important;
}

.focus\:color-12:focus {
  color: #e5f2f3 !important;
}

.active\:color-12:active {
  color: #e5f2f3 !important;
}

.fill-12 {
  fill: #e5f2f3 !important;
}

.hover\:fill-12:hover {
  fill: #e5f2f3 !important;
}

.focus\:fill-12:focus {
  fill: #e5f2f3 !important;
}

.active\:fill-12:active {
  fill: #e5f2f3 !important;
}

.bg-12 {
  background-color: #e5f2f3 !important;
}

.hover\:bg-12:hover {
  background-color: #e5f2f3 !important;
}

.focus\:bg-12:focus {
  background-color: #e5f2f3 !important;
}

.active\:bg-12:active {
  background-color: #e5f2f3 !important;
}

.border-color-12 {
  border-color: #e5f2f3 !important;
}

.border-t-color-12 {
  border-top-color: #e5f2f3 !important;
}

.border-b-color-12 {
  border-bottom-color: #e5f2f3 !important;
}

.border-l-color-12 {
  border-left-color: #e5f2f3 !important;
}

.border-r-color-12 {
  border-right-color: #e5f2f3 !important;
}

.color-13 {
  color: #414042 !important;
}

.hover\:color-13:hover {
  color: #414042 !important;
}

.visited\:color-13:visited {
  color: #414042 !important;
}

.focus\:color-13:focus {
  color: #414042 !important;
}

.active\:color-13:active {
  color: #414042 !important;
}

.fill-13 {
  fill: #414042 !important;
}

.hover\:fill-13:hover {
  fill: #414042 !important;
}

.focus\:fill-13:focus {
  fill: #414042 !important;
}

.active\:fill-13:active {
  fill: #414042 !important;
}

.bg-13 {
  background-color: #414042 !important;
}

.hover\:bg-13:hover {
  background-color: #414042 !important;
}

.focus\:bg-13:focus {
  background-color: #414042 !important;
}

.active\:bg-13:active {
  background-color: #414042 !important;
}

.border-color-13 {
  border-color: #414042 !important;
}

.border-t-color-13 {
  border-top-color: #414042 !important;
}

.border-b-color-13 {
  border-bottom-color: #414042 !important;
}

.border-l-color-13 {
  border-left-color: #414042 !important;
}

.border-r-color-13 {
  border-right-color: #414042 !important;
}

.color-14 {
  color: #c8edec !important;
}

.hover\:color-14:hover {
  color: #c8edec !important;
}

.visited\:color-14:visited {
  color: #c8edec !important;
}

.focus\:color-14:focus {
  color: #c8edec !important;
}

.active\:color-14:active {
  color: #c8edec !important;
}

.fill-14 {
  fill: #c8edec !important;
}

.hover\:fill-14:hover {
  fill: #c8edec !important;
}

.focus\:fill-14:focus {
  fill: #c8edec !important;
}

.active\:fill-14:active {
  fill: #c8edec !important;
}

.bg-14 {
  background-color: #c8edec !important;
}

.hover\:bg-14:hover {
  background-color: #c8edec !important;
}

.focus\:bg-14:focus {
  background-color: #c8edec !important;
}

.active\:bg-14:active {
  background-color: #c8edec !important;
}

.border-color-14 {
  border-color: #c8edec !important;
}

.border-t-color-14 {
  border-top-color: #c8edec !important;
}

.border-b-color-14 {
  border-bottom-color: #c8edec !important;
}

.border-l-color-14 {
  border-left-color: #c8edec !important;
}

.border-r-color-14 {
  border-right-color: #c8edec !important;
}

.color-15 {
  color: #9bd0db !important;
}

.hover\:color-15:hover {
  color: #9bd0db !important;
}

.visited\:color-15:visited {
  color: #9bd0db !important;
}

.focus\:color-15:focus {
  color: #9bd0db !important;
}

.active\:color-15:active {
  color: #9bd0db !important;
}

.fill-15 {
  fill: #9bd0db !important;
}

.hover\:fill-15:hover {
  fill: #9bd0db !important;
}

.focus\:fill-15:focus {
  fill: #9bd0db !important;
}

.active\:fill-15:active {
  fill: #9bd0db !important;
}

.bg-15 {
  background-color: #9bd0db !important;
}

.hover\:bg-15:hover {
  background-color: #9bd0db !important;
}

.focus\:bg-15:focus {
  background-color: #9bd0db !important;
}

.active\:bg-15:active {
  background-color: #9bd0db !important;
}

.border-color-15 {
  border-color: #9bd0db !important;
}

.border-t-color-15 {
  border-top-color: #9bd0db !important;
}

.border-b-color-15 {
  border-bottom-color: #9bd0db !important;
}

.border-l-color-15 {
  border-left-color: #9bd0db !important;
}

.border-r-color-15 {
  border-right-color: #9bd0db !important;
}

.color-16 {
  color: #ede9f3 !important;
}

.hover\:color-16:hover {
  color: #ede9f3 !important;
}

.visited\:color-16:visited {
  color: #ede9f3 !important;
}

.focus\:color-16:focus {
  color: #ede9f3 !important;
}

.active\:color-16:active {
  color: #ede9f3 !important;
}

.fill-16 {
  fill: #ede9f3 !important;
}

.hover\:fill-16:hover {
  fill: #ede9f3 !important;
}

.focus\:fill-16:focus {
  fill: #ede9f3 !important;
}

.active\:fill-16:active {
  fill: #ede9f3 !important;
}

.bg-16 {
  background-color: #ede9f3 !important;
}

.hover\:bg-16:hover {
  background-color: #ede9f3 !important;
}

.focus\:bg-16:focus {
  background-color: #ede9f3 !important;
}

.active\:bg-16:active {
  background-color: #ede9f3 !important;
}

.border-color-16 {
  border-color: #ede9f3 !important;
}

.border-t-color-16 {
  border-top-color: #ede9f3 !important;
}

.border-b-color-16 {
  border-bottom-color: #ede9f3 !important;
}

.border-l-color-16 {
  border-left-color: #ede9f3 !important;
}

.border-r-color-16 {
  border-right-color: #ede9f3 !important;
}

.color-17 {
  color: #edfafa !important;
}

.hover\:color-17:hover {
  color: #edfafa !important;
}

.visited\:color-17:visited {
  color: #edfafa !important;
}

.focus\:color-17:focus {
  color: #edfafa !important;
}

.active\:color-17:active {
  color: #edfafa !important;
}

.fill-17 {
  fill: #edfafa !important;
}

.hover\:fill-17:hover {
  fill: #edfafa !important;
}

.focus\:fill-17:focus {
  fill: #edfafa !important;
}

.active\:fill-17:active {
  fill: #edfafa !important;
}

.bg-17 {
  background-color: #edfafa !important;
}

.hover\:bg-17:hover {
  background-color: #edfafa !important;
}

.focus\:bg-17:focus {
  background-color: #edfafa !important;
}

.active\:bg-17:active {
  background-color: #edfafa !important;
}

.border-color-17 {
  border-color: #edfafa !important;
}

.border-t-color-17 {
  border-top-color: #edfafa !important;
}

.border-b-color-17 {
  border-bottom-color: #edfafa !important;
}

.border-l-color-17 {
  border-left-color: #edfafa !important;
}

.border-r-color-17 {
  border-right-color: #edfafa !important;
}

.color-18 {
  color: #dc1313 !important;
}

.hover\:color-18:hover {
  color: #dc1313 !important;
}

.visited\:color-18:visited {
  color: #dc1313 !important;
}

.focus\:color-18:focus {
  color: #dc1313 !important;
}

.active\:color-18:active {
  color: #dc1313 !important;
}

.fill-18 {
  fill: #dc1313 !important;
}

.hover\:fill-18:hover {
  fill: #dc1313 !important;
}

.focus\:fill-18:focus {
  fill: #dc1313 !important;
}

.active\:fill-18:active {
  fill: #dc1313 !important;
}

.bg-18 {
  background-color: #dc1313 !important;
}

.hover\:bg-18:hover {
  background-color: #dc1313 !important;
}

.focus\:bg-18:focus {
  background-color: #dc1313 !important;
}

.active\:bg-18:active {
  background-color: #dc1313 !important;
}

.border-color-18 {
  border-color: #dc1313 !important;
}

.border-t-color-18 {
  border-top-color: #dc1313 !important;
}

.border-b-color-18 {
  border-bottom-color: #dc1313 !important;
}

.border-l-color-18 {
  border-left-color: #dc1313 !important;
}

.border-r-color-18 {
  border-right-color: #dc1313 !important;
}

.color-19 {
  color: #00BBBA !important;
}

.hover\:color-19:hover {
  color: #00BBBA !important;
}

.visited\:color-19:visited {
  color: #00BBBA !important;
}

.focus\:color-19:focus {
  color: #00BBBA !important;
}

.active\:color-19:active {
  color: #00BBBA !important;
}

.fill-19 {
  fill: #00BBBA !important;
}

.hover\:fill-19:hover {
  fill: #00BBBA !important;
}

.focus\:fill-19:focus {
  fill: #00BBBA !important;
}

.active\:fill-19:active {
  fill: #00BBBA !important;
}

.bg-19 {
  background-color: #00BBBA !important;
}

.hover\:bg-19:hover {
  background-color: #00BBBA !important;
}

.focus\:bg-19:focus {
  background-color: #00BBBA !important;
}

.active\:bg-19:active {
  background-color: #00BBBA !important;
}

.border-color-19 {
  border-color: #00BBBA !important;
}

.border-t-color-19 {
  border-top-color: #00BBBA !important;
}

.border-b-color-19 {
  border-bottom-color: #00BBBA !important;
}

.border-l-color-19 {
  border-left-color: #00BBBA !important;
}

.border-r-color-19 {
  border-right-color: #00BBBA !important;
}

.color-20 {
  color: #CCF2F1 !important;
}

.hover\:color-20:hover {
  color: #CCF2F1 !important;
}

.visited\:color-20:visited {
  color: #CCF2F1 !important;
}

.focus\:color-20:focus {
  color: #CCF2F1 !important;
}

.active\:color-20:active {
  color: #CCF2F1 !important;
}

.fill-20 {
  fill: #CCF2F1 !important;
}

.hover\:fill-20:hover {
  fill: #CCF2F1 !important;
}

.focus\:fill-20:focus {
  fill: #CCF2F1 !important;
}

.active\:fill-20:active {
  fill: #CCF2F1 !important;
}

.bg-20 {
  background-color: #CCF2F1 !important;
}

.hover\:bg-20:hover {
  background-color: #CCF2F1 !important;
}

.focus\:bg-20:focus {
  background-color: #CCF2F1 !important;
}

.active\:bg-20:active {
  background-color: #CCF2F1 !important;
}

.border-color-20 {
  border-color: #CCF2F1 !important;
}

.border-t-color-20 {
  border-top-color: #CCF2F1 !important;
}

.border-b-color-20 {
  border-bottom-color: #CCF2F1 !important;
}

.border-l-color-20 {
  border-left-color: #CCF2F1 !important;
}

.border-r-color-20 {
  border-right-color: #CCF2F1 !important;
}

.color-21 {
  color: #B9D6DC !important;
}

.hover\:color-21:hover {
  color: #B9D6DC !important;
}

.visited\:color-21:visited {
  color: #B9D6DC !important;
}

.focus\:color-21:focus {
  color: #B9D6DC !important;
}

.active\:color-21:active {
  color: #B9D6DC !important;
}

.fill-21 {
  fill: #B9D6DC !important;
}

.hover\:fill-21:hover {
  fill: #B9D6DC !important;
}

.focus\:fill-21:focus {
  fill: #B9D6DC !important;
}

.active\:fill-21:active {
  fill: #B9D6DC !important;
}

.bg-21 {
  background-color: #B9D6DC !important;
}

.hover\:bg-21:hover {
  background-color: #B9D6DC !important;
}

.focus\:bg-21:focus {
  background-color: #B9D6DC !important;
}

.active\:bg-21:active {
  background-color: #B9D6DC !important;
}

.border-color-21 {
  border-color: #B9D6DC !important;
}

.border-t-color-21 {
  border-top-color: #B9D6DC !important;
}

.border-b-color-21 {
  border-bottom-color: #B9D6DC !important;
}

.border-l-color-21 {
  border-left-color: #B9D6DC !important;
}

.border-r-color-21 {
  border-right-color: #B9D6DC !important;
}

.color-22 {
  color: #563091 !important;
}

.hover\:color-22:hover {
  color: #563091 !important;
}

.visited\:color-22:visited {
  color: #563091 !important;
}

.focus\:color-22:focus {
  color: #563091 !important;
}

.active\:color-22:active {
  color: #563091 !important;
}

.fill-22 {
  fill: #563091 !important;
}

.hover\:fill-22:hover {
  fill: #563091 !important;
}

.focus\:fill-22:focus {
  fill: #563091 !important;
}

.active\:fill-22:active {
  fill: #563091 !important;
}

.bg-22 {
  background-color: #563091 !important;
}

.hover\:bg-22:hover {
  background-color: #563091 !important;
}

.focus\:bg-22:focus {
  background-color: #563091 !important;
}

.active\:bg-22:active {
  background-color: #563091 !important;
}

.border-color-22 {
  border-color: #563091 !important;
}

.border-t-color-22 {
  border-top-color: #563091 !important;
}

.border-b-color-22 {
  border-bottom-color: #563091 !important;
}

.border-l-color-22 {
  border-left-color: #563091 !important;
}

.border-r-color-22 {
  border-right-color: #563091 !important;
}

.color-23 {
  color: #c3b4d8 !important;
}

.hover\:color-23:hover {
  color: #c3b4d8 !important;
}

.visited\:color-23:visited {
  color: #c3b4d8 !important;
}

.focus\:color-23:focus {
  color: #c3b4d8 !important;
}

.active\:color-23:active {
  color: #c3b4d8 !important;
}

.fill-23 {
  fill: #c3b4d8 !important;
}

.hover\:fill-23:hover {
  fill: #c3b4d8 !important;
}

.focus\:fill-23:focus {
  fill: #c3b4d8 !important;
}

.active\:fill-23:active {
  fill: #c3b4d8 !important;
}

.bg-23 {
  background-color: #c3b4d8 !important;
}

.hover\:bg-23:hover {
  background-color: #c3b4d8 !important;
}

.focus\:bg-23:focus {
  background-color: #c3b4d8 !important;
}

.active\:bg-23:active {
  background-color: #c3b4d8 !important;
}

.border-color-23 {
  border-color: #c3b4d8 !important;
}

.border-t-color-23 {
  border-top-color: #c3b4d8 !important;
}

.border-b-color-23 {
  border-bottom-color: #c3b4d8 !important;
}

.border-l-color-23 {
  border-left-color: #c3b4d8 !important;
}

.border-r-color-23 {
  border-right-color: #c3b4d8 !important;
}

.color-24 {
  color: #E6F8F8 !important;
}

.hover\:color-24:hover {
  color: #E6F8F8 !important;
}

.visited\:color-24:visited {
  color: #E6F8F8 !important;
}

.focus\:color-24:focus {
  color: #E6F8F8 !important;
}

.active\:color-24:active {
  color: #E6F8F8 !important;
}

.fill-24 {
  fill: #E6F8F8 !important;
}

.hover\:fill-24:hover {
  fill: #E6F8F8 !important;
}

.focus\:fill-24:focus {
  fill: #E6F8F8 !important;
}

.active\:fill-24:active {
  fill: #E6F8F8 !important;
}

.bg-24 {
  background-color: #E6F8F8 !important;
}

.hover\:bg-24:hover {
  background-color: #E6F8F8 !important;
}

.focus\:bg-24:focus {
  background-color: #E6F8F8 !important;
}

.active\:bg-24:active {
  background-color: #E6F8F8 !important;
}

.border-color-24 {
  border-color: #E6F8F8 !important;
}

.border-t-color-24 {
  border-top-color: #E6F8F8 !important;
}

.border-b-color-24 {
  border-bottom-color: #E6F8F8 !important;
}

.border-l-color-24 {
  border-left-color: #E6F8F8 !important;
}

.border-r-color-24 {
  border-right-color: #E6F8F8 !important;
}

.font-100 {
  font-weight: 100 !important;
}

.font-200 {
  font-weight: 200 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.font-800 {
  font-weight: 800 !important;
}

.font-900 {
  font-weight: 900 !important;
}

.tracking-0\.01 {
  letter-spacing: 0.01em !important;
}

.tracking-0\.02 {
  letter-spacing: 0.02em !important;
}

.tracking-0\.03 {
  letter-spacing: 0.03em !important;
}

.tracking-0\.04 {
  letter-spacing: 0.04em !important;
}

.tracking-0\.05 {
  letter-spacing: 0.05em !important;
}

.tracking-0\.06 {
  letter-spacing: 0.06em !important;
}

.tracking-0\.07 {
  letter-spacing: 0.07em !important;
}

.tracking-0\.08 {
  letter-spacing: 0.08em !important;
}

.tracking-0\.09 {
  letter-spacing: 0.09em !important;
}

@media (max-width: 1500px) {
  .desktop\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:block {
    display: block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline {
    display: inline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:hidden {
    display: none !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table {
    display: table !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:static {
    position: static !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pin {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:relative {
    position: relative !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset {
    right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-2 {
    right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2 {
    right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3 {
    right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4 {
    right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5 {
    right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-6 {
    right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y {
    top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-2 {
    top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2 {
    top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3 {
    top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4 {
    top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5 {
    top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-6 {
    top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y {
    bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-y-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x {
    left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-2 {
    left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2 {
    left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3 {
    left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4 {
    left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5 {
    left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-6 {
    left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x {
    right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-2 {
    right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-inset-x-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2 {
    right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3 {
    right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4 {
    right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5 {
    right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-6 {
    right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top {
    top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-top-2 {
    top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-top-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-top-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-2 {
    top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-3 {
    top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-4 {
    top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-5 {
    top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-6 {
    top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom {
    bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-bottom-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-bottom-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-bottom-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left {
    left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-left-2 {
    left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-left-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-left-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-2 {
    left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-3 {
    left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-4 {
    left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-5 {
    left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-6 {
    left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right {
    right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-right-2 {
    right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-right-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-right-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-2 {
    right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-3 {
    right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-4 {
    right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-5 {
    right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-6 {
    right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m {
    margin: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-2 {
    margin: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-2-dive > * {
    margin: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-1\.5 {
    margin: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-1\.5-dive > * {
    margin: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-0\.5 {
    margin: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-m-0\.5-dive > * {
    margin: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-0\.5 {
    margin: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-0\.5-dive > * {
    margin: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-1\.5 {
    margin: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-1\.5-dive > * {
    margin: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2 {
    margin: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2-dive > * {
    margin: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2\.5 {
    margin: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-2\.5-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3 {
    margin: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3-dive > * {
    margin: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3\.5 {
    margin: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-3\.5-dive > * {
    margin: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4 {
    margin: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4-dive > * {
    margin: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4\.5 {
    margin: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-4\.5-dive > * {
    margin: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5 {
    margin: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5\.5 {
    margin: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-5\.5-dive > * {
    margin: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-6 {
    margin: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-6-dive > * {
    margin: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt {
    margin-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt {
    margin-top: -16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mt-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mt-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr {
    margin-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr {
    margin-right: -16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mr-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mr-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb {
    margin-bottom: -16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mb-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mb-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml {
    margin-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml {
    margin-left: -16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-ml-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:ml-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:m-dive > * {
    margin: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my {
    margin-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-my-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:my-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx {
    margin-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx {
    margin-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-mx-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:mx-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p {
    padding: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-2 {
    padding: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-2-dive > * {
    padding: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-1\.5 {
    padding: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-1\.5-dive > * {
    padding: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-0\.5 {
    padding: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-p-0\.5-dive > * {
    padding: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-0\.5 {
    padding: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-0\.5-dive > * {
    padding: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-1\.5 {
    padding: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-1\.5-dive > * {
    padding: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2 {
    padding: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2-dive > * {
    padding: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2\.5 {
    padding: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-2\.5-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3 {
    padding: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3-dive > * {
    padding: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3\.5 {
    padding: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-3\.5-dive > * {
    padding: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4 {
    padding: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4-dive > * {
    padding: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4\.5 {
    padding: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-4\.5-dive > * {
    padding: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5 {
    padding: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5\.5 {
    padding: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-5\.5-dive > * {
    padding: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-6 {
    padding: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-6-dive > * {
    padding: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt {
    padding-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pt-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pt-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr {
    padding-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pr-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pr-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pb-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pb-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl {
    padding-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-pl-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:pl-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:p-dive > * {
    padding: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py {
    padding-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-py-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:py-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px {
    padding-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px {
    padding-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:-px-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:px-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-none {
    border: none !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 1500px) {
  .desktop\:border-r-0 {
    border-right-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:block {
    display: block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline {
    display: inline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:hidden {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table {
    display: table !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:static {
    position: static !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pin {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:relative {
    position: relative !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset {
    right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-2 {
    right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2 {
    right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3 {
    right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4 {
    right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5 {
    right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-6 {
    right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y {
    top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-2 {
    top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2 {
    top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3 {
    top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4 {
    top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5 {
    top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-6 {
    top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y {
    bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-y-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x {
    left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-2 {
    left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2 {
    left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3 {
    left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4 {
    left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5 {
    left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-6 {
    left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x {
    right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-2 {
    right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-inset-x-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2 {
    right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3 {
    right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4 {
    right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5 {
    right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-6 {
    right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top {
    top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-top-2 {
    top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-top-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-top-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-2 {
    top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-3 {
    top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-4 {
    top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-5 {
    top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-6 {
    top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom {
    bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-bottom-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-bottom-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-bottom-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left {
    left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-left-2 {
    left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-left-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-left-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-2 {
    left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-3 {
    left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-4 {
    left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-5 {
    left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-6 {
    left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right {
    right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-right-2 {
    right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-right-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-right-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-2 {
    right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-3 {
    right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-4 {
    right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-5 {
    right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-6 {
    right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m {
    margin: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-2 {
    margin: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-2-dive > * {
    margin: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-1\.5 {
    margin: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-1\.5-dive > * {
    margin: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-0\.5 {
    margin: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-m-0\.5-dive > * {
    margin: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-0\.5 {
    margin: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-0\.5-dive > * {
    margin: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-1\.5 {
    margin: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-1\.5-dive > * {
    margin: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2 {
    margin: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2-dive > * {
    margin: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2\.5 {
    margin: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-2\.5-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3 {
    margin: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3-dive > * {
    margin: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3\.5 {
    margin: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-3\.5-dive > * {
    margin: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4 {
    margin: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4-dive > * {
    margin: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4\.5 {
    margin: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-4\.5-dive > * {
    margin: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5 {
    margin: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5\.5 {
    margin: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-5\.5-dive > * {
    margin: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-6 {
    margin: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-6-dive > * {
    margin: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt {
    margin-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt {
    margin-top: -16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mt-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mt-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr {
    margin-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr {
    margin-right: -16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mr-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mr-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb {
    margin-bottom: -16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mb-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mb-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml {
    margin-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml {
    margin-left: -16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-ml-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:ml-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:m-dive > * {
    margin: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my {
    margin-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-my-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:my-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx {
    margin-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx {
    margin-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-mx-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:mx-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p {
    padding: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-2 {
    padding: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-2-dive > * {
    padding: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-1\.5 {
    padding: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-1\.5-dive > * {
    padding: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-0\.5 {
    padding: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-p-0\.5-dive > * {
    padding: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-0\.5 {
    padding: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-0\.5-dive > * {
    padding: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-1\.5 {
    padding: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-1\.5-dive > * {
    padding: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2 {
    padding: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2-dive > * {
    padding: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2\.5 {
    padding: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-2\.5-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3 {
    padding: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3-dive > * {
    padding: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3\.5 {
    padding: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-3\.5-dive > * {
    padding: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4 {
    padding: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4-dive > * {
    padding: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4\.5 {
    padding: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-4\.5-dive > * {
    padding: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5 {
    padding: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5\.5 {
    padding: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-5\.5-dive > * {
    padding: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-6 {
    padding: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-6-dive > * {
    padding: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt {
    padding-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pt-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pt-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr {
    padding-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pr-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pr-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pb-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pb-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl {
    padding-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-pl-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:pl-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:p-dive > * {
    padding: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py {
    padding-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-py-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:py-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px {
    padding-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px {
    padding-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:-px-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:px-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-none {
    border: none !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 1023px) {
  .tablet\:border-r-0 {
    border-right-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .mobile\:block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:hidden {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mobile\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 767px) {
  .mobile\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 767px) {
  .mobile\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 767px) {
  .mobile\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table {
    display: table !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .mobile\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .mobile\:static {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .mobile\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .mobile\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 767px) {
  .mobile\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 767px) {
  .mobile\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pin {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .mobile\:relative {
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .mobile\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .mobile\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 767px) {
  .mobile\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset {
    right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-2 {
    right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2 {
    right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3 {
    right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4 {
    right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5 {
    right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-6 {
    right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y {
    top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-2 {
    top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2 {
    top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3 {
    top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4 {
    top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5 {
    top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-6 {
    top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y {
    bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-y-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x {
    left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-2 {
    left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2 {
    left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3 {
    left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4 {
    left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5 {
    left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-6 {
    left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x {
    right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-2 {
    right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-inset-x-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2 {
    right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3 {
    right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4 {
    right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5 {
    right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-6 {
    right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top {
    top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-top-2 {
    top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-top-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-top-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-2 {
    top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-3 {
    top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-4 {
    top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-5 {
    top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-6 {
    top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom {
    bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-bottom-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-bottom-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-bottom-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left {
    left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-left-2 {
    left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-left-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-left-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-2 {
    left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-3 {
    left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-4 {
    left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-5 {
    left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-6 {
    left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right {
    right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-right-2 {
    right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-right-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-right-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-2 {
    right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-3 {
    right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-4 {
    right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-5 {
    right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-6 {
    right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m {
    margin: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-2 {
    margin: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-2-dive > * {
    margin: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-1\.5 {
    margin: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-1\.5-dive > * {
    margin: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-0\.5 {
    margin: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-m-0\.5-dive > * {
    margin: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-0\.5 {
    margin: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-0\.5-dive > * {
    margin: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-1\.5 {
    margin: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-1\.5-dive > * {
    margin: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2 {
    margin: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2-dive > * {
    margin: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2\.5 {
    margin: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-2\.5-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3 {
    margin: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3-dive > * {
    margin: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3\.5 {
    margin: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-3\.5-dive > * {
    margin: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4 {
    margin: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4-dive > * {
    margin: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4\.5 {
    margin: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-4\.5-dive > * {
    margin: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5 {
    margin: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5\.5 {
    margin: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-5\.5-dive > * {
    margin: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-6 {
    margin: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-6-dive > * {
    margin: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt {
    margin-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt {
    margin-top: -16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mt-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mt-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr {
    margin-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr {
    margin-right: -16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mr-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mr-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb {
    margin-bottom: -16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mb-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mb-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml {
    margin-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml {
    margin-left: -16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-ml-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:ml-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:m-dive > * {
    margin: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my {
    margin-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-my-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:my-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx {
    margin-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx {
    margin-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-mx-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:mx-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p {
    padding: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-2 {
    padding: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-2-dive > * {
    padding: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-1\.5 {
    padding: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-1\.5-dive > * {
    padding: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-0\.5 {
    padding: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-p-0\.5-dive > * {
    padding: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-0\.5 {
    padding: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-0\.5-dive > * {
    padding: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-1\.5 {
    padding: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-1\.5-dive > * {
    padding: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2 {
    padding: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2-dive > * {
    padding: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2\.5 {
    padding: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-2\.5-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3 {
    padding: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3-dive > * {
    padding: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3\.5 {
    padding: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-3\.5-dive > * {
    padding: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4 {
    padding: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4-dive > * {
    padding: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4\.5 {
    padding: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-4\.5-dive > * {
    padding: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5 {
    padding: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5\.5 {
    padding: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-5\.5-dive > * {
    padding: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-6 {
    padding: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-6-dive > * {
    padding: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt {
    padding-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pt-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pt-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr {
    padding-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pr-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pr-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pb-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pb-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl {
    padding-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-pl-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:pl-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:p-dive > * {
    padding: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py {
    padding-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-py-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:py-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px {
    padding-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px {
    padding-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:-px-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:px-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-none {
    border: none !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .mobile\:border-r-0 {
    border-right-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-dive > * {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (max-width: 479px) {
  .base\:block {
    display: block !important;
  }
}

@media (max-width: 479px) {
  .base\:block-dive > * {
    display: block !important;
  }
}

@media (max-width: 479px) {
  .base\:inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 479px) {
  .base\:inline-block-dive > * {
    display: inline-block !important;
  }
}

@media (max-width: 479px) {
  .base\:inline {
    display: inline !important;
  }
}

@media (max-width: 479px) {
  .base\:inline-dive > * {
    display: inline !important;
  }
}

@media (max-width: 479px) {
  .base\:hidden {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .base\:hidden-dive > * {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .base\:text-left {
    text-align: left !important;
  }
}

@media (max-width: 479px) {
  .base\:text-left-dive > * {
    text-align: left !important;
  }
}

@media (max-width: 479px) {
  .base\:text-center {
    text-align: center !important;
  }
}

@media (max-width: 479px) {
  .base\:text-center-dive > * {
    text-align: center !important;
  }
}

@media (max-width: 479px) {
  .base\:text-right {
    text-align: right !important;
  }
}

@media (max-width: 479px) {
  .base\:text-right-dive > * {
    text-align: right !important;
  }
}

@media (max-width: 479px) {
  .base\:text-justify {
    text-align: justify !important;
  }
}

@media (max-width: 479px) {
  .base\:text-justify-dive > * {
    text-align: justify !important;
  }
}

@media (max-width: 479px) {
  .base\:align-baseline {
    vertical-align: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:align-baseline-dive > * {
    vertical-align: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:align-top {
    vertical-align: top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-top-dive > * {
    vertical-align: top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-middle {
    vertical-align: middle !important;
  }
}

@media (max-width: 479px) {
  .base\:align-middle-dive > * {
    vertical-align: middle !important;
  }
}

@media (max-width: 479px) {
  .base\:align-bottom {
    vertical-align: bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:align-bottom-dive > * {
    vertical-align: bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-top {
    vertical-align: text-top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-top-dive > * {
    vertical-align: text-top !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-bottom {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:align-text-bottom-dive > * {
    vertical-align: text-bottom !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-2 {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-2-dive > * {
    -webkit-box-flex: 2 !important;
        -ms-flex-positive: 2 !important;
            flex-grow: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-3 {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-3-dive > * {
    -webkit-box-flex: 3 !important;
        -ms-flex-positive: 3 !important;
            flex-grow: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-4 {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-4-dive > * {
    -webkit-box-flex: 4 !important;
        -ms-flex-positive: 4 !important;
            flex-grow: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-5 {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-5-dive > * {
    -webkit-box-flex: 5 !important;
        -ms-flex-positive: 5 !important;
            flex-grow: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-6 {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-6-dive > * {
    -webkit-box-flex: 6 !important;
        -ms-flex-positive: 6 !important;
            flex-grow: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-7 {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-7-dive > * {
    -webkit-box-flex: 7 !important;
        -ms-flex-positive: 7 !important;
            flex-grow: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-8 {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-8-dive > * {
    -webkit-box-flex: 8 !important;
        -ms-flex-positive: 8 !important;
            flex-grow: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-9 {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-9-dive > * {
    -webkit-box-flex: 9 !important;
        -ms-flex-positive: 9 !important;
            flex-grow: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-10 {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-10-dive > * {
    -webkit-box-flex: 10 !important;
        -ms-flex-positive: 10 !important;
            flex-grow: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-11 {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-11-dive > * {
    -webkit-box-flex: 11 !important;
        -ms-flex-positive: 11 !important;
            flex-grow: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-12 {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-12-dive > * {
    -webkit-box-flex: 12 !important;
        -ms-flex-positive: 12 !important;
            flex-grow: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-grow-dive > * {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-2 {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-2-dive > * {
    -ms-flex-negative: 2 !important;
        flex-shrink: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-3 {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-3-dive > * {
    -ms-flex-negative: 3 !important;
        flex-shrink: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-4 {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-4-dive > * {
    -ms-flex-negative: 4 !important;
        flex-shrink: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-5 {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-5-dive > * {
    -ms-flex-negative: 5 !important;
        flex-shrink: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-6 {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-6-dive > * {
    -ms-flex-negative: 6 !important;
        flex-shrink: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-7 {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-7-dive > * {
    -ms-flex-negative: 7 !important;
        flex-shrink: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-8 {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-8-dive > * {
    -ms-flex-negative: 8 !important;
        flex-shrink: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-9 {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-9-dive > * {
    -ms-flex-negative: 9 !important;
        flex-shrink: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-10 {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-10-dive > * {
    -ms-flex-negative: 10 !important;
        flex-shrink: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-11 {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-11-dive > * {
    -ms-flex-negative: 11 !important;
        flex-shrink: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-12 {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-12-dive > * {
    -ms-flex-negative: 12 !important;
        flex-shrink: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-shrink-dive > * {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:order {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-2-dive > * {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-3 {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-3-dive > * {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-4 {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-4-dive > * {
    -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
            order: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-5 {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-5-dive > * {
    -webkit-box-ordinal-group: 6 !important;
        -ms-flex-order: 5 !important;
            order: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-6 {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-6-dive > * {
    -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
            order: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-7 {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-7-dive > * {
    -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
            order: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-8 {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-8-dive > * {
    -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
            order: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-9 {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-9-dive > * {
    -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
            order: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-10 {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-10-dive > * {
    -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
            order: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-11 {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-11-dive > * {
    -webkit-box-ordinal-group: 12 !important;
        -ms-flex-order: 11 !important;
            order: 11 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-12 {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-12-dive > * {
    -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
            order: 12 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-0 {
    -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
            order: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:order-dive > * {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-row-reverse-dive > * {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:flex-column-reverse-dive > * {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-start-dive > * {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-end-dive > * {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-center-dive > * {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-around-dive > * {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-between-dive > * {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-evenly {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 479px) {
  .base\:justify-evenly-dive > * {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
  }
}

@media (max-width: 479px) {
  .base\:items-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:items-start-dive > * {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}

@media (max-width: 479px) {
  .base\:items-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:items-end-dive > * {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
}

@media (max-width: 479px) {
  .base\:items-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 479px) {
  .base\:items-center-dive > * {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 479px) {
  .base\:items-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:items-baseline-dive > * {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
}

@media (max-width: 479px) {
  .base\:items-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 479px) {
  .base\:items-stretch-dive > * {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
}

@media (max-width: 479px) {
  .base\:table {
    display: table !important;
  }
}

@media (max-width: 479px) {
  .base\:table-dive > * {
    display: table !important;
  }
}

@media (max-width: 479px) {
  .base\:table-row {
    display: table-row !important;
  }
}

@media (max-width: 479px) {
  .base\:table-row-dive > * {
    display: table-row !important;
  }
}

@media (max-width: 479px) {
  .base\:table-cell {
    display: table-cell !important;
  }
}

@media (max-width: 479px) {
  .base\:table-cell-dive > * {
    display: table-cell !important;
  }
}

@media (max-width: 479px) {
  .base\:static {
    position: static !important;
  }
}

@media (max-width: 479px) {
  .base\:static-dive > * {
    position: static !important;
  }
}

@media (max-width: 479px) {
  .base\:fixed {
    position: fixed !important;
  }
}

@media (max-width: 479px) {
  .base\:fixed-dive > * {
    position: fixed !important;
  }
}

@media (max-width: 479px) {
  .base\:absolute {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:absolute-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:pin {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:pin-dive > * {
    position: absolute !important;
  }
}

@media (max-width: 479px) {
  .base\:relative {
    position: relative !important;
  }
}

@media (max-width: 479px) {
  .base\:relative-dive > * {
    position: relative !important;
  }
}

@media (max-width: 479px) {
  .base\:sticky {
    position: sticky !important;
  }
}

@media (max-width: 479px) {
  .base\:sticky-dive > * {
    position: sticky !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset {
    right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-2 {
    right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2 {
    right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3 {
    right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4 {
    right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5 {
    right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-6 {
    right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-0 {
    right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y {
    top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-2 {
    top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2 {
    top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3 {
    top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4 {
    top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5 {
    top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-6 {
    top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0 {
    top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y {
    bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-y-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-y-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x {
    left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-2 {
    left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2 {
    left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3 {
    left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4 {
    left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5 {
    left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-6 {
    left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0 {
    left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x {
    right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-2 {
    right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-inset-x-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2 {
    right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3 {
    right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4 {
    right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5 {
    right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-6 {
    right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:inset-x-0 {
    right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:top {
    top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-top-2 {
    top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-top-1\.5 {
    top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-top-0\.5 {
    top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-0\.5 {
    top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-1\.5 {
    top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-2 {
    top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-2\.5 {
    top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-3 {
    top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-3\.5 {
    top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-4 {
    top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-4\.5 {
    top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-5 {
    top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-5\.5 {
    top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-6 {
    top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:top-0 {
    top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom {
    bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-bottom-2 {
    bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-bottom-1\.5 {
    bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-bottom-0\.5 {
    bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-0\.5 {
    bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-1\.5 {
    bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-2 {
    bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-2\.5 {
    bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-3 {
    bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-3\.5 {
    bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-4 {
    bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-4\.5 {
    bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-5 {
    bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-5\.5 {
    bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-6 {
    bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:bottom-0 {
    bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:left {
    left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-left-2 {
    left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-left-1\.5 {
    left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-left-0\.5 {
    left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-0\.5 {
    left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-1\.5 {
    left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-2 {
    left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-2\.5 {
    left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-3 {
    left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-3\.5 {
    left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-4 {
    left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-4\.5 {
    left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-5 {
    left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-5\.5 {
    left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-6 {
    left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:left-0 {
    left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:right {
    right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-right-2 {
    right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-right-1\.5 {
    right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-right-0\.5 {
    right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-0\.5 {
    right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-1\.5 {
    right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-2 {
    right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-2\.5 {
    right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-3 {
    right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-3\.5 {
    right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-4 {
    right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-4\.5 {
    right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-5 {
    right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-5\.5 {
    right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-6 {
    right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:right-0 {
    right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center {
    top: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center {
    left: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center {
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-x {
    left: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-x {
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-y {
    top: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:transform-center-y {
    -webkit-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
}

@media (max-width: 479px) {
  .base\:z {
    z-index: 1 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-2 {
    z-index: 2 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-3 {
    z-index: 3 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-4 {
    z-index: 4 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-5 {
    z-index: 5 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-6 {
    z-index: 6 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-7 {
    z-index: 7 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-8 {
    z-index: 8 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-9 {
    z-index: 9 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-10 {
    z-index: 10 !important;
  }
}

@media (max-width: 479px) {
  .base\:z-0 {
    z-index: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:w-100 {
    width: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:w-100-dive > * {
    width: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:h-100 {
    height: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:h-100-dive > * {
    height: 100% !important;
  }
}

@media (max-width: 479px) {
  .base\:box-border {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 479px) {
  .base\:box-border-dive > * {
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
  }
}

@media (max-width: 479px) {
  .base\:box-content {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 479px) {
  .base\:box-content-dive > * {
    -webkit-box-sizing: content-box !important;
            box-sizing: content-box !important;
  }
}

@media (max-width: 479px) {
  .base\:m {
    margin: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-2 {
    margin: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-2-dive > * {
    margin: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-1\.5 {
    margin: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-1\.5-dive > * {
    margin: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-0\.5 {
    margin: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-m-0\.5-dive > * {
    margin: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-0\.5 {
    margin: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-0\.5-dive > * {
    margin: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-1\.5 {
    margin: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-1\.5-dive > * {
    margin: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2 {
    margin: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2-dive > * {
    margin: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2\.5 {
    margin: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-2\.5-dive > * {
    margin: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3 {
    margin: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3-dive > * {
    margin: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3\.5 {
    margin: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-3\.5-dive > * {
    margin: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4 {
    margin: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4-dive > * {
    margin: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4\.5 {
    margin: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-4\.5-dive > * {
    margin: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5 {
    margin: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5-dive > * {
    margin: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5\.5 {
    margin: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-5\.5-dive > * {
    margin: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-6 {
    margin: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-6-dive > * {
    margin: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-0 {
    margin: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mt {
    margin-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt {
    margin-top: -16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mt-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mt-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mr {
    margin-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr {
    margin-right: -16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mr-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mr-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mb {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb {
    margin-bottom: -16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mb-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mb-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:ml {
    margin-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml {
    margin-left: -16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-ml-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:ml-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:m-dive > * {
    margin: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:my {
    margin-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2 {
    margin-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2-dive > * {
    margin-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5 {
    margin-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5-dive > * {
    margin-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5 {
    margin-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5-dive > * {
    margin-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5 {
    margin-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5-dive > * {
    margin-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5 {
    margin-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5-dive > * {
    margin-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2 {
    margin-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2-dive > * {
    margin-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5 {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5-dive > * {
    margin-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3 {
    margin-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3-dive > * {
    margin-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5 {
    margin-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5-dive > * {
    margin-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4 {
    margin-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4-dive > * {
    margin-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5 {
    margin-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5-dive > * {
    margin-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5 {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5-dive > * {
    margin-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5 {
    margin-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5-dive > * {
    margin-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6 {
    margin-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6-dive > * {
    margin-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0 {
    margin-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:my-dive > * {
    margin-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:my {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2 {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-2-dive > * {
    margin-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5 {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-1\.5-dive > * {
    margin-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5 {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-my-0\.5-dive > * {
    margin-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5 {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0\.5-dive > * {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5 {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-1\.5-dive > * {
    margin-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2 {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2-dive > * {
    margin-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5 {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-2\.5-dive > * {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3 {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3-dive > * {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5 {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-3\.5-dive > * {
    margin-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4 {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4-dive > * {
    margin-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5 {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-4\.5-dive > * {
    margin-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5 {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5-dive > * {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5 {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-5\.5-dive > * {
    margin-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6 {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-6-dive > * {
    margin-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:my-0 {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:my-dive > * {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx {
    margin-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2 {
    margin-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2-dive > * {
    margin-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5 {
    margin-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5-dive > * {
    margin-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5 {
    margin-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5-dive > * {
    margin-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5 {
    margin-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5-dive > * {
    margin-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5 {
    margin-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5-dive > * {
    margin-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2 {
    margin-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2-dive > * {
    margin-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5 {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5-dive > * {
    margin-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3 {
    margin-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3-dive > * {
    margin-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5 {
    margin-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5-dive > * {
    margin-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4 {
    margin-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4-dive > * {
    margin-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5 {
    margin-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5-dive > * {
    margin-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5 {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5-dive > * {
    margin-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5 {
    margin-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5-dive > * {
    margin-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6 {
    margin-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6-dive > * {
    margin-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0 {
    margin-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-dive > * {
    margin-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx {
    margin-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2 {
    margin-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-2-dive > * {
    margin-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5 {
    margin-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-1\.5-dive > * {
    margin-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5 {
    margin-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-mx-0\.5-dive > * {
    margin-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5 {
    margin-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0\.5-dive > * {
    margin-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5 {
    margin-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-1\.5-dive > * {
    margin-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2 {
    margin-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2-dive > * {
    margin-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5 {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-2\.5-dive > * {
    margin-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3 {
    margin-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3-dive > * {
    margin-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5 {
    margin-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-3\.5-dive > * {
    margin-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4 {
    margin-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4-dive > * {
    margin-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5 {
    margin-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-4\.5-dive > * {
    margin-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5 {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5-dive > * {
    margin-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5 {
    margin-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-5\.5-dive > * {
    margin-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6 {
    margin-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-6-dive > * {
    margin-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-0 {
    margin-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:mx-dive > * {
    margin-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:p {
    padding: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-2 {
    padding: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-2-dive > * {
    padding: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-1\.5 {
    padding: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-1\.5-dive > * {
    padding: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-0\.5 {
    padding: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-p-0\.5-dive > * {
    padding: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-0\.5 {
    padding: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-0\.5-dive > * {
    padding: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-1\.5 {
    padding: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-1\.5-dive > * {
    padding: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2 {
    padding: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2-dive > * {
    padding: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2\.5 {
    padding: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-2\.5-dive > * {
    padding: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3 {
    padding: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3-dive > * {
    padding: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3\.5 {
    padding: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-3\.5-dive > * {
    padding: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4 {
    padding: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4-dive > * {
    padding: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4\.5 {
    padding: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-4\.5-dive > * {
    padding: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5 {
    padding: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5-dive > * {
    padding: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5\.5 {
    padding: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-5\.5-dive > * {
    padding: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-6 {
    padding: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-6-dive > * {
    padding: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-0 {
    padding: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pt {
    padding-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pt-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pt-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pr {
    padding-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pr-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pr-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pb {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pb-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pb-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:pl {
    padding-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-pl-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:pl-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:p-dive > * {
    padding: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:py {
    padding-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2 {
    padding-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2-dive > * {
    padding-top: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5 {
    padding-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5-dive > * {
    padding-top: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5 {
    padding-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5-dive > * {
    padding-top: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5 {
    padding-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5-dive > * {
    padding-top: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5 {
    padding-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5-dive > * {
    padding-top: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2 {
    padding-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2-dive > * {
    padding-top: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5 {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5-dive > * {
    padding-top: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3 {
    padding-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3-dive > * {
    padding-top: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5 {
    padding-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5-dive > * {
    padding-top: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4 {
    padding-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4-dive > * {
    padding-top: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5 {
    padding-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5-dive > * {
    padding-top: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5 {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5-dive > * {
    padding-top: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5 {
    padding-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5-dive > * {
    padding-top: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6 {
    padding-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6-dive > * {
    padding-top: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0 {
    padding-top: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:py-dive > * {
    padding-top: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:py {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2 {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-2-dive > * {
    padding-bottom: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5 {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-1\.5-dive > * {
    padding-bottom: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5 {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-py-0\.5-dive > * {
    padding-bottom: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5 {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0\.5-dive > * {
    padding-bottom: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5 {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-1\.5-dive > * {
    padding-bottom: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2 {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2-dive > * {
    padding-bottom: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5 {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-2\.5-dive > * {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3 {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3-dive > * {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5 {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-3\.5-dive > * {
    padding-bottom: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4 {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4-dive > * {
    padding-bottom: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5 {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-4\.5-dive > * {
    padding-bottom: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5 {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5-dive > * {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5 {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-5\.5-dive > * {
    padding-bottom: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6 {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-6-dive > * {
    padding-bottom: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:py-0 {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:py-dive > * {
    padding-bottom: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:px {
    padding-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2 {
    padding-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2-dive > * {
    padding-left: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5 {
    padding-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5-dive > * {
    padding-left: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5 {
    padding-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5-dive > * {
    padding-left: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5 {
    padding-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5-dive > * {
    padding-left: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5 {
    padding-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5-dive > * {
    padding-left: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2 {
    padding-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2-dive > * {
    padding-left: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5 {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5-dive > * {
    padding-left: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3 {
    padding-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3-dive > * {
    padding-left: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5 {
    padding-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5-dive > * {
    padding-left: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4 {
    padding-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4-dive > * {
    padding-left: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5 {
    padding-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5-dive > * {
    padding-left: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5 {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5-dive > * {
    padding-left: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5 {
    padding-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5-dive > * {
    padding-left: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6 {
    padding-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6-dive > * {
    padding-left: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0 {
    padding-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:px-dive > * {
    padding-left: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:px {
    padding-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2 {
    padding-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-2-dive > * {
    padding-right: -32px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5 {
    padding-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-1\.5-dive > * {
    padding-right: -24px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5 {
    padding-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:-px-0\.5-dive > * {
    padding-right: -8px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5 {
    padding-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0\.5-dive > * {
    padding-right: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5 {
    padding-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-1\.5-dive > * {
    padding-right: 24px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2 {
    padding-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2-dive > * {
    padding-right: 32px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5 {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-2\.5-dive > * {
    padding-right: 40px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3 {
    padding-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3-dive > * {
    padding-right: 48px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5 {
    padding-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-3\.5-dive > * {
    padding-right: 56px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4 {
    padding-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4-dive > * {
    padding-right: 64px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5 {
    padding-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-4\.5-dive > * {
    padding-right: 72px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5 {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5-dive > * {
    padding-right: 80px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5 {
    padding-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-5\.5-dive > * {
    padding-right: 88px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6 {
    padding-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-6-dive > * {
    padding-right: 96px !important;
  }
}

@media (max-width: 479px) {
  .base\:px-0 {
    padding-right: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:px-dive > * {
    padding-right: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius {
    border-radius: 4px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-2 {
    border-radius: 8px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-3 {
    border-radius: 12px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-4 {
    border-radius: 16px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-5 {
    border-radius: 20px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-radius-0 {
    border-radius: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-round {
    border-radius: 50% !important;
  }
}

@media (max-width: 479px) {
  .base\:border {
    border-width: 1px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-2 {
    border-width: 2px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-3 {
    border-width: 3px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-4 {
    border-width: 4px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-5 {
    border-width: 5px !important;
  }
}

@media (max-width: 479px) {
  .base\:border-0 {
    border-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-none {
    border: none !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-solid {
    border-top-style: solid !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t {
    border-top-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-2 {
    border-top-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-3 {
    border-top-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-4 {
    border-top-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-5 {
    border-top-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-t-0 {
    border-top-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b {
    border-bottom-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-2 {
    border-bottom-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-3 {
    border-bottom-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-4 {
    border-bottom-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-5 {
    border-bottom-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-b-0 {
    border-bottom-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l {
    border-left-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-2 {
    border-left-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-3 {
    border-left-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-4 {
    border-left-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-5 {
    border-left-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-l-0 {
    border-left-width: 0 !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r {
    border-right-width: 0.1rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-2 {
    border-right-width: 0.2rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-3 {
    border-right-width: 0.3rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-4 {
    border-right-width: 0.4rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-5 {
    border-right-width: 0.5rem !important;
  }
}

@media (max-width: 479px) {
  .base\:border-r-0 {
    border-right-width: 0 !important;
  }
}

.button--clear, .button {
  border: none;
  background-color: transparent;
  padding: 0;
  outline: none;
  cursor: pointer;
}

.button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 12px 32px;
  background-color: #191919;
  color: white;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.button:hover, .button:active, .button:focus {
  background-color: rgb(12.25, 12.25, 12.25);
}
.button.active {
  background-color: black;
}

.button--0 {
  background-color: white;
}
.button--0:hover, .button--0:active, .button--0:focus {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button--0.active {
  background-color: rgb(229.5, 229.5, 229.5);
}

.button--1 {
  background-color: #191919;
}
.button--1:hover, .button--1:active, .button--1:focus {
  background-color: rgb(12.25, 12.25, 12.25);
}
.button--1.active {
  background-color: black;
}

.button--2 {
  background-color: #00878b;
}
.button--2:hover, .button--2:active, .button--2:focus {
  background-color: rgb(0, 110.2338129496, 113.5);
}
.button--2.active {
  background-color: rgb(0, 85.4676258993, 88);
}

.button--3 {
  background-color: #592b8a;
}
.button--3:hover, .button--3:active, .button--3:focus {
  background-color: rgb(76.4613259669, 36.9419889503, 118.5580110497);
}
.button--3.active {
  background-color: rgb(63.9226519337, 30.8839779006, 99.1160220994);
}

.button--4 {
  background-color: #38abab;
}
.button--4:hover, .button--4:active, .button--4:focus {
  background-color: rgb(49.7092511013, 151.7907488987, 151.7907488987);
}
.button--4.active {
  background-color: rgb(43.4185022026, 132.5814977974, 132.5814977974);
}

.button--5 {
  background-color: #774bbc;
}
.button--5:hover, .button--5:active, .button--5:focus {
  background-color: rgb(106.7307692308, 64.4230769231, 173.0769230769);
}
.button--5.active {
  background-color: rgb(95.2712550607, 57.5060728745, 154.4939271255);
}

.button--6 {
  background-color: #c8b3e8;
}
.button--6:hover, .button--6:active, .button--6:focus {
  background-color: rgb(185.8333333333, 159.4242424242, 226.0757575758);
}
.button--6.active {
  background-color: rgb(171.6666666667, 139.8484848485, 220.1515151515);
}

.button--7 {
  background-color: #b0e4e7;
}
.button--7:hover, .button--7:active, .button--7:focus {
  background-color: rgb(156.4417475728, 221.3155339806, 225.0582524272);
}
.button--7.active {
  background-color: rgb(136.8834951456, 214.6310679612, 219.1165048544);
}

.button--8 {
  background-color: #ffffff;
}
.button--8:hover, .button--8:active, .button--8:focus {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button--8.active {
  background-color: rgb(229.5, 229.5, 229.5);
}

.button--9 {
  background-color: #f3f3f3;
}
.button--9:hover, .button--9:active, .button--9:focus {
  background-color: rgb(230.25, 230.25, 230.25);
}
.button--9.active {
  background-color: rgb(217.5, 217.5, 217.5);
}

.button--10 {
  background-color: #e6e0ef;
}
.button--10:hover, .button--10:active, .button--10:focus {
  background-color: rgb(216.4361702128, 207.1808510638, 230.3191489362);
}
.button--10.active {
  background-color: rgb(202.8723404255, 190.3617021277, 221.6382978723);
}

.button--11 {
  background-color: #C3E5E5;
}
.button--11:hover, .button--11:active, .button--11:focus {
  background-color: rgb(177.2093023256, 221.2906976744, 221.2906976744);
}
.button--11.active {
  background-color: rgb(159.4186046512, 213.5813953488, 213.5813953488);
}

.button--12 {
  background-color: #e5f2f3;
}
.button--12:hover, .button--12:active, .button--12:focus {
  background-color: rgb(211.5526315789, 233.2763157895, 234.9473684211);
}
.button--12.active {
  background-color: rgb(194.1052631579, 224.5526315789, 226.8947368421);
}

.button--13 {
  background-color: #414042;
}
.button--13:hover, .button--13:active, .button--13:focus {
  background-color: rgb(52.25, 51.4461538462, 53.0538461538);
}
.button--13.active {
  background-color: rgb(39.5, 38.8923076923, 40.1076923077);
}

.button--14 {
  background-color: #c8edec;
}
.button--14:hover, .button--14:active, .button--14:focus {
  background-color: rgb(180.7876712329, 230.7123287671, 229.3630136986);
}
.button--14.active {
  background-color: rgb(161.5753424658, 224.4246575342, 222.7260273973);
}

.button--15 {
  background-color: #9bd0db;
}
.button--15:hover, .button--15:active, .button--15:focus {
  background-color: rgb(136.25, 199.1875, 212.25);
}
.button--15.active {
  background-color: rgb(117.5, 190.375, 205.5);
}

.button--16 {
  background-color: #ede9f3;
}
.button--16:hover, .button--16:active, .button--16:focus {
  background-color: rgb(223.5, 216.5, 234);
}
.button--16.active {
  background-color: #d2c8e1;
}

.button--17 {
  background-color: #edfafa;
}
.button--17:hover, .button--17:active, .button--17:focus {
  background-color: rgb(217.0434782609, 244.4565217391, 244.4565217391);
}
.button--17.active {
  background-color: rgb(197.0869565217, 238.9130434783, 238.9130434783);
}

.button--18 {
  background-color: #dc1313;
}
.button--18:hover, .button--18:active, .button--18:focus {
  background-color: rgb(196.5271966527, 16.9728033473, 16.9728033473);
}
.button--18.active {
  background-color: rgb(173.0543933054, 14.9456066946, 14.9456066946);
}

.button--19 {
  background-color: #00BBBA;
}
.button--19:hover, .button--19:active, .button--19:focus {
  background-color: rgb(0, 161.5, 160.6363636364);
}
.button--19.active {
  background-color: rgb(0, 136, 135.2727272727);
}

.button--20 {
  background-color: #CCF2F1;
}
.button--20:hover, .button--20:active, .button--20:focus {
  background-color: rgb(183.6796875, 236.8203125, 235.421875);
}
.button--20.active {
  background-color: rgb(163.359375, 231.640625, 229.84375);
}

.button--21 {
  background-color: #B9D6DC;
}
.button--21:hover, .button--21:active, .button--21:focus {
  background-color: rgb(168, 204.0428571429, 211.5);
}
.button--21.active {
  background-color: rgb(151, 194.0857142857, 203);
}

.button--22 {
  background-color: #563091;
}
.button--22:hover, .button--22:active, .button--22:focus {
  background-color: rgb(74.6373056995, 41.6580310881, 125.8419689119);
}
.button--22.active {
  background-color: rgb(63.274611399, 35.3160621762, 106.6839378238);
}

.button--23 {
  background-color: #c3b4d8;
}
.button--23:hover, .button--23:active, .button--23:focus {
  background-color: rgb(181.5789473684, 163.2236842105, 207.2763157895);
}
.button--23.active {
  background-color: rgb(168.1578947368, 146.4473684211, 198.5526315789);
}

.button--24 {
  background-color: #E6F8F8;
}
.button--24:hover, .button--24:active, .button--24:focus {
  background-color: rgb(210.078125, 242.421875, 242.421875);
}
.button--24.active {
  background-color: rgb(190.15625, 236.84375, 236.84375);
}

.button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

@charset "UTF-8";
/* BREAKPOINTS */
.w-full {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-full {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-full {
    width: 100% !important;
  }
}

.max-w-full {
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:max-w-full {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:max-w-full {
    max-width: 100% !important;
  }
}

.h-auto {
  height: auto;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-auto {
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-auto {
    height: auto !important;
  }
}

.h-0 {
  height: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-0 {
    height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-0 {
    height: 0px !important;
  }
}

.h-min-0 {
  min-height: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-0 {
    min-height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-0 {
    min-height: 0px !important;
  }
}

.h-max-0 {
  max-height: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-0 {
    max-height: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-0 {
    max-height: 0px !important;
  }
}

.w-0 {
  width: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-0 {
    width: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-0 {
    width: 0px !important;
  }
}

.w-min-0 {
  min-width: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-0 {
    min-width: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-0 {
    min-width: 0px !important;
  }
}

.w-max-0 {
  max-width: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-0 {
    max-width: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-0 {
    max-width: 0px !important;
  }
}

.h-1 {
  height: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-1 {
    height: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-1 {
    height: 1px !important;
  }
}

.h-min-1 {
  min-height: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-1 {
    min-height: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-1 {
    min-height: 1px !important;
  }
}

.h-max-1 {
  max-height: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-1 {
    max-height: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-1 {
    max-height: 1px !important;
  }
}

.w-1 {
  width: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-1 {
    width: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-1 {
    width: 1px !important;
  }
}

.w-min-1 {
  min-width: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-1 {
    min-width: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-1 {
    min-width: 1px !important;
  }
}

.w-max-1 {
  max-width: 1px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-1 {
    max-width: 1px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-1 {
    max-width: 1px !important;
  }
}

.h-2 {
  height: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-2 {
    height: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-2 {
    height: 2px !important;
  }
}

.h-min-2 {
  min-height: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-2 {
    min-height: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-2 {
    min-height: 2px !important;
  }
}

.h-max-2 {
  max-height: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-2 {
    max-height: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-2 {
    max-height: 2px !important;
  }
}

.w-2 {
  width: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-2 {
    width: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-2 {
    width: 2px !important;
  }
}

.w-min-2 {
  min-width: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-2 {
    min-width: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-2 {
    min-width: 2px !important;
  }
}

.w-max-2 {
  max-width: 2px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-2 {
    max-width: 2px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-2 {
    max-width: 2px !important;
  }
}

.h-3 {
  height: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-3 {
    height: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-3 {
    height: 3px !important;
  }
}

.h-min-3 {
  min-height: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-3 {
    min-height: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-3 {
    min-height: 3px !important;
  }
}

.h-max-3 {
  max-height: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-3 {
    max-height: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-3 {
    max-height: 3px !important;
  }
}

.w-3 {
  width: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-3 {
    width: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-3 {
    width: 3px !important;
  }
}

.w-min-3 {
  min-width: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-3 {
    min-width: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-3 {
    min-width: 3px !important;
  }
}

.w-max-3 {
  max-width: 3px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-3 {
    max-width: 3px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-3 {
    max-width: 3px !important;
  }
}

.h-4 {
  height: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-4 {
    height: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-4 {
    height: 4px !important;
  }
}

.h-min-4 {
  min-height: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-4 {
    min-height: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-4 {
    min-height: 4px !important;
  }
}

.h-max-4 {
  max-height: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-4 {
    max-height: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-4 {
    max-height: 4px !important;
  }
}

.w-4 {
  width: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-4 {
    width: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-4 {
    width: 4px !important;
  }
}

.w-min-4 {
  min-width: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-4 {
    min-width: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-4 {
    min-width: 4px !important;
  }
}

.w-max-4 {
  max-width: 4px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-4 {
    max-width: 4px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-4 {
    max-width: 4px !important;
  }
}

.h-5 {
  height: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-5 {
    height: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-5 {
    height: 5px !important;
  }
}

.h-min-5 {
  min-height: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-5 {
    min-height: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-5 {
    min-height: 5px !important;
  }
}

.h-max-5 {
  max-height: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-5 {
    max-height: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-5 {
    max-height: 5px !important;
  }
}

.w-5 {
  width: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-5 {
    width: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-5 {
    width: 5px !important;
  }
}

.w-min-5 {
  min-width: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-5 {
    min-width: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-5 {
    min-width: 5px !important;
  }
}

.w-max-5 {
  max-width: 5px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-5 {
    max-width: 5px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-5 {
    max-width: 5px !important;
  }
}

.h-6 {
  height: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-6 {
    height: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-6 {
    height: 6px !important;
  }
}

.h-min-6 {
  min-height: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-6 {
    min-height: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-6 {
    min-height: 6px !important;
  }
}

.h-max-6 {
  max-height: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-6 {
    max-height: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-6 {
    max-height: 6px !important;
  }
}

.w-6 {
  width: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-6 {
    width: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-6 {
    width: 6px !important;
  }
}

.w-min-6 {
  min-width: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-6 {
    min-width: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-6 {
    min-width: 6px !important;
  }
}

.w-max-6 {
  max-width: 6px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-6 {
    max-width: 6px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-6 {
    max-width: 6px !important;
  }
}

.h-7 {
  height: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-7 {
    height: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-7 {
    height: 7px !important;
  }
}

.h-min-7 {
  min-height: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-7 {
    min-height: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-7 {
    min-height: 7px !important;
  }
}

.h-max-7 {
  max-height: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-7 {
    max-height: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-7 {
    max-height: 7px !important;
  }
}

.w-7 {
  width: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-7 {
    width: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-7 {
    width: 7px !important;
  }
}

.w-min-7 {
  min-width: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-7 {
    min-width: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-7 {
    min-width: 7px !important;
  }
}

.w-max-7 {
  max-width: 7px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-7 {
    max-width: 7px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-7 {
    max-width: 7px !important;
  }
}

.h-8 {
  height: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-8 {
    height: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-8 {
    height: 8px !important;
  }
}

.h-min-8 {
  min-height: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-8 {
    min-height: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-8 {
    min-height: 8px !important;
  }
}

.h-max-8 {
  max-height: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-8 {
    max-height: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-8 {
    max-height: 8px !important;
  }
}

.w-8 {
  width: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-8 {
    width: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-8 {
    width: 8px !important;
  }
}

.w-min-8 {
  min-width: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-8 {
    min-width: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-8 {
    min-width: 8px !important;
  }
}

.w-max-8 {
  max-width: 8px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-8 {
    max-width: 8px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-8 {
    max-width: 8px !important;
  }
}

.h-9 {
  height: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-9 {
    height: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-9 {
    height: 9px !important;
  }
}

.h-min-9 {
  min-height: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-9 {
    min-height: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-9 {
    min-height: 9px !important;
  }
}

.h-max-9 {
  max-height: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-9 {
    max-height: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-9 {
    max-height: 9px !important;
  }
}

.w-9 {
  width: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-9 {
    width: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-9 {
    width: 9px !important;
  }
}

.w-min-9 {
  min-width: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-9 {
    min-width: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-9 {
    min-width: 9px !important;
  }
}

.w-max-9 {
  max-width: 9px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-9 {
    max-width: 9px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-9 {
    max-width: 9px !important;
  }
}

.h-10 {
  height: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-10 {
    height: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-10 {
    height: 10px !important;
  }
}

.h-min-10 {
  min-height: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-10 {
    min-height: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-10 {
    min-height: 10px !important;
  }
}

.h-max-10 {
  max-height: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-10 {
    max-height: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-10 {
    max-height: 10px !important;
  }
}

.w-10 {
  width: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-10 {
    width: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-10 {
    width: 10px !important;
  }
}

.w-min-10 {
  min-width: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-10 {
    min-width: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-10 {
    min-width: 10px !important;
  }
}

.w-max-10 {
  max-width: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-10 {
    max-width: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-10 {
    max-width: 10px !important;
  }
}

.h-11 {
  height: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-11 {
    height: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-11 {
    height: 11px !important;
  }
}

.h-min-11 {
  min-height: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-11 {
    min-height: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-11 {
    min-height: 11px !important;
  }
}

.h-max-11 {
  max-height: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-11 {
    max-height: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-11 {
    max-height: 11px !important;
  }
}

.w-11 {
  width: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-11 {
    width: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-11 {
    width: 11px !important;
  }
}

.w-min-11 {
  min-width: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-11 {
    min-width: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-11 {
    min-width: 11px !important;
  }
}

.w-max-11 {
  max-width: 11px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-11 {
    max-width: 11px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-11 {
    max-width: 11px !important;
  }
}

.h-12 {
  height: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-12 {
    height: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-12 {
    height: 12px !important;
  }
}

.h-min-12 {
  min-height: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-12 {
    min-height: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-12 {
    min-height: 12px !important;
  }
}

.h-max-12 {
  max-height: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-12 {
    max-height: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-12 {
    max-height: 12px !important;
  }
}

.w-12 {
  width: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-12 {
    width: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-12 {
    width: 12px !important;
  }
}

.w-min-12 {
  min-width: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-12 {
    min-width: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-12 {
    min-width: 12px !important;
  }
}

.w-max-12 {
  max-width: 12px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-12 {
    max-width: 12px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-12 {
    max-width: 12px !important;
  }
}

.h-13 {
  height: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-13 {
    height: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-13 {
    height: 13px !important;
  }
}

.h-min-13 {
  min-height: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-13 {
    min-height: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-13 {
    min-height: 13px !important;
  }
}

.h-max-13 {
  max-height: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-13 {
    max-height: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-13 {
    max-height: 13px !important;
  }
}

.w-13 {
  width: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-13 {
    width: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-13 {
    width: 13px !important;
  }
}

.w-min-13 {
  min-width: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-13 {
    min-width: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-13 {
    min-width: 13px !important;
  }
}

.w-max-13 {
  max-width: 13px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-13 {
    max-width: 13px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-13 {
    max-width: 13px !important;
  }
}

.h-14 {
  height: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-14 {
    height: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-14 {
    height: 14px !important;
  }
}

.h-min-14 {
  min-height: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-14 {
    min-height: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-14 {
    min-height: 14px !important;
  }
}

.h-max-14 {
  max-height: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-14 {
    max-height: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-14 {
    max-height: 14px !important;
  }
}

.w-14 {
  width: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-14 {
    width: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-14 {
    width: 14px !important;
  }
}

.w-min-14 {
  min-width: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-14 {
    min-width: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-14 {
    min-width: 14px !important;
  }
}

.w-max-14 {
  max-width: 14px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-14 {
    max-width: 14px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-14 {
    max-width: 14px !important;
  }
}

.h-15 {
  height: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-15 {
    height: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-15 {
    height: 15px !important;
  }
}

.h-min-15 {
  min-height: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-15 {
    min-height: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-15 {
    min-height: 15px !important;
  }
}

.h-max-15 {
  max-height: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-15 {
    max-height: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-15 {
    max-height: 15px !important;
  }
}

.w-15 {
  width: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-15 {
    width: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-15 {
    width: 15px !important;
  }
}

.w-min-15 {
  min-width: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-15 {
    min-width: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-15 {
    min-width: 15px !important;
  }
}

.w-max-15 {
  max-width: 15px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-15 {
    max-width: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-15 {
    max-width: 15px !important;
  }
}

.h-16 {
  height: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-16 {
    height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-16 {
    height: 16px !important;
  }
}

.h-min-16 {
  min-height: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-16 {
    min-height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-16 {
    min-height: 16px !important;
  }
}

.h-max-16 {
  max-height: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-16 {
    max-height: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-16 {
    max-height: 16px !important;
  }
}

.w-16 {
  width: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-16 {
    width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-16 {
    width: 16px !important;
  }
}

.w-min-16 {
  min-width: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-16 {
    min-width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-16 {
    min-width: 16px !important;
  }
}

.w-max-16 {
  max-width: 16px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-16 {
    max-width: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-16 {
    max-width: 16px !important;
  }
}

.h-17 {
  height: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-17 {
    height: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-17 {
    height: 17px !important;
  }
}

.h-min-17 {
  min-height: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-17 {
    min-height: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-17 {
    min-height: 17px !important;
  }
}

.h-max-17 {
  max-height: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-17 {
    max-height: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-17 {
    max-height: 17px !important;
  }
}

.w-17 {
  width: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-17 {
    width: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-17 {
    width: 17px !important;
  }
}

.w-min-17 {
  min-width: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-17 {
    min-width: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-17 {
    min-width: 17px !important;
  }
}

.w-max-17 {
  max-width: 17px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-17 {
    max-width: 17px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-17 {
    max-width: 17px !important;
  }
}

.h-18 {
  height: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-18 {
    height: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-18 {
    height: 18px !important;
  }
}

.h-min-18 {
  min-height: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-18 {
    min-height: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-18 {
    min-height: 18px !important;
  }
}

.h-max-18 {
  max-height: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-18 {
    max-height: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-18 {
    max-height: 18px !important;
  }
}

.w-18 {
  width: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-18 {
    width: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-18 {
    width: 18px !important;
  }
}

.w-min-18 {
  min-width: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-18 {
    min-width: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-18 {
    min-width: 18px !important;
  }
}

.w-max-18 {
  max-width: 18px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-18 {
    max-width: 18px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-18 {
    max-width: 18px !important;
  }
}

.h-19 {
  height: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-19 {
    height: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-19 {
    height: 19px !important;
  }
}

.h-min-19 {
  min-height: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-19 {
    min-height: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-19 {
    min-height: 19px !important;
  }
}

.h-max-19 {
  max-height: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-19 {
    max-height: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-19 {
    max-height: 19px !important;
  }
}

.w-19 {
  width: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-19 {
    width: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-19 {
    width: 19px !important;
  }
}

.w-min-19 {
  min-width: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-19 {
    min-width: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-19 {
    min-width: 19px !important;
  }
}

.w-max-19 {
  max-width: 19px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-19 {
    max-width: 19px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-19 {
    max-width: 19px !important;
  }
}

.h-20 {
  height: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-20 {
    height: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-20 {
    height: 20px !important;
  }
}

.h-min-20 {
  min-height: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-20 {
    min-height: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-20 {
    min-height: 20px !important;
  }
}

.h-max-20 {
  max-height: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-20 {
    max-height: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-20 {
    max-height: 20px !important;
  }
}

.w-20 {
  width: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-20 {
    width: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-20 {
    width: 20px !important;
  }
}

.w-min-20 {
  min-width: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-20 {
    min-width: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-20 {
    min-width: 20px !important;
  }
}

.w-max-20 {
  max-width: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-20 {
    max-width: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-20 {
    max-width: 20px !important;
  }
}

.h-21 {
  height: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-21 {
    height: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-21 {
    height: 21px !important;
  }
}

.h-min-21 {
  min-height: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-21 {
    min-height: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-21 {
    min-height: 21px !important;
  }
}

.h-max-21 {
  max-height: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-21 {
    max-height: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-21 {
    max-height: 21px !important;
  }
}

.w-21 {
  width: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-21 {
    width: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-21 {
    width: 21px !important;
  }
}

.w-min-21 {
  min-width: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-21 {
    min-width: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-21 {
    min-width: 21px !important;
  }
}

.w-max-21 {
  max-width: 21px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-21 {
    max-width: 21px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-21 {
    max-width: 21px !important;
  }
}

.h-22 {
  height: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-22 {
    height: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-22 {
    height: 22px !important;
  }
}

.h-min-22 {
  min-height: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-22 {
    min-height: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-22 {
    min-height: 22px !important;
  }
}

.h-max-22 {
  max-height: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-22 {
    max-height: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-22 {
    max-height: 22px !important;
  }
}

.w-22 {
  width: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-22 {
    width: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-22 {
    width: 22px !important;
  }
}

.w-min-22 {
  min-width: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-22 {
    min-width: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-22 {
    min-width: 22px !important;
  }
}

.w-max-22 {
  max-width: 22px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-22 {
    max-width: 22px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-22 {
    max-width: 22px !important;
  }
}

.h-23 {
  height: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-23 {
    height: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-23 {
    height: 23px !important;
  }
}

.h-min-23 {
  min-height: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-23 {
    min-height: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-23 {
    min-height: 23px !important;
  }
}

.h-max-23 {
  max-height: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-23 {
    max-height: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-23 {
    max-height: 23px !important;
  }
}

.w-23 {
  width: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-23 {
    width: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-23 {
    width: 23px !important;
  }
}

.w-min-23 {
  min-width: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-23 {
    min-width: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-23 {
    min-width: 23px !important;
  }
}

.w-max-23 {
  max-width: 23px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-23 {
    max-width: 23px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-23 {
    max-width: 23px !important;
  }
}

.h-24 {
  height: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-24 {
    height: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-24 {
    height: 24px !important;
  }
}

.h-min-24 {
  min-height: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-24 {
    min-height: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-24 {
    min-height: 24px !important;
  }
}

.h-max-24 {
  max-height: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-24 {
    max-height: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-24 {
    max-height: 24px !important;
  }
}

.w-24 {
  width: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-24 {
    width: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-24 {
    width: 24px !important;
  }
}

.w-min-24 {
  min-width: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-24 {
    min-width: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-24 {
    min-width: 24px !important;
  }
}

.w-max-24 {
  max-width: 24px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-24 {
    max-width: 24px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-24 {
    max-width: 24px !important;
  }
}

.h-25 {
  height: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-25 {
    height: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-25 {
    height: 25px !important;
  }
}

.h-min-25 {
  min-height: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-25 {
    min-height: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-25 {
    min-height: 25px !important;
  }
}

.h-max-25 {
  max-height: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-25 {
    max-height: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-25 {
    max-height: 25px !important;
  }
}

.w-25 {
  width: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-25 {
    width: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-25 {
    width: 25px !important;
  }
}

.w-min-25 {
  min-width: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-25 {
    min-width: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-25 {
    min-width: 25px !important;
  }
}

.w-max-25 {
  max-width: 25px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-25 {
    max-width: 25px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-25 {
    max-width: 25px !important;
  }
}

.h-26 {
  height: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-26 {
    height: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-26 {
    height: 26px !important;
  }
}

.h-min-26 {
  min-height: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-26 {
    min-height: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-26 {
    min-height: 26px !important;
  }
}

.h-max-26 {
  max-height: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-26 {
    max-height: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-26 {
    max-height: 26px !important;
  }
}

.w-26 {
  width: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-26 {
    width: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-26 {
    width: 26px !important;
  }
}

.w-min-26 {
  min-width: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-26 {
    min-width: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-26 {
    min-width: 26px !important;
  }
}

.w-max-26 {
  max-width: 26px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-26 {
    max-width: 26px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-26 {
    max-width: 26px !important;
  }
}

.h-27 {
  height: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-27 {
    height: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-27 {
    height: 27px !important;
  }
}

.h-min-27 {
  min-height: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-27 {
    min-height: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-27 {
    min-height: 27px !important;
  }
}

.h-max-27 {
  max-height: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-27 {
    max-height: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-27 {
    max-height: 27px !important;
  }
}

.w-27 {
  width: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-27 {
    width: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-27 {
    width: 27px !important;
  }
}

.w-min-27 {
  min-width: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-27 {
    min-width: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-27 {
    min-width: 27px !important;
  }
}

.w-max-27 {
  max-width: 27px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-27 {
    max-width: 27px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-27 {
    max-width: 27px !important;
  }
}

.h-28 {
  height: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-28 {
    height: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-28 {
    height: 28px !important;
  }
}

.h-min-28 {
  min-height: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-28 {
    min-height: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-28 {
    min-height: 28px !important;
  }
}

.h-max-28 {
  max-height: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-28 {
    max-height: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-28 {
    max-height: 28px !important;
  }
}

.w-28 {
  width: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-28 {
    width: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-28 {
    width: 28px !important;
  }
}

.w-min-28 {
  min-width: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-28 {
    min-width: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-28 {
    min-width: 28px !important;
  }
}

.w-max-28 {
  max-width: 28px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-28 {
    max-width: 28px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-28 {
    max-width: 28px !important;
  }
}

.h-29 {
  height: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-29 {
    height: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-29 {
    height: 29px !important;
  }
}

.h-min-29 {
  min-height: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-29 {
    min-height: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-29 {
    min-height: 29px !important;
  }
}

.h-max-29 {
  max-height: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-29 {
    max-height: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-29 {
    max-height: 29px !important;
  }
}

.w-29 {
  width: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-29 {
    width: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-29 {
    width: 29px !important;
  }
}

.w-min-29 {
  min-width: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-29 {
    min-width: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-29 {
    min-width: 29px !important;
  }
}

.w-max-29 {
  max-width: 29px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-29 {
    max-width: 29px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-29 {
    max-width: 29px !important;
  }
}

.h-30 {
  height: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-30 {
    height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-30 {
    height: 30px !important;
  }
}

.h-min-30 {
  min-height: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-30 {
    min-height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-30 {
    min-height: 30px !important;
  }
}

.h-max-30 {
  max-height: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-30 {
    max-height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-30 {
    max-height: 30px !important;
  }
}

.w-30 {
  width: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-30 {
    width: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-30 {
    width: 30px !important;
  }
}

.w-min-30 {
  min-width: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-30 {
    min-width: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-30 {
    min-width: 30px !important;
  }
}

.w-max-30 {
  max-width: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-30 {
    max-width: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-30 {
    max-width: 30px !important;
  }
}

.h-31 {
  height: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-31 {
    height: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-31 {
    height: 31px !important;
  }
}

.h-min-31 {
  min-height: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-31 {
    min-height: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-31 {
    min-height: 31px !important;
  }
}

.h-max-31 {
  max-height: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-31 {
    max-height: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-31 {
    max-height: 31px !important;
  }
}

.w-31 {
  width: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-31 {
    width: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-31 {
    width: 31px !important;
  }
}

.w-min-31 {
  min-width: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-31 {
    min-width: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-31 {
    min-width: 31px !important;
  }
}

.w-max-31 {
  max-width: 31px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-31 {
    max-width: 31px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-31 {
    max-width: 31px !important;
  }
}

.h-32 {
  height: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-32 {
    height: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-32 {
    height: 32px !important;
  }
}

.h-min-32 {
  min-height: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-32 {
    min-height: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-32 {
    min-height: 32px !important;
  }
}

.h-max-32 {
  max-height: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-32 {
    max-height: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-32 {
    max-height: 32px !important;
  }
}

.w-32 {
  width: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-32 {
    width: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-32 {
    width: 32px !important;
  }
}

.w-min-32 {
  min-width: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-32 {
    min-width: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-32 {
    min-width: 32px !important;
  }
}

.w-max-32 {
  max-width: 32px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-32 {
    max-width: 32px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-32 {
    max-width: 32px !important;
  }
}

.h-33 {
  height: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-33 {
    height: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-33 {
    height: 33px !important;
  }
}

.h-min-33 {
  min-height: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-33 {
    min-height: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-33 {
    min-height: 33px !important;
  }
}

.h-max-33 {
  max-height: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-33 {
    max-height: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-33 {
    max-height: 33px !important;
  }
}

.w-33 {
  width: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-33 {
    width: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-33 {
    width: 33px !important;
  }
}

.w-min-33 {
  min-width: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-33 {
    min-width: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-33 {
    min-width: 33px !important;
  }
}

.w-max-33 {
  max-width: 33px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-33 {
    max-width: 33px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-33 {
    max-width: 33px !important;
  }
}

.h-34 {
  height: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-34 {
    height: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-34 {
    height: 34px !important;
  }
}

.h-min-34 {
  min-height: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-34 {
    min-height: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-34 {
    min-height: 34px !important;
  }
}

.h-max-34 {
  max-height: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-34 {
    max-height: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-34 {
    max-height: 34px !important;
  }
}

.w-34 {
  width: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-34 {
    width: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-34 {
    width: 34px !important;
  }
}

.w-min-34 {
  min-width: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-34 {
    min-width: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-34 {
    min-width: 34px !important;
  }
}

.w-max-34 {
  max-width: 34px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-34 {
    max-width: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-34 {
    max-width: 34px !important;
  }
}

.h-35 {
  height: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-35 {
    height: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-35 {
    height: 35px !important;
  }
}

.h-min-35 {
  min-height: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-35 {
    min-height: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-35 {
    min-height: 35px !important;
  }
}

.h-max-35 {
  max-height: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-35 {
    max-height: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-35 {
    max-height: 35px !important;
  }
}

.w-35 {
  width: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-35 {
    width: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-35 {
    width: 35px !important;
  }
}

.w-min-35 {
  min-width: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-35 {
    min-width: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-35 {
    min-width: 35px !important;
  }
}

.w-max-35 {
  max-width: 35px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-35 {
    max-width: 35px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-35 {
    max-width: 35px !important;
  }
}

.h-36 {
  height: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-36 {
    height: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-36 {
    height: 36px !important;
  }
}

.h-min-36 {
  min-height: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-36 {
    min-height: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-36 {
    min-height: 36px !important;
  }
}

.h-max-36 {
  max-height: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-36 {
    max-height: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-36 {
    max-height: 36px !important;
  }
}

.w-36 {
  width: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-36 {
    width: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-36 {
    width: 36px !important;
  }
}

.w-min-36 {
  min-width: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-36 {
    min-width: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-36 {
    min-width: 36px !important;
  }
}

.w-max-36 {
  max-width: 36px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-36 {
    max-width: 36px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-36 {
    max-width: 36px !important;
  }
}

.h-37 {
  height: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-37 {
    height: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-37 {
    height: 37px !important;
  }
}

.h-min-37 {
  min-height: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-37 {
    min-height: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-37 {
    min-height: 37px !important;
  }
}

.h-max-37 {
  max-height: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-37 {
    max-height: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-37 {
    max-height: 37px !important;
  }
}

.w-37 {
  width: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-37 {
    width: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-37 {
    width: 37px !important;
  }
}

.w-min-37 {
  min-width: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-37 {
    min-width: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-37 {
    min-width: 37px !important;
  }
}

.w-max-37 {
  max-width: 37px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-37 {
    max-width: 37px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-37 {
    max-width: 37px !important;
  }
}

.h-38 {
  height: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-38 {
    height: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-38 {
    height: 38px !important;
  }
}

.h-min-38 {
  min-height: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-38 {
    min-height: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-38 {
    min-height: 38px !important;
  }
}

.h-max-38 {
  max-height: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-38 {
    max-height: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-38 {
    max-height: 38px !important;
  }
}

.w-38 {
  width: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-38 {
    width: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-38 {
    width: 38px !important;
  }
}

.w-min-38 {
  min-width: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-38 {
    min-width: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-38 {
    min-width: 38px !important;
  }
}

.w-max-38 {
  max-width: 38px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-38 {
    max-width: 38px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-38 {
    max-width: 38px !important;
  }
}

.h-39 {
  height: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-39 {
    height: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-39 {
    height: 39px !important;
  }
}

.h-min-39 {
  min-height: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-39 {
    min-height: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-39 {
    min-height: 39px !important;
  }
}

.h-max-39 {
  max-height: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-39 {
    max-height: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-39 {
    max-height: 39px !important;
  }
}

.w-39 {
  width: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-39 {
    width: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-39 {
    width: 39px !important;
  }
}

.w-min-39 {
  min-width: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-39 {
    min-width: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-39 {
    min-width: 39px !important;
  }
}

.w-max-39 {
  max-width: 39px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-39 {
    max-width: 39px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-39 {
    max-width: 39px !important;
  }
}

.h-40 {
  height: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-40 {
    height: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-40 {
    height: 40px !important;
  }
}

.h-min-40 {
  min-height: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-40 {
    min-height: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-40 {
    min-height: 40px !important;
  }
}

.h-max-40 {
  max-height: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-40 {
    max-height: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-40 {
    max-height: 40px !important;
  }
}

.w-40 {
  width: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-40 {
    width: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-40 {
    width: 40px !important;
  }
}

.w-min-40 {
  min-width: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-40 {
    min-width: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-40 {
    min-width: 40px !important;
  }
}

.w-max-40 {
  max-width: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-40 {
    max-width: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-40 {
    max-width: 40px !important;
  }
}

.h-41 {
  height: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-41 {
    height: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-41 {
    height: 41px !important;
  }
}

.h-min-41 {
  min-height: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-41 {
    min-height: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-41 {
    min-height: 41px !important;
  }
}

.h-max-41 {
  max-height: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-41 {
    max-height: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-41 {
    max-height: 41px !important;
  }
}

.w-41 {
  width: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-41 {
    width: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-41 {
    width: 41px !important;
  }
}

.w-min-41 {
  min-width: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-41 {
    min-width: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-41 {
    min-width: 41px !important;
  }
}

.w-max-41 {
  max-width: 41px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-41 {
    max-width: 41px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-41 {
    max-width: 41px !important;
  }
}

.h-42 {
  height: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-42 {
    height: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-42 {
    height: 42px !important;
  }
}

.h-min-42 {
  min-height: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-42 {
    min-height: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-42 {
    min-height: 42px !important;
  }
}

.h-max-42 {
  max-height: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-42 {
    max-height: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-42 {
    max-height: 42px !important;
  }
}

.w-42 {
  width: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-42 {
    width: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-42 {
    width: 42px !important;
  }
}

.w-min-42 {
  min-width: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-42 {
    min-width: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-42 {
    min-width: 42px !important;
  }
}

.w-max-42 {
  max-width: 42px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-42 {
    max-width: 42px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-42 {
    max-width: 42px !important;
  }
}

.h-43 {
  height: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-43 {
    height: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-43 {
    height: 43px !important;
  }
}

.h-min-43 {
  min-height: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-43 {
    min-height: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-43 {
    min-height: 43px !important;
  }
}

.h-max-43 {
  max-height: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-43 {
    max-height: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-43 {
    max-height: 43px !important;
  }
}

.w-43 {
  width: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-43 {
    width: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-43 {
    width: 43px !important;
  }
}

.w-min-43 {
  min-width: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-43 {
    min-width: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-43 {
    min-width: 43px !important;
  }
}

.w-max-43 {
  max-width: 43px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-43 {
    max-width: 43px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-43 {
    max-width: 43px !important;
  }
}

.h-44 {
  height: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-44 {
    height: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-44 {
    height: 44px !important;
  }
}

.h-min-44 {
  min-height: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-44 {
    min-height: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-44 {
    min-height: 44px !important;
  }
}

.h-max-44 {
  max-height: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-44 {
    max-height: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-44 {
    max-height: 44px !important;
  }
}

.w-44 {
  width: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-44 {
    width: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-44 {
    width: 44px !important;
  }
}

.w-min-44 {
  min-width: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-44 {
    min-width: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-44 {
    min-width: 44px !important;
  }
}

.w-max-44 {
  max-width: 44px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-44 {
    max-width: 44px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-44 {
    max-width: 44px !important;
  }
}

.h-45 {
  height: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-45 {
    height: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-45 {
    height: 45px !important;
  }
}

.h-min-45 {
  min-height: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-45 {
    min-height: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-45 {
    min-height: 45px !important;
  }
}

.h-max-45 {
  max-height: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-45 {
    max-height: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-45 {
    max-height: 45px !important;
  }
}

.w-45 {
  width: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-45 {
    width: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-45 {
    width: 45px !important;
  }
}

.w-min-45 {
  min-width: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-45 {
    min-width: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-45 {
    min-width: 45px !important;
  }
}

.w-max-45 {
  max-width: 45px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-45 {
    max-width: 45px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-45 {
    max-width: 45px !important;
  }
}

.h-46 {
  height: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-46 {
    height: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-46 {
    height: 46px !important;
  }
}

.h-min-46 {
  min-height: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-46 {
    min-height: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-46 {
    min-height: 46px !important;
  }
}

.h-max-46 {
  max-height: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-46 {
    max-height: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-46 {
    max-height: 46px !important;
  }
}

.w-46 {
  width: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-46 {
    width: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-46 {
    width: 46px !important;
  }
}

.w-min-46 {
  min-width: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-46 {
    min-width: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-46 {
    min-width: 46px !important;
  }
}

.w-max-46 {
  max-width: 46px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-46 {
    max-width: 46px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-46 {
    max-width: 46px !important;
  }
}

.h-47 {
  height: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-47 {
    height: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-47 {
    height: 47px !important;
  }
}

.h-min-47 {
  min-height: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-47 {
    min-height: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-47 {
    min-height: 47px !important;
  }
}

.h-max-47 {
  max-height: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-47 {
    max-height: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-47 {
    max-height: 47px !important;
  }
}

.w-47 {
  width: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-47 {
    width: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-47 {
    width: 47px !important;
  }
}

.w-min-47 {
  min-width: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-47 {
    min-width: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-47 {
    min-width: 47px !important;
  }
}

.w-max-47 {
  max-width: 47px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-47 {
    max-width: 47px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-47 {
    max-width: 47px !important;
  }
}

.h-48 {
  height: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-48 {
    height: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-48 {
    height: 48px !important;
  }
}

.h-min-48 {
  min-height: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-48 {
    min-height: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-48 {
    min-height: 48px !important;
  }
}

.h-max-48 {
  max-height: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-48 {
    max-height: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-48 {
    max-height: 48px !important;
  }
}

.w-48 {
  width: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-48 {
    width: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-48 {
    width: 48px !important;
  }
}

.w-min-48 {
  min-width: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-48 {
    min-width: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-48 {
    min-width: 48px !important;
  }
}

.w-max-48 {
  max-width: 48px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-48 {
    max-width: 48px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-48 {
    max-width: 48px !important;
  }
}

.h-49 {
  height: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-49 {
    height: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-49 {
    height: 49px !important;
  }
}

.h-min-49 {
  min-height: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-49 {
    min-height: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-49 {
    min-height: 49px !important;
  }
}

.h-max-49 {
  max-height: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-49 {
    max-height: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-49 {
    max-height: 49px !important;
  }
}

.w-49 {
  width: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-49 {
    width: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-49 {
    width: 49px !important;
  }
}

.w-min-49 {
  min-width: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-49 {
    min-width: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-49 {
    min-width: 49px !important;
  }
}

.w-max-49 {
  max-width: 49px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-49 {
    max-width: 49px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-49 {
    max-width: 49px !important;
  }
}

.h-50 {
  height: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-50 {
    height: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-50 {
    height: 50px !important;
  }
}

.h-min-50 {
  min-height: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-50 {
    min-height: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-50 {
    min-height: 50px !important;
  }
}

.h-max-50 {
  max-height: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-50 {
    max-height: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-50 {
    max-height: 50px !important;
  }
}

.w-50 {
  width: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-50 {
    width: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-50 {
    width: 50px !important;
  }
}

.w-min-50 {
  min-width: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-50 {
    min-width: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-50 {
    min-width: 50px !important;
  }
}

.w-max-50 {
  max-width: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-50 {
    max-width: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-50 {
    max-width: 50px !important;
  }
}

.h-51 {
  height: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-51 {
    height: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-51 {
    height: 51px !important;
  }
}

.h-min-51 {
  min-height: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-51 {
    min-height: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-51 {
    min-height: 51px !important;
  }
}

.h-max-51 {
  max-height: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-51 {
    max-height: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-51 {
    max-height: 51px !important;
  }
}

.w-51 {
  width: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-51 {
    width: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-51 {
    width: 51px !important;
  }
}

.w-min-51 {
  min-width: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-51 {
    min-width: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-51 {
    min-width: 51px !important;
  }
}

.w-max-51 {
  max-width: 51px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-51 {
    max-width: 51px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-51 {
    max-width: 51px !important;
  }
}

.h-52 {
  height: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-52 {
    height: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-52 {
    height: 52px !important;
  }
}

.h-min-52 {
  min-height: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-52 {
    min-height: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-52 {
    min-height: 52px !important;
  }
}

.h-max-52 {
  max-height: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-52 {
    max-height: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-52 {
    max-height: 52px !important;
  }
}

.w-52 {
  width: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-52 {
    width: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-52 {
    width: 52px !important;
  }
}

.w-min-52 {
  min-width: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-52 {
    min-width: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-52 {
    min-width: 52px !important;
  }
}

.w-max-52 {
  max-width: 52px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-52 {
    max-width: 52px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-52 {
    max-width: 52px !important;
  }
}

.h-53 {
  height: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-53 {
    height: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-53 {
    height: 53px !important;
  }
}

.h-min-53 {
  min-height: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-53 {
    min-height: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-53 {
    min-height: 53px !important;
  }
}

.h-max-53 {
  max-height: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-53 {
    max-height: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-53 {
    max-height: 53px !important;
  }
}

.w-53 {
  width: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-53 {
    width: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-53 {
    width: 53px !important;
  }
}

.w-min-53 {
  min-width: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-53 {
    min-width: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-53 {
    min-width: 53px !important;
  }
}

.w-max-53 {
  max-width: 53px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-53 {
    max-width: 53px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-53 {
    max-width: 53px !important;
  }
}

.h-54 {
  height: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-54 {
    height: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-54 {
    height: 54px !important;
  }
}

.h-min-54 {
  min-height: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-54 {
    min-height: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-54 {
    min-height: 54px !important;
  }
}

.h-max-54 {
  max-height: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-54 {
    max-height: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-54 {
    max-height: 54px !important;
  }
}

.w-54 {
  width: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-54 {
    width: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-54 {
    width: 54px !important;
  }
}

.w-min-54 {
  min-width: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-54 {
    min-width: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-54 {
    min-width: 54px !important;
  }
}

.w-max-54 {
  max-width: 54px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-54 {
    max-width: 54px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-54 {
    max-width: 54px !important;
  }
}

.h-55 {
  height: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-55 {
    height: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-55 {
    height: 55px !important;
  }
}

.h-min-55 {
  min-height: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-55 {
    min-height: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-55 {
    min-height: 55px !important;
  }
}

.h-max-55 {
  max-height: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-55 {
    max-height: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-55 {
    max-height: 55px !important;
  }
}

.w-55 {
  width: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-55 {
    width: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-55 {
    width: 55px !important;
  }
}

.w-min-55 {
  min-width: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-55 {
    min-width: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-55 {
    min-width: 55px !important;
  }
}

.w-max-55 {
  max-width: 55px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-55 {
    max-width: 55px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-55 {
    max-width: 55px !important;
  }
}

.h-56 {
  height: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-56 {
    height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-56 {
    height: 56px !important;
  }
}

.h-min-56 {
  min-height: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-56 {
    min-height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-56 {
    min-height: 56px !important;
  }
}

.h-max-56 {
  max-height: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-56 {
    max-height: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-56 {
    max-height: 56px !important;
  }
}

.w-56 {
  width: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-56 {
    width: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-56 {
    width: 56px !important;
  }
}

.w-min-56 {
  min-width: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-56 {
    min-width: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-56 {
    min-width: 56px !important;
  }
}

.w-max-56 {
  max-width: 56px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-56 {
    max-width: 56px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-56 {
    max-width: 56px !important;
  }
}

.h-57 {
  height: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-57 {
    height: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-57 {
    height: 57px !important;
  }
}

.h-min-57 {
  min-height: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-57 {
    min-height: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-57 {
    min-height: 57px !important;
  }
}

.h-max-57 {
  max-height: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-57 {
    max-height: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-57 {
    max-height: 57px !important;
  }
}

.w-57 {
  width: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-57 {
    width: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-57 {
    width: 57px !important;
  }
}

.w-min-57 {
  min-width: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-57 {
    min-width: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-57 {
    min-width: 57px !important;
  }
}

.w-max-57 {
  max-width: 57px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-57 {
    max-width: 57px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-57 {
    max-width: 57px !important;
  }
}

.h-58 {
  height: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-58 {
    height: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-58 {
    height: 58px !important;
  }
}

.h-min-58 {
  min-height: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-58 {
    min-height: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-58 {
    min-height: 58px !important;
  }
}

.h-max-58 {
  max-height: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-58 {
    max-height: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-58 {
    max-height: 58px !important;
  }
}

.w-58 {
  width: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-58 {
    width: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-58 {
    width: 58px !important;
  }
}

.w-min-58 {
  min-width: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-58 {
    min-width: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-58 {
    min-width: 58px !important;
  }
}

.w-max-58 {
  max-width: 58px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-58 {
    max-width: 58px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-58 {
    max-width: 58px !important;
  }
}

.h-59 {
  height: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-59 {
    height: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-59 {
    height: 59px !important;
  }
}

.h-min-59 {
  min-height: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-59 {
    min-height: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-59 {
    min-height: 59px !important;
  }
}

.h-max-59 {
  max-height: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-59 {
    max-height: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-59 {
    max-height: 59px !important;
  }
}

.w-59 {
  width: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-59 {
    width: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-59 {
    width: 59px !important;
  }
}

.w-min-59 {
  min-width: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-59 {
    min-width: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-59 {
    min-width: 59px !important;
  }
}

.w-max-59 {
  max-width: 59px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-59 {
    max-width: 59px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-59 {
    max-width: 59px !important;
  }
}

.h-60 {
  height: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-60 {
    height: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-60 {
    height: 60px !important;
  }
}

.h-min-60 {
  min-height: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-60 {
    min-height: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-60 {
    min-height: 60px !important;
  }
}

.h-max-60 {
  max-height: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-60 {
    max-height: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-60 {
    max-height: 60px !important;
  }
}

.w-60 {
  width: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-60 {
    width: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-60 {
    width: 60px !important;
  }
}

.w-min-60 {
  min-width: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-60 {
    min-width: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-60 {
    min-width: 60px !important;
  }
}

.w-max-60 {
  max-width: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-60 {
    max-width: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-60 {
    max-width: 60px !important;
  }
}

.h-61 {
  height: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-61 {
    height: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-61 {
    height: 61px !important;
  }
}

.h-min-61 {
  min-height: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-61 {
    min-height: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-61 {
    min-height: 61px !important;
  }
}

.h-max-61 {
  max-height: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-61 {
    max-height: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-61 {
    max-height: 61px !important;
  }
}

.w-61 {
  width: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-61 {
    width: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-61 {
    width: 61px !important;
  }
}

.w-min-61 {
  min-width: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-61 {
    min-width: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-61 {
    min-width: 61px !important;
  }
}

.w-max-61 {
  max-width: 61px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-61 {
    max-width: 61px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-61 {
    max-width: 61px !important;
  }
}

.h-62 {
  height: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-62 {
    height: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-62 {
    height: 62px !important;
  }
}

.h-min-62 {
  min-height: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-62 {
    min-height: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-62 {
    min-height: 62px !important;
  }
}

.h-max-62 {
  max-height: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-62 {
    max-height: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-62 {
    max-height: 62px !important;
  }
}

.w-62 {
  width: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-62 {
    width: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-62 {
    width: 62px !important;
  }
}

.w-min-62 {
  min-width: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-62 {
    min-width: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-62 {
    min-width: 62px !important;
  }
}

.w-max-62 {
  max-width: 62px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-62 {
    max-width: 62px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-62 {
    max-width: 62px !important;
  }
}

.h-63 {
  height: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-63 {
    height: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-63 {
    height: 63px !important;
  }
}

.h-min-63 {
  min-height: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-63 {
    min-height: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-63 {
    min-height: 63px !important;
  }
}

.h-max-63 {
  max-height: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-63 {
    max-height: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-63 {
    max-height: 63px !important;
  }
}

.w-63 {
  width: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-63 {
    width: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-63 {
    width: 63px !important;
  }
}

.w-min-63 {
  min-width: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-63 {
    min-width: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-63 {
    min-width: 63px !important;
  }
}

.w-max-63 {
  max-width: 63px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-63 {
    max-width: 63px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-63 {
    max-width: 63px !important;
  }
}

.h-64 {
  height: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-64 {
    height: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-64 {
    height: 64px !important;
  }
}

.h-min-64 {
  min-height: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-64 {
    min-height: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-64 {
    min-height: 64px !important;
  }
}

.h-max-64 {
  max-height: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-64 {
    max-height: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-64 {
    max-height: 64px !important;
  }
}

.w-64 {
  width: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-64 {
    width: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-64 {
    width: 64px !important;
  }
}

.w-min-64 {
  min-width: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-64 {
    min-width: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-64 {
    min-width: 64px !important;
  }
}

.w-max-64 {
  max-width: 64px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-64 {
    max-width: 64px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-64 {
    max-width: 64px !important;
  }
}

.h-65 {
  height: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-65 {
    height: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-65 {
    height: 65px !important;
  }
}

.h-min-65 {
  min-height: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-65 {
    min-height: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-65 {
    min-height: 65px !important;
  }
}

.h-max-65 {
  max-height: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-65 {
    max-height: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-65 {
    max-height: 65px !important;
  }
}

.w-65 {
  width: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-65 {
    width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-65 {
    width: 65px !important;
  }
}

.w-min-65 {
  min-width: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-65 {
    min-width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-65 {
    min-width: 65px !important;
  }
}

.w-max-65 {
  max-width: 65px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-65 {
    max-width: 65px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-65 {
    max-width: 65px !important;
  }
}

.h-66 {
  height: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-66 {
    height: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-66 {
    height: 66px !important;
  }
}

.h-min-66 {
  min-height: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-66 {
    min-height: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-66 {
    min-height: 66px !important;
  }
}

.h-max-66 {
  max-height: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-66 {
    max-height: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-66 {
    max-height: 66px !important;
  }
}

.w-66 {
  width: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-66 {
    width: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-66 {
    width: 66px !important;
  }
}

.w-min-66 {
  min-width: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-66 {
    min-width: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-66 {
    min-width: 66px !important;
  }
}

.w-max-66 {
  max-width: 66px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-66 {
    max-width: 66px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-66 {
    max-width: 66px !important;
  }
}

.h-67 {
  height: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-67 {
    height: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-67 {
    height: 67px !important;
  }
}

.h-min-67 {
  min-height: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-67 {
    min-height: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-67 {
    min-height: 67px !important;
  }
}

.h-max-67 {
  max-height: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-67 {
    max-height: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-67 {
    max-height: 67px !important;
  }
}

.w-67 {
  width: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-67 {
    width: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-67 {
    width: 67px !important;
  }
}

.w-min-67 {
  min-width: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-67 {
    min-width: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-67 {
    min-width: 67px !important;
  }
}

.w-max-67 {
  max-width: 67px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-67 {
    max-width: 67px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-67 {
    max-width: 67px !important;
  }
}

.h-68 {
  height: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-68 {
    height: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-68 {
    height: 68px !important;
  }
}

.h-min-68 {
  min-height: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-68 {
    min-height: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-68 {
    min-height: 68px !important;
  }
}

.h-max-68 {
  max-height: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-68 {
    max-height: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-68 {
    max-height: 68px !important;
  }
}

.w-68 {
  width: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-68 {
    width: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-68 {
    width: 68px !important;
  }
}

.w-min-68 {
  min-width: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-68 {
    min-width: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-68 {
    min-width: 68px !important;
  }
}

.w-max-68 {
  max-width: 68px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-68 {
    max-width: 68px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-68 {
    max-width: 68px !important;
  }
}

.h-69 {
  height: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-69 {
    height: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-69 {
    height: 69px !important;
  }
}

.h-min-69 {
  min-height: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-69 {
    min-height: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-69 {
    min-height: 69px !important;
  }
}

.h-max-69 {
  max-height: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-69 {
    max-height: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-69 {
    max-height: 69px !important;
  }
}

.w-69 {
  width: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-69 {
    width: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-69 {
    width: 69px !important;
  }
}

.w-min-69 {
  min-width: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-69 {
    min-width: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-69 {
    min-width: 69px !important;
  }
}

.w-max-69 {
  max-width: 69px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-69 {
    max-width: 69px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-69 {
    max-width: 69px !important;
  }
}

.h-70 {
  height: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-70 {
    height: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-70 {
    height: 70px !important;
  }
}

.h-min-70 {
  min-height: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-70 {
    min-height: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-70 {
    min-height: 70px !important;
  }
}

.h-max-70 {
  max-height: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-70 {
    max-height: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-70 {
    max-height: 70px !important;
  }
}

.w-70 {
  width: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-70 {
    width: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-70 {
    width: 70px !important;
  }
}

.w-min-70 {
  min-width: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-70 {
    min-width: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-70 {
    min-width: 70px !important;
  }
}

.w-max-70 {
  max-width: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-70 {
    max-width: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-70 {
    max-width: 70px !important;
  }
}

.h-71 {
  height: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-71 {
    height: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-71 {
    height: 71px !important;
  }
}

.h-min-71 {
  min-height: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-71 {
    min-height: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-71 {
    min-height: 71px !important;
  }
}

.h-max-71 {
  max-height: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-71 {
    max-height: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-71 {
    max-height: 71px !important;
  }
}

.w-71 {
  width: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-71 {
    width: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-71 {
    width: 71px !important;
  }
}

.w-min-71 {
  min-width: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-71 {
    min-width: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-71 {
    min-width: 71px !important;
  }
}

.w-max-71 {
  max-width: 71px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-71 {
    max-width: 71px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-71 {
    max-width: 71px !important;
  }
}

.h-72 {
  height: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-72 {
    height: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-72 {
    height: 72px !important;
  }
}

.h-min-72 {
  min-height: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-72 {
    min-height: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-72 {
    min-height: 72px !important;
  }
}

.h-max-72 {
  max-height: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-72 {
    max-height: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-72 {
    max-height: 72px !important;
  }
}

.w-72 {
  width: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-72 {
    width: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-72 {
    width: 72px !important;
  }
}

.w-min-72 {
  min-width: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-72 {
    min-width: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-72 {
    min-width: 72px !important;
  }
}

.w-max-72 {
  max-width: 72px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-72 {
    max-width: 72px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-72 {
    max-width: 72px !important;
  }
}

.h-73 {
  height: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-73 {
    height: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-73 {
    height: 73px !important;
  }
}

.h-min-73 {
  min-height: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-73 {
    min-height: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-73 {
    min-height: 73px !important;
  }
}

.h-max-73 {
  max-height: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-73 {
    max-height: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-73 {
    max-height: 73px !important;
  }
}

.w-73 {
  width: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-73 {
    width: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-73 {
    width: 73px !important;
  }
}

.w-min-73 {
  min-width: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-73 {
    min-width: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-73 {
    min-width: 73px !important;
  }
}

.w-max-73 {
  max-width: 73px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-73 {
    max-width: 73px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-73 {
    max-width: 73px !important;
  }
}

.h-74 {
  height: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-74 {
    height: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-74 {
    height: 74px !important;
  }
}

.h-min-74 {
  min-height: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-74 {
    min-height: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-74 {
    min-height: 74px !important;
  }
}

.h-max-74 {
  max-height: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-74 {
    max-height: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-74 {
    max-height: 74px !important;
  }
}

.w-74 {
  width: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-74 {
    width: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-74 {
    width: 74px !important;
  }
}

.w-min-74 {
  min-width: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-74 {
    min-width: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-74 {
    min-width: 74px !important;
  }
}

.w-max-74 {
  max-width: 74px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-74 {
    max-width: 74px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-74 {
    max-width: 74px !important;
  }
}

.h-75 {
  height: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-75 {
    height: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-75 {
    height: 75px !important;
  }
}

.h-min-75 {
  min-height: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-75 {
    min-height: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-75 {
    min-height: 75px !important;
  }
}

.h-max-75 {
  max-height: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-75 {
    max-height: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-75 {
    max-height: 75px !important;
  }
}

.w-75 {
  width: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-75 {
    width: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-75 {
    width: 75px !important;
  }
}

.w-min-75 {
  min-width: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-75 {
    min-width: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-75 {
    min-width: 75px !important;
  }
}

.w-max-75 {
  max-width: 75px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-75 {
    max-width: 75px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-75 {
    max-width: 75px !important;
  }
}

.h-76 {
  height: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-76 {
    height: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-76 {
    height: 76px !important;
  }
}

.h-min-76 {
  min-height: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-76 {
    min-height: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-76 {
    min-height: 76px !important;
  }
}

.h-max-76 {
  max-height: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-76 {
    max-height: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-76 {
    max-height: 76px !important;
  }
}

.w-76 {
  width: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-76 {
    width: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-76 {
    width: 76px !important;
  }
}

.w-min-76 {
  min-width: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-76 {
    min-width: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-76 {
    min-width: 76px !important;
  }
}

.w-max-76 {
  max-width: 76px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-76 {
    max-width: 76px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-76 {
    max-width: 76px !important;
  }
}

.h-77 {
  height: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-77 {
    height: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-77 {
    height: 77px !important;
  }
}

.h-min-77 {
  min-height: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-77 {
    min-height: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-77 {
    min-height: 77px !important;
  }
}

.h-max-77 {
  max-height: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-77 {
    max-height: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-77 {
    max-height: 77px !important;
  }
}

.w-77 {
  width: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-77 {
    width: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-77 {
    width: 77px !important;
  }
}

.w-min-77 {
  min-width: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-77 {
    min-width: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-77 {
    min-width: 77px !important;
  }
}

.w-max-77 {
  max-width: 77px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-77 {
    max-width: 77px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-77 {
    max-width: 77px !important;
  }
}

.h-78 {
  height: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-78 {
    height: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-78 {
    height: 78px !important;
  }
}

.h-min-78 {
  min-height: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-78 {
    min-height: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-78 {
    min-height: 78px !important;
  }
}

.h-max-78 {
  max-height: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-78 {
    max-height: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-78 {
    max-height: 78px !important;
  }
}

.w-78 {
  width: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-78 {
    width: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-78 {
    width: 78px !important;
  }
}

.w-min-78 {
  min-width: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-78 {
    min-width: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-78 {
    min-width: 78px !important;
  }
}

.w-max-78 {
  max-width: 78px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-78 {
    max-width: 78px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-78 {
    max-width: 78px !important;
  }
}

.h-79 {
  height: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-79 {
    height: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-79 {
    height: 79px !important;
  }
}

.h-min-79 {
  min-height: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-79 {
    min-height: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-79 {
    min-height: 79px !important;
  }
}

.h-max-79 {
  max-height: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-79 {
    max-height: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-79 {
    max-height: 79px !important;
  }
}

.w-79 {
  width: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-79 {
    width: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-79 {
    width: 79px !important;
  }
}

.w-min-79 {
  min-width: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-79 {
    min-width: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-79 {
    min-width: 79px !important;
  }
}

.w-max-79 {
  max-width: 79px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-79 {
    max-width: 79px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-79 {
    max-width: 79px !important;
  }
}

.h-80 {
  height: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-80 {
    height: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-80 {
    height: 80px !important;
  }
}

.h-min-80 {
  min-height: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-80 {
    min-height: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-80 {
    min-height: 80px !important;
  }
}

.h-max-80 {
  max-height: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-80 {
    max-height: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-80 {
    max-height: 80px !important;
  }
}

.w-80 {
  width: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-80 {
    width: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-80 {
    width: 80px !important;
  }
}

.w-min-80 {
  min-width: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-80 {
    min-width: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-80 {
    min-width: 80px !important;
  }
}

.w-max-80 {
  max-width: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-80 {
    max-width: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-80 {
    max-width: 80px !important;
  }
}

.h-81 {
  height: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-81 {
    height: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-81 {
    height: 81px !important;
  }
}

.h-min-81 {
  min-height: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-81 {
    min-height: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-81 {
    min-height: 81px !important;
  }
}

.h-max-81 {
  max-height: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-81 {
    max-height: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-81 {
    max-height: 81px !important;
  }
}

.w-81 {
  width: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-81 {
    width: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-81 {
    width: 81px !important;
  }
}

.w-min-81 {
  min-width: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-81 {
    min-width: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-81 {
    min-width: 81px !important;
  }
}

.w-max-81 {
  max-width: 81px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-81 {
    max-width: 81px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-81 {
    max-width: 81px !important;
  }
}

.h-82 {
  height: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-82 {
    height: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-82 {
    height: 82px !important;
  }
}

.h-min-82 {
  min-height: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-82 {
    min-height: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-82 {
    min-height: 82px !important;
  }
}

.h-max-82 {
  max-height: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-82 {
    max-height: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-82 {
    max-height: 82px !important;
  }
}

.w-82 {
  width: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-82 {
    width: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-82 {
    width: 82px !important;
  }
}

.w-min-82 {
  min-width: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-82 {
    min-width: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-82 {
    min-width: 82px !important;
  }
}

.w-max-82 {
  max-width: 82px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-82 {
    max-width: 82px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-82 {
    max-width: 82px !important;
  }
}

.h-83 {
  height: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-83 {
    height: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-83 {
    height: 83px !important;
  }
}

.h-min-83 {
  min-height: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-83 {
    min-height: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-83 {
    min-height: 83px !important;
  }
}

.h-max-83 {
  max-height: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-83 {
    max-height: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-83 {
    max-height: 83px !important;
  }
}

.w-83 {
  width: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-83 {
    width: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-83 {
    width: 83px !important;
  }
}

.w-min-83 {
  min-width: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-83 {
    min-width: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-83 {
    min-width: 83px !important;
  }
}

.w-max-83 {
  max-width: 83px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-83 {
    max-width: 83px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-83 {
    max-width: 83px !important;
  }
}

.h-84 {
  height: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-84 {
    height: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-84 {
    height: 84px !important;
  }
}

.h-min-84 {
  min-height: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-84 {
    min-height: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-84 {
    min-height: 84px !important;
  }
}

.h-max-84 {
  max-height: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-84 {
    max-height: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-84 {
    max-height: 84px !important;
  }
}

.w-84 {
  width: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-84 {
    width: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-84 {
    width: 84px !important;
  }
}

.w-min-84 {
  min-width: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-84 {
    min-width: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-84 {
    min-width: 84px !important;
  }
}

.w-max-84 {
  max-width: 84px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-84 {
    max-width: 84px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-84 {
    max-width: 84px !important;
  }
}

.h-85 {
  height: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-85 {
    height: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-85 {
    height: 85px !important;
  }
}

.h-min-85 {
  min-height: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-85 {
    min-height: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-85 {
    min-height: 85px !important;
  }
}

.h-max-85 {
  max-height: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-85 {
    max-height: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-85 {
    max-height: 85px !important;
  }
}

.w-85 {
  width: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-85 {
    width: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-85 {
    width: 85px !important;
  }
}

.w-min-85 {
  min-width: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-85 {
    min-width: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-85 {
    min-width: 85px !important;
  }
}

.w-max-85 {
  max-width: 85px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-85 {
    max-width: 85px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-85 {
    max-width: 85px !important;
  }
}

.h-86 {
  height: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-86 {
    height: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-86 {
    height: 86px !important;
  }
}

.h-min-86 {
  min-height: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-86 {
    min-height: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-86 {
    min-height: 86px !important;
  }
}

.h-max-86 {
  max-height: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-86 {
    max-height: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-86 {
    max-height: 86px !important;
  }
}

.w-86 {
  width: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-86 {
    width: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-86 {
    width: 86px !important;
  }
}

.w-min-86 {
  min-width: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-86 {
    min-width: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-86 {
    min-width: 86px !important;
  }
}

.w-max-86 {
  max-width: 86px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-86 {
    max-width: 86px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-86 {
    max-width: 86px !important;
  }
}

.h-87 {
  height: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-87 {
    height: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-87 {
    height: 87px !important;
  }
}

.h-min-87 {
  min-height: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-87 {
    min-height: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-87 {
    min-height: 87px !important;
  }
}

.h-max-87 {
  max-height: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-87 {
    max-height: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-87 {
    max-height: 87px !important;
  }
}

.w-87 {
  width: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-87 {
    width: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-87 {
    width: 87px !important;
  }
}

.w-min-87 {
  min-width: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-87 {
    min-width: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-87 {
    min-width: 87px !important;
  }
}

.w-max-87 {
  max-width: 87px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-87 {
    max-width: 87px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-87 {
    max-width: 87px !important;
  }
}

.h-88 {
  height: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-88 {
    height: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-88 {
    height: 88px !important;
  }
}

.h-min-88 {
  min-height: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-88 {
    min-height: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-88 {
    min-height: 88px !important;
  }
}

.h-max-88 {
  max-height: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-88 {
    max-height: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-88 {
    max-height: 88px !important;
  }
}

.w-88 {
  width: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-88 {
    width: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-88 {
    width: 88px !important;
  }
}

.w-min-88 {
  min-width: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-88 {
    min-width: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-88 {
    min-width: 88px !important;
  }
}

.w-max-88 {
  max-width: 88px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-88 {
    max-width: 88px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-88 {
    max-width: 88px !important;
  }
}

.h-89 {
  height: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-89 {
    height: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-89 {
    height: 89px !important;
  }
}

.h-min-89 {
  min-height: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-89 {
    min-height: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-89 {
    min-height: 89px !important;
  }
}

.h-max-89 {
  max-height: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-89 {
    max-height: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-89 {
    max-height: 89px !important;
  }
}

.w-89 {
  width: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-89 {
    width: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-89 {
    width: 89px !important;
  }
}

.w-min-89 {
  min-width: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-89 {
    min-width: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-89 {
    min-width: 89px !important;
  }
}

.w-max-89 {
  max-width: 89px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-89 {
    max-width: 89px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-89 {
    max-width: 89px !important;
  }
}

.h-90 {
  height: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-90 {
    height: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-90 {
    height: 90px !important;
  }
}

.h-min-90 {
  min-height: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-90 {
    min-height: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-90 {
    min-height: 90px !important;
  }
}

.h-max-90 {
  max-height: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-90 {
    max-height: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-90 {
    max-height: 90px !important;
  }
}

.w-90 {
  width: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-90 {
    width: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-90 {
    width: 90px !important;
  }
}

.w-min-90 {
  min-width: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-90 {
    min-width: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-90 {
    min-width: 90px !important;
  }
}

.w-max-90 {
  max-width: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-90 {
    max-width: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-90 {
    max-width: 90px !important;
  }
}

.h-91 {
  height: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-91 {
    height: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-91 {
    height: 91px !important;
  }
}

.h-min-91 {
  min-height: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-91 {
    min-height: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-91 {
    min-height: 91px !important;
  }
}

.h-max-91 {
  max-height: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-91 {
    max-height: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-91 {
    max-height: 91px !important;
  }
}

.w-91 {
  width: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-91 {
    width: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-91 {
    width: 91px !important;
  }
}

.w-min-91 {
  min-width: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-91 {
    min-width: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-91 {
    min-width: 91px !important;
  }
}

.w-max-91 {
  max-width: 91px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-91 {
    max-width: 91px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-91 {
    max-width: 91px !important;
  }
}

.h-92 {
  height: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-92 {
    height: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-92 {
    height: 92px !important;
  }
}

.h-min-92 {
  min-height: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-92 {
    min-height: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-92 {
    min-height: 92px !important;
  }
}

.h-max-92 {
  max-height: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-92 {
    max-height: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-92 {
    max-height: 92px !important;
  }
}

.w-92 {
  width: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-92 {
    width: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-92 {
    width: 92px !important;
  }
}

.w-min-92 {
  min-width: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-92 {
    min-width: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-92 {
    min-width: 92px !important;
  }
}

.w-max-92 {
  max-width: 92px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-92 {
    max-width: 92px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-92 {
    max-width: 92px !important;
  }
}

.h-93 {
  height: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-93 {
    height: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-93 {
    height: 93px !important;
  }
}

.h-min-93 {
  min-height: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-93 {
    min-height: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-93 {
    min-height: 93px !important;
  }
}

.h-max-93 {
  max-height: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-93 {
    max-height: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-93 {
    max-height: 93px !important;
  }
}

.w-93 {
  width: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-93 {
    width: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-93 {
    width: 93px !important;
  }
}

.w-min-93 {
  min-width: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-93 {
    min-width: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-93 {
    min-width: 93px !important;
  }
}

.w-max-93 {
  max-width: 93px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-93 {
    max-width: 93px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-93 {
    max-width: 93px !important;
  }
}

.h-94 {
  height: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-94 {
    height: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-94 {
    height: 94px !important;
  }
}

.h-min-94 {
  min-height: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-94 {
    min-height: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-94 {
    min-height: 94px !important;
  }
}

.h-max-94 {
  max-height: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-94 {
    max-height: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-94 {
    max-height: 94px !important;
  }
}

.w-94 {
  width: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-94 {
    width: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-94 {
    width: 94px !important;
  }
}

.w-min-94 {
  min-width: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-94 {
    min-width: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-94 {
    min-width: 94px !important;
  }
}

.w-max-94 {
  max-width: 94px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-94 {
    max-width: 94px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-94 {
    max-width: 94px !important;
  }
}

.h-95 {
  height: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-95 {
    height: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-95 {
    height: 95px !important;
  }
}

.h-min-95 {
  min-height: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-95 {
    min-height: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-95 {
    min-height: 95px !important;
  }
}

.h-max-95 {
  max-height: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-95 {
    max-height: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-95 {
    max-height: 95px !important;
  }
}

.w-95 {
  width: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-95 {
    width: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-95 {
    width: 95px !important;
  }
}

.w-min-95 {
  min-width: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-95 {
    min-width: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-95 {
    min-width: 95px !important;
  }
}

.w-max-95 {
  max-width: 95px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-95 {
    max-width: 95px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-95 {
    max-width: 95px !important;
  }
}

.h-96 {
  height: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-96 {
    height: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-96 {
    height: 96px !important;
  }
}

.h-min-96 {
  min-height: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-96 {
    min-height: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-96 {
    min-height: 96px !important;
  }
}

.h-max-96 {
  max-height: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-96 {
    max-height: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-96 {
    max-height: 96px !important;
  }
}

.w-96 {
  width: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-96 {
    width: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-96 {
    width: 96px !important;
  }
}

.w-min-96 {
  min-width: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-96 {
    min-width: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-96 {
    min-width: 96px !important;
  }
}

.w-max-96 {
  max-width: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-96 {
    max-width: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-96 {
    max-width: 96px !important;
  }
}

.h-97 {
  height: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-97 {
    height: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-97 {
    height: 97px !important;
  }
}

.h-min-97 {
  min-height: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-97 {
    min-height: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-97 {
    min-height: 97px !important;
  }
}

.h-max-97 {
  max-height: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-97 {
    max-height: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-97 {
    max-height: 97px !important;
  }
}

.w-97 {
  width: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-97 {
    width: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-97 {
    width: 97px !important;
  }
}

.w-min-97 {
  min-width: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-97 {
    min-width: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-97 {
    min-width: 97px !important;
  }
}

.w-max-97 {
  max-width: 97px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-97 {
    max-width: 97px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-97 {
    max-width: 97px !important;
  }
}

.h-98 {
  height: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-98 {
    height: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-98 {
    height: 98px !important;
  }
}

.h-min-98 {
  min-height: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-98 {
    min-height: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-98 {
    min-height: 98px !important;
  }
}

.h-max-98 {
  max-height: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-98 {
    max-height: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-98 {
    max-height: 98px !important;
  }
}

.w-98 {
  width: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-98 {
    width: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-98 {
    width: 98px !important;
  }
}

.w-min-98 {
  min-width: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-98 {
    min-width: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-98 {
    min-width: 98px !important;
  }
}

.w-max-98 {
  max-width: 98px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-98 {
    max-width: 98px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-98 {
    max-width: 98px !important;
  }
}

.h-99 {
  height: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-99 {
    height: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-99 {
    height: 99px !important;
  }
}

.h-min-99 {
  min-height: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-99 {
    min-height: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-99 {
    min-height: 99px !important;
  }
}

.h-max-99 {
  max-height: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-99 {
    max-height: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-99 {
    max-height: 99px !important;
  }
}

.w-99 {
  width: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-99 {
    width: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-99 {
    width: 99px !important;
  }
}

.w-min-99 {
  min-width: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-99 {
    min-width: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-99 {
    min-width: 99px !important;
  }
}

.w-max-99 {
  max-width: 99px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-99 {
    max-width: 99px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-99 {
    max-width: 99px !important;
  }
}

.h-100 {
  height: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-100 {
    height: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-100 {
    height: 100px !important;
  }
}

.h-min-100 {
  min-height: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-100 {
    min-height: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-100 {
    min-height: 100px !important;
  }
}

.h-max-100 {
  max-height: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-100 {
    max-height: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-100 {
    max-height: 100px !important;
  }
}

.w-100 {
  width: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-100 {
    width: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-100 {
    width: 100px !important;
  }
}

.w-min-100 {
  min-width: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-100 {
    min-width: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-100 {
    min-width: 100px !important;
  }
}

.w-max-100 {
  max-width: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-100 {
    max-width: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-100 {
    max-width: 100px !important;
  }
}

.h-101 {
  height: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-101 {
    height: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-101 {
    height: 101px !important;
  }
}

.h-min-101 {
  min-height: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-101 {
    min-height: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-101 {
    min-height: 101px !important;
  }
}

.h-max-101 {
  max-height: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-101 {
    max-height: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-101 {
    max-height: 101px !important;
  }
}

.w-101 {
  width: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-101 {
    width: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-101 {
    width: 101px !important;
  }
}

.w-min-101 {
  min-width: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-101 {
    min-width: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-101 {
    min-width: 101px !important;
  }
}

.w-max-101 {
  max-width: 101px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-101 {
    max-width: 101px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-101 {
    max-width: 101px !important;
  }
}

.h-102 {
  height: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-102 {
    height: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-102 {
    height: 102px !important;
  }
}

.h-min-102 {
  min-height: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-102 {
    min-height: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-102 {
    min-height: 102px !important;
  }
}

.h-max-102 {
  max-height: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-102 {
    max-height: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-102 {
    max-height: 102px !important;
  }
}

.w-102 {
  width: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-102 {
    width: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-102 {
    width: 102px !important;
  }
}

.w-min-102 {
  min-width: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-102 {
    min-width: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-102 {
    min-width: 102px !important;
  }
}

.w-max-102 {
  max-width: 102px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-102 {
    max-width: 102px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-102 {
    max-width: 102px !important;
  }
}

.h-103 {
  height: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-103 {
    height: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-103 {
    height: 103px !important;
  }
}

.h-min-103 {
  min-height: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-103 {
    min-height: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-103 {
    min-height: 103px !important;
  }
}

.h-max-103 {
  max-height: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-103 {
    max-height: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-103 {
    max-height: 103px !important;
  }
}

.w-103 {
  width: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-103 {
    width: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-103 {
    width: 103px !important;
  }
}

.w-min-103 {
  min-width: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-103 {
    min-width: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-103 {
    min-width: 103px !important;
  }
}

.w-max-103 {
  max-width: 103px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-103 {
    max-width: 103px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-103 {
    max-width: 103px !important;
  }
}

.h-104 {
  height: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-104 {
    height: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-104 {
    height: 104px !important;
  }
}

.h-min-104 {
  min-height: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-104 {
    min-height: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-104 {
    min-height: 104px !important;
  }
}

.h-max-104 {
  max-height: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-104 {
    max-height: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-104 {
    max-height: 104px !important;
  }
}

.w-104 {
  width: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-104 {
    width: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-104 {
    width: 104px !important;
  }
}

.w-min-104 {
  min-width: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-104 {
    min-width: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-104 {
    min-width: 104px !important;
  }
}

.w-max-104 {
  max-width: 104px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-104 {
    max-width: 104px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-104 {
    max-width: 104px !important;
  }
}

.h-105 {
  height: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-105 {
    height: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-105 {
    height: 105px !important;
  }
}

.h-min-105 {
  min-height: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-105 {
    min-height: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-105 {
    min-height: 105px !important;
  }
}

.h-max-105 {
  max-height: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-105 {
    max-height: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-105 {
    max-height: 105px !important;
  }
}

.w-105 {
  width: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-105 {
    width: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-105 {
    width: 105px !important;
  }
}

.w-min-105 {
  min-width: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-105 {
    min-width: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-105 {
    min-width: 105px !important;
  }
}

.w-max-105 {
  max-width: 105px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-105 {
    max-width: 105px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-105 {
    max-width: 105px !important;
  }
}

.h-106 {
  height: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-106 {
    height: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-106 {
    height: 106px !important;
  }
}

.h-min-106 {
  min-height: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-106 {
    min-height: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-106 {
    min-height: 106px !important;
  }
}

.h-max-106 {
  max-height: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-106 {
    max-height: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-106 {
    max-height: 106px !important;
  }
}

.w-106 {
  width: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-106 {
    width: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-106 {
    width: 106px !important;
  }
}

.w-min-106 {
  min-width: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-106 {
    min-width: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-106 {
    min-width: 106px !important;
  }
}

.w-max-106 {
  max-width: 106px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-106 {
    max-width: 106px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-106 {
    max-width: 106px !important;
  }
}

.h-107 {
  height: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-107 {
    height: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-107 {
    height: 107px !important;
  }
}

.h-min-107 {
  min-height: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-107 {
    min-height: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-107 {
    min-height: 107px !important;
  }
}

.h-max-107 {
  max-height: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-107 {
    max-height: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-107 {
    max-height: 107px !important;
  }
}

.w-107 {
  width: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-107 {
    width: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-107 {
    width: 107px !important;
  }
}

.w-min-107 {
  min-width: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-107 {
    min-width: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-107 {
    min-width: 107px !important;
  }
}

.w-max-107 {
  max-width: 107px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-107 {
    max-width: 107px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-107 {
    max-width: 107px !important;
  }
}

.h-108 {
  height: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-108 {
    height: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-108 {
    height: 108px !important;
  }
}

.h-min-108 {
  min-height: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-108 {
    min-height: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-108 {
    min-height: 108px !important;
  }
}

.h-max-108 {
  max-height: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-108 {
    max-height: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-108 {
    max-height: 108px !important;
  }
}

.w-108 {
  width: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-108 {
    width: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-108 {
    width: 108px !important;
  }
}

.w-min-108 {
  min-width: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-108 {
    min-width: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-108 {
    min-width: 108px !important;
  }
}

.w-max-108 {
  max-width: 108px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-108 {
    max-width: 108px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-108 {
    max-width: 108px !important;
  }
}

.h-109 {
  height: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-109 {
    height: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-109 {
    height: 109px !important;
  }
}

.h-min-109 {
  min-height: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-109 {
    min-height: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-109 {
    min-height: 109px !important;
  }
}

.h-max-109 {
  max-height: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-109 {
    max-height: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-109 {
    max-height: 109px !important;
  }
}

.w-109 {
  width: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-109 {
    width: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-109 {
    width: 109px !important;
  }
}

.w-min-109 {
  min-width: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-109 {
    min-width: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-109 {
    min-width: 109px !important;
  }
}

.w-max-109 {
  max-width: 109px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-109 {
    max-width: 109px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-109 {
    max-width: 109px !important;
  }
}

.h-110 {
  height: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-110 {
    height: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-110 {
    height: 110px !important;
  }
}

.h-min-110 {
  min-height: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-110 {
    min-height: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-110 {
    min-height: 110px !important;
  }
}

.h-max-110 {
  max-height: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-110 {
    max-height: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-110 {
    max-height: 110px !important;
  }
}

.w-110 {
  width: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-110 {
    width: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-110 {
    width: 110px !important;
  }
}

.w-min-110 {
  min-width: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-110 {
    min-width: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-110 {
    min-width: 110px !important;
  }
}

.w-max-110 {
  max-width: 110px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-110 {
    max-width: 110px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-110 {
    max-width: 110px !important;
  }
}

.h-111 {
  height: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-111 {
    height: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-111 {
    height: 111px !important;
  }
}

.h-min-111 {
  min-height: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-111 {
    min-height: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-111 {
    min-height: 111px !important;
  }
}

.h-max-111 {
  max-height: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-111 {
    max-height: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-111 {
    max-height: 111px !important;
  }
}

.w-111 {
  width: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-111 {
    width: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-111 {
    width: 111px !important;
  }
}

.w-min-111 {
  min-width: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-111 {
    min-width: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-111 {
    min-width: 111px !important;
  }
}

.w-max-111 {
  max-width: 111px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-111 {
    max-width: 111px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-111 {
    max-width: 111px !important;
  }
}

.h-112 {
  height: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-112 {
    height: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-112 {
    height: 112px !important;
  }
}

.h-min-112 {
  min-height: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-112 {
    min-height: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-112 {
    min-height: 112px !important;
  }
}

.h-max-112 {
  max-height: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-112 {
    max-height: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-112 {
    max-height: 112px !important;
  }
}

.w-112 {
  width: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-112 {
    width: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-112 {
    width: 112px !important;
  }
}

.w-min-112 {
  min-width: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-112 {
    min-width: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-112 {
    min-width: 112px !important;
  }
}

.w-max-112 {
  max-width: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-112 {
    max-width: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-112 {
    max-width: 112px !important;
  }
}

.h-113 {
  height: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-113 {
    height: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-113 {
    height: 113px !important;
  }
}

.h-min-113 {
  min-height: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-113 {
    min-height: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-113 {
    min-height: 113px !important;
  }
}

.h-max-113 {
  max-height: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-113 {
    max-height: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-113 {
    max-height: 113px !important;
  }
}

.w-113 {
  width: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-113 {
    width: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-113 {
    width: 113px !important;
  }
}

.w-min-113 {
  min-width: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-113 {
    min-width: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-113 {
    min-width: 113px !important;
  }
}

.w-max-113 {
  max-width: 113px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-113 {
    max-width: 113px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-113 {
    max-width: 113px !important;
  }
}

.h-114 {
  height: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-114 {
    height: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-114 {
    height: 114px !important;
  }
}

.h-min-114 {
  min-height: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-114 {
    min-height: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-114 {
    min-height: 114px !important;
  }
}

.h-max-114 {
  max-height: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-114 {
    max-height: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-114 {
    max-height: 114px !important;
  }
}

.w-114 {
  width: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-114 {
    width: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-114 {
    width: 114px !important;
  }
}

.w-min-114 {
  min-width: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-114 {
    min-width: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-114 {
    min-width: 114px !important;
  }
}

.w-max-114 {
  max-width: 114px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-114 {
    max-width: 114px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-114 {
    max-width: 114px !important;
  }
}

.h-115 {
  height: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-115 {
    height: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-115 {
    height: 115px !important;
  }
}

.h-min-115 {
  min-height: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-115 {
    min-height: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-115 {
    min-height: 115px !important;
  }
}

.h-max-115 {
  max-height: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-115 {
    max-height: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-115 {
    max-height: 115px !important;
  }
}

.w-115 {
  width: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-115 {
    width: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-115 {
    width: 115px !important;
  }
}

.w-min-115 {
  min-width: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-115 {
    min-width: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-115 {
    min-width: 115px !important;
  }
}

.w-max-115 {
  max-width: 115px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-115 {
    max-width: 115px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-115 {
    max-width: 115px !important;
  }
}

.h-116 {
  height: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-116 {
    height: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-116 {
    height: 116px !important;
  }
}

.h-min-116 {
  min-height: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-116 {
    min-height: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-116 {
    min-height: 116px !important;
  }
}

.h-max-116 {
  max-height: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-116 {
    max-height: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-116 {
    max-height: 116px !important;
  }
}

.w-116 {
  width: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-116 {
    width: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-116 {
    width: 116px !important;
  }
}

.w-min-116 {
  min-width: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-116 {
    min-width: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-116 {
    min-width: 116px !important;
  }
}

.w-max-116 {
  max-width: 116px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-116 {
    max-width: 116px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-116 {
    max-width: 116px !important;
  }
}

.h-117 {
  height: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-117 {
    height: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-117 {
    height: 117px !important;
  }
}

.h-min-117 {
  min-height: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-117 {
    min-height: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-117 {
    min-height: 117px !important;
  }
}

.h-max-117 {
  max-height: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-117 {
    max-height: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-117 {
    max-height: 117px !important;
  }
}

.w-117 {
  width: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-117 {
    width: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-117 {
    width: 117px !important;
  }
}

.w-min-117 {
  min-width: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-117 {
    min-width: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-117 {
    min-width: 117px !important;
  }
}

.w-max-117 {
  max-width: 117px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-117 {
    max-width: 117px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-117 {
    max-width: 117px !important;
  }
}

.h-118 {
  height: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-118 {
    height: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-118 {
    height: 118px !important;
  }
}

.h-min-118 {
  min-height: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-118 {
    min-height: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-118 {
    min-height: 118px !important;
  }
}

.h-max-118 {
  max-height: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-118 {
    max-height: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-118 {
    max-height: 118px !important;
  }
}

.w-118 {
  width: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-118 {
    width: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-118 {
    width: 118px !important;
  }
}

.w-min-118 {
  min-width: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-118 {
    min-width: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-118 {
    min-width: 118px !important;
  }
}

.w-max-118 {
  max-width: 118px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-118 {
    max-width: 118px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-118 {
    max-width: 118px !important;
  }
}

.h-119 {
  height: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-119 {
    height: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-119 {
    height: 119px !important;
  }
}

.h-min-119 {
  min-height: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-119 {
    min-height: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-119 {
    min-height: 119px !important;
  }
}

.h-max-119 {
  max-height: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-119 {
    max-height: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-119 {
    max-height: 119px !important;
  }
}

.w-119 {
  width: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-119 {
    width: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-119 {
    width: 119px !important;
  }
}

.w-min-119 {
  min-width: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-119 {
    min-width: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-119 {
    min-width: 119px !important;
  }
}

.w-max-119 {
  max-width: 119px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-119 {
    max-width: 119px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-119 {
    max-width: 119px !important;
  }
}

.h-120 {
  height: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-120 {
    height: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-120 {
    height: 120px !important;
  }
}

.h-min-120 {
  min-height: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-120 {
    min-height: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-120 {
    min-height: 120px !important;
  }
}

.h-max-120 {
  max-height: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-120 {
    max-height: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-120 {
    max-height: 120px !important;
  }
}

.w-120 {
  width: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-120 {
    width: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-120 {
    width: 120px !important;
  }
}

.w-min-120 {
  min-width: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-120 {
    min-width: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-120 {
    min-width: 120px !important;
  }
}

.w-max-120 {
  max-width: 120px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-120 {
    max-width: 120px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-120 {
    max-width: 120px !important;
  }
}

.h-121 {
  height: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-121 {
    height: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-121 {
    height: 121px !important;
  }
}

.h-min-121 {
  min-height: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-121 {
    min-height: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-121 {
    min-height: 121px !important;
  }
}

.h-max-121 {
  max-height: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-121 {
    max-height: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-121 {
    max-height: 121px !important;
  }
}

.w-121 {
  width: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-121 {
    width: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-121 {
    width: 121px !important;
  }
}

.w-min-121 {
  min-width: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-121 {
    min-width: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-121 {
    min-width: 121px !important;
  }
}

.w-max-121 {
  max-width: 121px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-121 {
    max-width: 121px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-121 {
    max-width: 121px !important;
  }
}

.h-122 {
  height: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-122 {
    height: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-122 {
    height: 122px !important;
  }
}

.h-min-122 {
  min-height: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-122 {
    min-height: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-122 {
    min-height: 122px !important;
  }
}

.h-max-122 {
  max-height: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-122 {
    max-height: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-122 {
    max-height: 122px !important;
  }
}

.w-122 {
  width: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-122 {
    width: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-122 {
    width: 122px !important;
  }
}

.w-min-122 {
  min-width: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-122 {
    min-width: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-122 {
    min-width: 122px !important;
  }
}

.w-max-122 {
  max-width: 122px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-122 {
    max-width: 122px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-122 {
    max-width: 122px !important;
  }
}

.h-123 {
  height: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-123 {
    height: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-123 {
    height: 123px !important;
  }
}

.h-min-123 {
  min-height: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-123 {
    min-height: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-123 {
    min-height: 123px !important;
  }
}

.h-max-123 {
  max-height: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-123 {
    max-height: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-123 {
    max-height: 123px !important;
  }
}

.w-123 {
  width: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-123 {
    width: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-123 {
    width: 123px !important;
  }
}

.w-min-123 {
  min-width: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-123 {
    min-width: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-123 {
    min-width: 123px !important;
  }
}

.w-max-123 {
  max-width: 123px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-123 {
    max-width: 123px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-123 {
    max-width: 123px !important;
  }
}

.h-124 {
  height: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-124 {
    height: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-124 {
    height: 124px !important;
  }
}

.h-min-124 {
  min-height: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-124 {
    min-height: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-124 {
    min-height: 124px !important;
  }
}

.h-max-124 {
  max-height: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-124 {
    max-height: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-124 {
    max-height: 124px !important;
  }
}

.w-124 {
  width: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-124 {
    width: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-124 {
    width: 124px !important;
  }
}

.w-min-124 {
  min-width: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-124 {
    min-width: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-124 {
    min-width: 124px !important;
  }
}

.w-max-124 {
  max-width: 124px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-124 {
    max-width: 124px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-124 {
    max-width: 124px !important;
  }
}

.h-125 {
  height: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-125 {
    height: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-125 {
    height: 125px !important;
  }
}

.h-min-125 {
  min-height: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-125 {
    min-height: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-125 {
    min-height: 125px !important;
  }
}

.h-max-125 {
  max-height: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-125 {
    max-height: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-125 {
    max-height: 125px !important;
  }
}

.w-125 {
  width: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-125 {
    width: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-125 {
    width: 125px !important;
  }
}

.w-min-125 {
  min-width: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-125 {
    min-width: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-125 {
    min-width: 125px !important;
  }
}

.w-max-125 {
  max-width: 125px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-125 {
    max-width: 125px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-125 {
    max-width: 125px !important;
  }
}

.h-126 {
  height: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-126 {
    height: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-126 {
    height: 126px !important;
  }
}

.h-min-126 {
  min-height: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-126 {
    min-height: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-126 {
    min-height: 126px !important;
  }
}

.h-max-126 {
  max-height: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-126 {
    max-height: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-126 {
    max-height: 126px !important;
  }
}

.w-126 {
  width: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-126 {
    width: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-126 {
    width: 126px !important;
  }
}

.w-min-126 {
  min-width: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-126 {
    min-width: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-126 {
    min-width: 126px !important;
  }
}

.w-max-126 {
  max-width: 126px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-126 {
    max-width: 126px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-126 {
    max-width: 126px !important;
  }
}

.h-127 {
  height: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-127 {
    height: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-127 {
    height: 127px !important;
  }
}

.h-min-127 {
  min-height: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-127 {
    min-height: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-127 {
    min-height: 127px !important;
  }
}

.h-max-127 {
  max-height: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-127 {
    max-height: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-127 {
    max-height: 127px !important;
  }
}

.w-127 {
  width: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-127 {
    width: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-127 {
    width: 127px !important;
  }
}

.w-min-127 {
  min-width: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-127 {
    min-width: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-127 {
    min-width: 127px !important;
  }
}

.w-max-127 {
  max-width: 127px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-127 {
    max-width: 127px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-127 {
    max-width: 127px !important;
  }
}

.h-128 {
  height: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-128 {
    height: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-128 {
    height: 128px !important;
  }
}

.h-min-128 {
  min-height: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-128 {
    min-height: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-128 {
    min-height: 128px !important;
  }
}

.h-max-128 {
  max-height: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-128 {
    max-height: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-128 {
    max-height: 128px !important;
  }
}

.w-128 {
  width: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-128 {
    width: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-128 {
    width: 128px !important;
  }
}

.w-min-128 {
  min-width: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-128 {
    min-width: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-128 {
    min-width: 128px !important;
  }
}

.w-max-128 {
  max-width: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-128 {
    max-width: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-128 {
    max-width: 128px !important;
  }
}

.h-129 {
  height: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-129 {
    height: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-129 {
    height: 129px !important;
  }
}

.h-min-129 {
  min-height: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-129 {
    min-height: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-129 {
    min-height: 129px !important;
  }
}

.h-max-129 {
  max-height: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-129 {
    max-height: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-129 {
    max-height: 129px !important;
  }
}

.w-129 {
  width: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-129 {
    width: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-129 {
    width: 129px !important;
  }
}

.w-min-129 {
  min-width: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-129 {
    min-width: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-129 {
    min-width: 129px !important;
  }
}

.w-max-129 {
  max-width: 129px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-129 {
    max-width: 129px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-129 {
    max-width: 129px !important;
  }
}

.h-130 {
  height: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-130 {
    height: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-130 {
    height: 130px !important;
  }
}

.h-min-130 {
  min-height: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-130 {
    min-height: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-130 {
    min-height: 130px !important;
  }
}

.h-max-130 {
  max-height: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-130 {
    max-height: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-130 {
    max-height: 130px !important;
  }
}

.w-130 {
  width: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-130 {
    width: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-130 {
    width: 130px !important;
  }
}

.w-min-130 {
  min-width: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-130 {
    min-width: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-130 {
    min-width: 130px !important;
  }
}

.w-max-130 {
  max-width: 130px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-130 {
    max-width: 130px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-130 {
    max-width: 130px !important;
  }
}

.h-131 {
  height: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-131 {
    height: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-131 {
    height: 131px !important;
  }
}

.h-min-131 {
  min-height: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-131 {
    min-height: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-131 {
    min-height: 131px !important;
  }
}

.h-max-131 {
  max-height: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-131 {
    max-height: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-131 {
    max-height: 131px !important;
  }
}

.w-131 {
  width: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-131 {
    width: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-131 {
    width: 131px !important;
  }
}

.w-min-131 {
  min-width: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-131 {
    min-width: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-131 {
    min-width: 131px !important;
  }
}

.w-max-131 {
  max-width: 131px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-131 {
    max-width: 131px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-131 {
    max-width: 131px !important;
  }
}

.h-132 {
  height: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-132 {
    height: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-132 {
    height: 132px !important;
  }
}

.h-min-132 {
  min-height: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-132 {
    min-height: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-132 {
    min-height: 132px !important;
  }
}

.h-max-132 {
  max-height: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-132 {
    max-height: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-132 {
    max-height: 132px !important;
  }
}

.w-132 {
  width: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-132 {
    width: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-132 {
    width: 132px !important;
  }
}

.w-min-132 {
  min-width: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-132 {
    min-width: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-132 {
    min-width: 132px !important;
  }
}

.w-max-132 {
  max-width: 132px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-132 {
    max-width: 132px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-132 {
    max-width: 132px !important;
  }
}

.h-133 {
  height: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-133 {
    height: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-133 {
    height: 133px !important;
  }
}

.h-min-133 {
  min-height: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-133 {
    min-height: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-133 {
    min-height: 133px !important;
  }
}

.h-max-133 {
  max-height: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-133 {
    max-height: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-133 {
    max-height: 133px !important;
  }
}

.w-133 {
  width: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-133 {
    width: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-133 {
    width: 133px !important;
  }
}

.w-min-133 {
  min-width: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-133 {
    min-width: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-133 {
    min-width: 133px !important;
  }
}

.w-max-133 {
  max-width: 133px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-133 {
    max-width: 133px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-133 {
    max-width: 133px !important;
  }
}

.h-134 {
  height: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-134 {
    height: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-134 {
    height: 134px !important;
  }
}

.h-min-134 {
  min-height: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-134 {
    min-height: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-134 {
    min-height: 134px !important;
  }
}

.h-max-134 {
  max-height: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-134 {
    max-height: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-134 {
    max-height: 134px !important;
  }
}

.w-134 {
  width: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-134 {
    width: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-134 {
    width: 134px !important;
  }
}

.w-min-134 {
  min-width: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-134 {
    min-width: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-134 {
    min-width: 134px !important;
  }
}

.w-max-134 {
  max-width: 134px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-134 {
    max-width: 134px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-134 {
    max-width: 134px !important;
  }
}

.h-135 {
  height: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-135 {
    height: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-135 {
    height: 135px !important;
  }
}

.h-min-135 {
  min-height: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-135 {
    min-height: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-135 {
    min-height: 135px !important;
  }
}

.h-max-135 {
  max-height: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-135 {
    max-height: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-135 {
    max-height: 135px !important;
  }
}

.w-135 {
  width: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-135 {
    width: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-135 {
    width: 135px !important;
  }
}

.w-min-135 {
  min-width: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-135 {
    min-width: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-135 {
    min-width: 135px !important;
  }
}

.w-max-135 {
  max-width: 135px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-135 {
    max-width: 135px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-135 {
    max-width: 135px !important;
  }
}

.h-136 {
  height: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-136 {
    height: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-136 {
    height: 136px !important;
  }
}

.h-min-136 {
  min-height: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-136 {
    min-height: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-136 {
    min-height: 136px !important;
  }
}

.h-max-136 {
  max-height: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-136 {
    max-height: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-136 {
    max-height: 136px !important;
  }
}

.w-136 {
  width: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-136 {
    width: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-136 {
    width: 136px !important;
  }
}

.w-min-136 {
  min-width: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-136 {
    min-width: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-136 {
    min-width: 136px !important;
  }
}

.w-max-136 {
  max-width: 136px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-136 {
    max-width: 136px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-136 {
    max-width: 136px !important;
  }
}

.h-137 {
  height: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-137 {
    height: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-137 {
    height: 137px !important;
  }
}

.h-min-137 {
  min-height: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-137 {
    min-height: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-137 {
    min-height: 137px !important;
  }
}

.h-max-137 {
  max-height: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-137 {
    max-height: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-137 {
    max-height: 137px !important;
  }
}

.w-137 {
  width: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-137 {
    width: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-137 {
    width: 137px !important;
  }
}

.w-min-137 {
  min-width: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-137 {
    min-width: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-137 {
    min-width: 137px !important;
  }
}

.w-max-137 {
  max-width: 137px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-137 {
    max-width: 137px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-137 {
    max-width: 137px !important;
  }
}

.h-138 {
  height: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-138 {
    height: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-138 {
    height: 138px !important;
  }
}

.h-min-138 {
  min-height: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-138 {
    min-height: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-138 {
    min-height: 138px !important;
  }
}

.h-max-138 {
  max-height: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-138 {
    max-height: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-138 {
    max-height: 138px !important;
  }
}

.w-138 {
  width: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-138 {
    width: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-138 {
    width: 138px !important;
  }
}

.w-min-138 {
  min-width: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-138 {
    min-width: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-138 {
    min-width: 138px !important;
  }
}

.w-max-138 {
  max-width: 138px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-138 {
    max-width: 138px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-138 {
    max-width: 138px !important;
  }
}

.h-139 {
  height: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-139 {
    height: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-139 {
    height: 139px !important;
  }
}

.h-min-139 {
  min-height: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-139 {
    min-height: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-139 {
    min-height: 139px !important;
  }
}

.h-max-139 {
  max-height: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-139 {
    max-height: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-139 {
    max-height: 139px !important;
  }
}

.w-139 {
  width: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-139 {
    width: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-139 {
    width: 139px !important;
  }
}

.w-min-139 {
  min-width: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-139 {
    min-width: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-139 {
    min-width: 139px !important;
  }
}

.w-max-139 {
  max-width: 139px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-139 {
    max-width: 139px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-139 {
    max-width: 139px !important;
  }
}

.h-140 {
  height: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-140 {
    height: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-140 {
    height: 140px !important;
  }
}

.h-min-140 {
  min-height: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-140 {
    min-height: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-140 {
    min-height: 140px !important;
  }
}

.h-max-140 {
  max-height: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-140 {
    max-height: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-140 {
    max-height: 140px !important;
  }
}

.w-140 {
  width: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-140 {
    width: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-140 {
    width: 140px !important;
  }
}

.w-min-140 {
  min-width: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-140 {
    min-width: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-140 {
    min-width: 140px !important;
  }
}

.w-max-140 {
  max-width: 140px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-140 {
    max-width: 140px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-140 {
    max-width: 140px !important;
  }
}

.h-141 {
  height: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-141 {
    height: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-141 {
    height: 141px !important;
  }
}

.h-min-141 {
  min-height: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-141 {
    min-height: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-141 {
    min-height: 141px !important;
  }
}

.h-max-141 {
  max-height: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-141 {
    max-height: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-141 {
    max-height: 141px !important;
  }
}

.w-141 {
  width: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-141 {
    width: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-141 {
    width: 141px !important;
  }
}

.w-min-141 {
  min-width: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-141 {
    min-width: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-141 {
    min-width: 141px !important;
  }
}

.w-max-141 {
  max-width: 141px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-141 {
    max-width: 141px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-141 {
    max-width: 141px !important;
  }
}

.h-142 {
  height: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-142 {
    height: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-142 {
    height: 142px !important;
  }
}

.h-min-142 {
  min-height: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-142 {
    min-height: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-142 {
    min-height: 142px !important;
  }
}

.h-max-142 {
  max-height: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-142 {
    max-height: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-142 {
    max-height: 142px !important;
  }
}

.w-142 {
  width: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-142 {
    width: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-142 {
    width: 142px !important;
  }
}

.w-min-142 {
  min-width: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-142 {
    min-width: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-142 {
    min-width: 142px !important;
  }
}

.w-max-142 {
  max-width: 142px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-142 {
    max-width: 142px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-142 {
    max-width: 142px !important;
  }
}

.h-143 {
  height: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-143 {
    height: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-143 {
    height: 143px !important;
  }
}

.h-min-143 {
  min-height: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-143 {
    min-height: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-143 {
    min-height: 143px !important;
  }
}

.h-max-143 {
  max-height: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-143 {
    max-height: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-143 {
    max-height: 143px !important;
  }
}

.w-143 {
  width: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-143 {
    width: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-143 {
    width: 143px !important;
  }
}

.w-min-143 {
  min-width: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-143 {
    min-width: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-143 {
    min-width: 143px !important;
  }
}

.w-max-143 {
  max-width: 143px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-143 {
    max-width: 143px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-143 {
    max-width: 143px !important;
  }
}

.h-144 {
  height: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-144 {
    height: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-144 {
    height: 144px !important;
  }
}

.h-min-144 {
  min-height: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-144 {
    min-height: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-144 {
    min-height: 144px !important;
  }
}

.h-max-144 {
  max-height: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-144 {
    max-height: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-144 {
    max-height: 144px !important;
  }
}

.w-144 {
  width: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-144 {
    width: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-144 {
    width: 144px !important;
  }
}

.w-min-144 {
  min-width: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-144 {
    min-width: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-144 {
    min-width: 144px !important;
  }
}

.w-max-144 {
  max-width: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-144 {
    max-width: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-144 {
    max-width: 144px !important;
  }
}

.h-145 {
  height: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-145 {
    height: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-145 {
    height: 145px !important;
  }
}

.h-min-145 {
  min-height: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-145 {
    min-height: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-145 {
    min-height: 145px !important;
  }
}

.h-max-145 {
  max-height: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-145 {
    max-height: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-145 {
    max-height: 145px !important;
  }
}

.w-145 {
  width: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-145 {
    width: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-145 {
    width: 145px !important;
  }
}

.w-min-145 {
  min-width: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-145 {
    min-width: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-145 {
    min-width: 145px !important;
  }
}

.w-max-145 {
  max-width: 145px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-145 {
    max-width: 145px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-145 {
    max-width: 145px !important;
  }
}

.h-146 {
  height: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-146 {
    height: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-146 {
    height: 146px !important;
  }
}

.h-min-146 {
  min-height: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-146 {
    min-height: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-146 {
    min-height: 146px !important;
  }
}

.h-max-146 {
  max-height: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-146 {
    max-height: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-146 {
    max-height: 146px !important;
  }
}

.w-146 {
  width: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-146 {
    width: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-146 {
    width: 146px !important;
  }
}

.w-min-146 {
  min-width: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-146 {
    min-width: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-146 {
    min-width: 146px !important;
  }
}

.w-max-146 {
  max-width: 146px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-146 {
    max-width: 146px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-146 {
    max-width: 146px !important;
  }
}

.h-147 {
  height: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-147 {
    height: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-147 {
    height: 147px !important;
  }
}

.h-min-147 {
  min-height: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-147 {
    min-height: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-147 {
    min-height: 147px !important;
  }
}

.h-max-147 {
  max-height: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-147 {
    max-height: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-147 {
    max-height: 147px !important;
  }
}

.w-147 {
  width: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-147 {
    width: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-147 {
    width: 147px !important;
  }
}

.w-min-147 {
  min-width: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-147 {
    min-width: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-147 {
    min-width: 147px !important;
  }
}

.w-max-147 {
  max-width: 147px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-147 {
    max-width: 147px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-147 {
    max-width: 147px !important;
  }
}

.h-148 {
  height: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-148 {
    height: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-148 {
    height: 148px !important;
  }
}

.h-min-148 {
  min-height: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-148 {
    min-height: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-148 {
    min-height: 148px !important;
  }
}

.h-max-148 {
  max-height: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-148 {
    max-height: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-148 {
    max-height: 148px !important;
  }
}

.w-148 {
  width: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-148 {
    width: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-148 {
    width: 148px !important;
  }
}

.w-min-148 {
  min-width: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-148 {
    min-width: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-148 {
    min-width: 148px !important;
  }
}

.w-max-148 {
  max-width: 148px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-148 {
    max-width: 148px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-148 {
    max-width: 148px !important;
  }
}

.h-149 {
  height: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-149 {
    height: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-149 {
    height: 149px !important;
  }
}

.h-min-149 {
  min-height: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-149 {
    min-height: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-149 {
    min-height: 149px !important;
  }
}

.h-max-149 {
  max-height: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-149 {
    max-height: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-149 {
    max-height: 149px !important;
  }
}

.w-149 {
  width: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-149 {
    width: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-149 {
    width: 149px !important;
  }
}

.w-min-149 {
  min-width: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-149 {
    min-width: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-149 {
    min-width: 149px !important;
  }
}

.w-max-149 {
  max-width: 149px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-149 {
    max-width: 149px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-149 {
    max-width: 149px !important;
  }
}

.h-150 {
  height: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-150 {
    height: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-150 {
    height: 150px !important;
  }
}

.h-min-150 {
  min-height: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-150 {
    min-height: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-150 {
    min-height: 150px !important;
  }
}

.h-max-150 {
  max-height: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-150 {
    max-height: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-150 {
    max-height: 150px !important;
  }
}

.w-150 {
  width: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-150 {
    width: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-150 {
    width: 150px !important;
  }
}

.w-min-150 {
  min-width: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-150 {
    min-width: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-150 {
    min-width: 150px !important;
  }
}

.w-max-150 {
  max-width: 150px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-150 {
    max-width: 150px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-150 {
    max-width: 150px !important;
  }
}

.h-151 {
  height: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-151 {
    height: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-151 {
    height: 151px !important;
  }
}

.h-min-151 {
  min-height: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-151 {
    min-height: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-151 {
    min-height: 151px !important;
  }
}

.h-max-151 {
  max-height: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-151 {
    max-height: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-151 {
    max-height: 151px !important;
  }
}

.w-151 {
  width: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-151 {
    width: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-151 {
    width: 151px !important;
  }
}

.w-min-151 {
  min-width: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-151 {
    min-width: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-151 {
    min-width: 151px !important;
  }
}

.w-max-151 {
  max-width: 151px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-151 {
    max-width: 151px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-151 {
    max-width: 151px !important;
  }
}

.h-152 {
  height: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-152 {
    height: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-152 {
    height: 152px !important;
  }
}

.h-min-152 {
  min-height: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-152 {
    min-height: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-152 {
    min-height: 152px !important;
  }
}

.h-max-152 {
  max-height: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-152 {
    max-height: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-152 {
    max-height: 152px !important;
  }
}

.w-152 {
  width: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-152 {
    width: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-152 {
    width: 152px !important;
  }
}

.w-min-152 {
  min-width: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-152 {
    min-width: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-152 {
    min-width: 152px !important;
  }
}

.w-max-152 {
  max-width: 152px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-152 {
    max-width: 152px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-152 {
    max-width: 152px !important;
  }
}

.h-153 {
  height: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-153 {
    height: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-153 {
    height: 153px !important;
  }
}

.h-min-153 {
  min-height: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-153 {
    min-height: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-153 {
    min-height: 153px !important;
  }
}

.h-max-153 {
  max-height: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-153 {
    max-height: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-153 {
    max-height: 153px !important;
  }
}

.w-153 {
  width: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-153 {
    width: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-153 {
    width: 153px !important;
  }
}

.w-min-153 {
  min-width: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-153 {
    min-width: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-153 {
    min-width: 153px !important;
  }
}

.w-max-153 {
  max-width: 153px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-153 {
    max-width: 153px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-153 {
    max-width: 153px !important;
  }
}

.h-154 {
  height: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-154 {
    height: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-154 {
    height: 154px !important;
  }
}

.h-min-154 {
  min-height: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-154 {
    min-height: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-154 {
    min-height: 154px !important;
  }
}

.h-max-154 {
  max-height: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-154 {
    max-height: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-154 {
    max-height: 154px !important;
  }
}

.w-154 {
  width: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-154 {
    width: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-154 {
    width: 154px !important;
  }
}

.w-min-154 {
  min-width: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-154 {
    min-width: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-154 {
    min-width: 154px !important;
  }
}

.w-max-154 {
  max-width: 154px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-154 {
    max-width: 154px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-154 {
    max-width: 154px !important;
  }
}

.h-155 {
  height: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-155 {
    height: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-155 {
    height: 155px !important;
  }
}

.h-min-155 {
  min-height: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-155 {
    min-height: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-155 {
    min-height: 155px !important;
  }
}

.h-max-155 {
  max-height: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-155 {
    max-height: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-155 {
    max-height: 155px !important;
  }
}

.w-155 {
  width: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-155 {
    width: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-155 {
    width: 155px !important;
  }
}

.w-min-155 {
  min-width: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-155 {
    min-width: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-155 {
    min-width: 155px !important;
  }
}

.w-max-155 {
  max-width: 155px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-155 {
    max-width: 155px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-155 {
    max-width: 155px !important;
  }
}

.h-156 {
  height: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-156 {
    height: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-156 {
    height: 156px !important;
  }
}

.h-min-156 {
  min-height: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-156 {
    min-height: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-156 {
    min-height: 156px !important;
  }
}

.h-max-156 {
  max-height: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-156 {
    max-height: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-156 {
    max-height: 156px !important;
  }
}

.w-156 {
  width: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-156 {
    width: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-156 {
    width: 156px !important;
  }
}

.w-min-156 {
  min-width: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-156 {
    min-width: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-156 {
    min-width: 156px !important;
  }
}

.w-max-156 {
  max-width: 156px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-156 {
    max-width: 156px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-156 {
    max-width: 156px !important;
  }
}

.h-157 {
  height: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-157 {
    height: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-157 {
    height: 157px !important;
  }
}

.h-min-157 {
  min-height: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-157 {
    min-height: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-157 {
    min-height: 157px !important;
  }
}

.h-max-157 {
  max-height: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-157 {
    max-height: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-157 {
    max-height: 157px !important;
  }
}

.w-157 {
  width: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-157 {
    width: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-157 {
    width: 157px !important;
  }
}

.w-min-157 {
  min-width: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-157 {
    min-width: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-157 {
    min-width: 157px !important;
  }
}

.w-max-157 {
  max-width: 157px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-157 {
    max-width: 157px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-157 {
    max-width: 157px !important;
  }
}

.h-158 {
  height: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-158 {
    height: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-158 {
    height: 158px !important;
  }
}

.h-min-158 {
  min-height: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-158 {
    min-height: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-158 {
    min-height: 158px !important;
  }
}

.h-max-158 {
  max-height: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-158 {
    max-height: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-158 {
    max-height: 158px !important;
  }
}

.w-158 {
  width: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-158 {
    width: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-158 {
    width: 158px !important;
  }
}

.w-min-158 {
  min-width: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-158 {
    min-width: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-158 {
    min-width: 158px !important;
  }
}

.w-max-158 {
  max-width: 158px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-158 {
    max-width: 158px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-158 {
    max-width: 158px !important;
  }
}

.h-159 {
  height: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-159 {
    height: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-159 {
    height: 159px !important;
  }
}

.h-min-159 {
  min-height: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-159 {
    min-height: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-159 {
    min-height: 159px !important;
  }
}

.h-max-159 {
  max-height: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-159 {
    max-height: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-159 {
    max-height: 159px !important;
  }
}

.w-159 {
  width: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-159 {
    width: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-159 {
    width: 159px !important;
  }
}

.w-min-159 {
  min-width: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-159 {
    min-width: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-159 {
    min-width: 159px !important;
  }
}

.w-max-159 {
  max-width: 159px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-159 {
    max-width: 159px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-159 {
    max-width: 159px !important;
  }
}

.h-160 {
  height: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-160 {
    height: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-160 {
    height: 160px !important;
  }
}

.h-min-160 {
  min-height: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-160 {
    min-height: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-160 {
    min-height: 160px !important;
  }
}

.h-max-160 {
  max-height: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-160 {
    max-height: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-160 {
    max-height: 160px !important;
  }
}

.w-160 {
  width: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-160 {
    width: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-160 {
    width: 160px !important;
  }
}

.w-min-160 {
  min-width: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-160 {
    min-width: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-160 {
    min-width: 160px !important;
  }
}

.w-max-160 {
  max-width: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-160 {
    max-width: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-160 {
    max-width: 160px !important;
  }
}

.h-161 {
  height: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-161 {
    height: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-161 {
    height: 161px !important;
  }
}

.h-min-161 {
  min-height: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-161 {
    min-height: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-161 {
    min-height: 161px !important;
  }
}

.h-max-161 {
  max-height: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-161 {
    max-height: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-161 {
    max-height: 161px !important;
  }
}

.w-161 {
  width: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-161 {
    width: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-161 {
    width: 161px !important;
  }
}

.w-min-161 {
  min-width: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-161 {
    min-width: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-161 {
    min-width: 161px !important;
  }
}

.w-max-161 {
  max-width: 161px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-161 {
    max-width: 161px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-161 {
    max-width: 161px !important;
  }
}

.h-162 {
  height: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-162 {
    height: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-162 {
    height: 162px !important;
  }
}

.h-min-162 {
  min-height: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-162 {
    min-height: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-162 {
    min-height: 162px !important;
  }
}

.h-max-162 {
  max-height: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-162 {
    max-height: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-162 {
    max-height: 162px !important;
  }
}

.w-162 {
  width: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-162 {
    width: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-162 {
    width: 162px !important;
  }
}

.w-min-162 {
  min-width: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-162 {
    min-width: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-162 {
    min-width: 162px !important;
  }
}

.w-max-162 {
  max-width: 162px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-162 {
    max-width: 162px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-162 {
    max-width: 162px !important;
  }
}

.h-163 {
  height: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-163 {
    height: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-163 {
    height: 163px !important;
  }
}

.h-min-163 {
  min-height: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-163 {
    min-height: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-163 {
    min-height: 163px !important;
  }
}

.h-max-163 {
  max-height: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-163 {
    max-height: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-163 {
    max-height: 163px !important;
  }
}

.w-163 {
  width: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-163 {
    width: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-163 {
    width: 163px !important;
  }
}

.w-min-163 {
  min-width: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-163 {
    min-width: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-163 {
    min-width: 163px !important;
  }
}

.w-max-163 {
  max-width: 163px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-163 {
    max-width: 163px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-163 {
    max-width: 163px !important;
  }
}

.h-164 {
  height: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-164 {
    height: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-164 {
    height: 164px !important;
  }
}

.h-min-164 {
  min-height: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-164 {
    min-height: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-164 {
    min-height: 164px !important;
  }
}

.h-max-164 {
  max-height: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-164 {
    max-height: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-164 {
    max-height: 164px !important;
  }
}

.w-164 {
  width: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-164 {
    width: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-164 {
    width: 164px !important;
  }
}

.w-min-164 {
  min-width: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-164 {
    min-width: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-164 {
    min-width: 164px !important;
  }
}

.w-max-164 {
  max-width: 164px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-164 {
    max-width: 164px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-164 {
    max-width: 164px !important;
  }
}

.h-165 {
  height: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-165 {
    height: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-165 {
    height: 165px !important;
  }
}

.h-min-165 {
  min-height: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-165 {
    min-height: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-165 {
    min-height: 165px !important;
  }
}

.h-max-165 {
  max-height: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-165 {
    max-height: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-165 {
    max-height: 165px !important;
  }
}

.w-165 {
  width: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-165 {
    width: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-165 {
    width: 165px !important;
  }
}

.w-min-165 {
  min-width: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-165 {
    min-width: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-165 {
    min-width: 165px !important;
  }
}

.w-max-165 {
  max-width: 165px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-165 {
    max-width: 165px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-165 {
    max-width: 165px !important;
  }
}

.h-166 {
  height: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-166 {
    height: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-166 {
    height: 166px !important;
  }
}

.h-min-166 {
  min-height: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-166 {
    min-height: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-166 {
    min-height: 166px !important;
  }
}

.h-max-166 {
  max-height: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-166 {
    max-height: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-166 {
    max-height: 166px !important;
  }
}

.w-166 {
  width: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-166 {
    width: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-166 {
    width: 166px !important;
  }
}

.w-min-166 {
  min-width: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-166 {
    min-width: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-166 {
    min-width: 166px !important;
  }
}

.w-max-166 {
  max-width: 166px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-166 {
    max-width: 166px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-166 {
    max-width: 166px !important;
  }
}

.h-167 {
  height: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-167 {
    height: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-167 {
    height: 167px !important;
  }
}

.h-min-167 {
  min-height: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-167 {
    min-height: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-167 {
    min-height: 167px !important;
  }
}

.h-max-167 {
  max-height: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-167 {
    max-height: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-167 {
    max-height: 167px !important;
  }
}

.w-167 {
  width: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-167 {
    width: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-167 {
    width: 167px !important;
  }
}

.w-min-167 {
  min-width: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-167 {
    min-width: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-167 {
    min-width: 167px !important;
  }
}

.w-max-167 {
  max-width: 167px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-167 {
    max-width: 167px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-167 {
    max-width: 167px !important;
  }
}

.h-168 {
  height: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-168 {
    height: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-168 {
    height: 168px !important;
  }
}

.h-min-168 {
  min-height: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-168 {
    min-height: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-168 {
    min-height: 168px !important;
  }
}

.h-max-168 {
  max-height: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-168 {
    max-height: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-168 {
    max-height: 168px !important;
  }
}

.w-168 {
  width: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-168 {
    width: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-168 {
    width: 168px !important;
  }
}

.w-min-168 {
  min-width: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-168 {
    min-width: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-168 {
    min-width: 168px !important;
  }
}

.w-max-168 {
  max-width: 168px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-168 {
    max-width: 168px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-168 {
    max-width: 168px !important;
  }
}

.h-169 {
  height: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-169 {
    height: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-169 {
    height: 169px !important;
  }
}

.h-min-169 {
  min-height: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-169 {
    min-height: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-169 {
    min-height: 169px !important;
  }
}

.h-max-169 {
  max-height: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-169 {
    max-height: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-169 {
    max-height: 169px !important;
  }
}

.w-169 {
  width: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-169 {
    width: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-169 {
    width: 169px !important;
  }
}

.w-min-169 {
  min-width: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-169 {
    min-width: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-169 {
    min-width: 169px !important;
  }
}

.w-max-169 {
  max-width: 169px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-169 {
    max-width: 169px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-169 {
    max-width: 169px !important;
  }
}

.h-170 {
  height: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-170 {
    height: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-170 {
    height: 170px !important;
  }
}

.h-min-170 {
  min-height: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-170 {
    min-height: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-170 {
    min-height: 170px !important;
  }
}

.h-max-170 {
  max-height: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-170 {
    max-height: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-170 {
    max-height: 170px !important;
  }
}

.w-170 {
  width: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-170 {
    width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-170 {
    width: 170px !important;
  }
}

.w-min-170 {
  min-width: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-170 {
    min-width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-170 {
    min-width: 170px !important;
  }
}

.w-max-170 {
  max-width: 170px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-170 {
    max-width: 170px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-170 {
    max-width: 170px !important;
  }
}

.h-171 {
  height: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-171 {
    height: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-171 {
    height: 171px !important;
  }
}

.h-min-171 {
  min-height: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-171 {
    min-height: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-171 {
    min-height: 171px !important;
  }
}

.h-max-171 {
  max-height: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-171 {
    max-height: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-171 {
    max-height: 171px !important;
  }
}

.w-171 {
  width: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-171 {
    width: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-171 {
    width: 171px !important;
  }
}

.w-min-171 {
  min-width: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-171 {
    min-width: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-171 {
    min-width: 171px !important;
  }
}

.w-max-171 {
  max-width: 171px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-171 {
    max-width: 171px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-171 {
    max-width: 171px !important;
  }
}

.h-172 {
  height: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-172 {
    height: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-172 {
    height: 172px !important;
  }
}

.h-min-172 {
  min-height: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-172 {
    min-height: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-172 {
    min-height: 172px !important;
  }
}

.h-max-172 {
  max-height: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-172 {
    max-height: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-172 {
    max-height: 172px !important;
  }
}

.w-172 {
  width: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-172 {
    width: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-172 {
    width: 172px !important;
  }
}

.w-min-172 {
  min-width: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-172 {
    min-width: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-172 {
    min-width: 172px !important;
  }
}

.w-max-172 {
  max-width: 172px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-172 {
    max-width: 172px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-172 {
    max-width: 172px !important;
  }
}

.h-173 {
  height: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-173 {
    height: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-173 {
    height: 173px !important;
  }
}

.h-min-173 {
  min-height: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-173 {
    min-height: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-173 {
    min-height: 173px !important;
  }
}

.h-max-173 {
  max-height: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-173 {
    max-height: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-173 {
    max-height: 173px !important;
  }
}

.w-173 {
  width: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-173 {
    width: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-173 {
    width: 173px !important;
  }
}

.w-min-173 {
  min-width: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-173 {
    min-width: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-173 {
    min-width: 173px !important;
  }
}

.w-max-173 {
  max-width: 173px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-173 {
    max-width: 173px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-173 {
    max-width: 173px !important;
  }
}

.h-174 {
  height: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-174 {
    height: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-174 {
    height: 174px !important;
  }
}

.h-min-174 {
  min-height: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-174 {
    min-height: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-174 {
    min-height: 174px !important;
  }
}

.h-max-174 {
  max-height: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-174 {
    max-height: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-174 {
    max-height: 174px !important;
  }
}

.w-174 {
  width: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-174 {
    width: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-174 {
    width: 174px !important;
  }
}

.w-min-174 {
  min-width: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-174 {
    min-width: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-174 {
    min-width: 174px !important;
  }
}

.w-max-174 {
  max-width: 174px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-174 {
    max-width: 174px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-174 {
    max-width: 174px !important;
  }
}

.h-175 {
  height: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-175 {
    height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-175 {
    height: 175px !important;
  }
}

.h-min-175 {
  min-height: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-175 {
    min-height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-175 {
    min-height: 175px !important;
  }
}

.h-max-175 {
  max-height: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-175 {
    max-height: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-175 {
    max-height: 175px !important;
  }
}

.w-175 {
  width: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-175 {
    width: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-175 {
    width: 175px !important;
  }
}

.w-min-175 {
  min-width: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-175 {
    min-width: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-175 {
    min-width: 175px !important;
  }
}

.w-max-175 {
  max-width: 175px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-175 {
    max-width: 175px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-175 {
    max-width: 175px !important;
  }
}

.h-176 {
  height: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-176 {
    height: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-176 {
    height: 176px !important;
  }
}

.h-min-176 {
  min-height: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-176 {
    min-height: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-176 {
    min-height: 176px !important;
  }
}

.h-max-176 {
  max-height: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-176 {
    max-height: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-176 {
    max-height: 176px !important;
  }
}

.w-176 {
  width: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-176 {
    width: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-176 {
    width: 176px !important;
  }
}

.w-min-176 {
  min-width: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-176 {
    min-width: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-176 {
    min-width: 176px !important;
  }
}

.w-max-176 {
  max-width: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-176 {
    max-width: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-176 {
    max-width: 176px !important;
  }
}

.h-177 {
  height: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-177 {
    height: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-177 {
    height: 177px !important;
  }
}

.h-min-177 {
  min-height: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-177 {
    min-height: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-177 {
    min-height: 177px !important;
  }
}

.h-max-177 {
  max-height: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-177 {
    max-height: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-177 {
    max-height: 177px !important;
  }
}

.w-177 {
  width: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-177 {
    width: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-177 {
    width: 177px !important;
  }
}

.w-min-177 {
  min-width: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-177 {
    min-width: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-177 {
    min-width: 177px !important;
  }
}

.w-max-177 {
  max-width: 177px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-177 {
    max-width: 177px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-177 {
    max-width: 177px !important;
  }
}

.h-178 {
  height: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-178 {
    height: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-178 {
    height: 178px !important;
  }
}

.h-min-178 {
  min-height: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-178 {
    min-height: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-178 {
    min-height: 178px !important;
  }
}

.h-max-178 {
  max-height: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-178 {
    max-height: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-178 {
    max-height: 178px !important;
  }
}

.w-178 {
  width: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-178 {
    width: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-178 {
    width: 178px !important;
  }
}

.w-min-178 {
  min-width: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-178 {
    min-width: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-178 {
    min-width: 178px !important;
  }
}

.w-max-178 {
  max-width: 178px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-178 {
    max-width: 178px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-178 {
    max-width: 178px !important;
  }
}

.h-179 {
  height: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-179 {
    height: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-179 {
    height: 179px !important;
  }
}

.h-min-179 {
  min-height: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-179 {
    min-height: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-179 {
    min-height: 179px !important;
  }
}

.h-max-179 {
  max-height: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-179 {
    max-height: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-179 {
    max-height: 179px !important;
  }
}

.w-179 {
  width: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-179 {
    width: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-179 {
    width: 179px !important;
  }
}

.w-min-179 {
  min-width: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-179 {
    min-width: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-179 {
    min-width: 179px !important;
  }
}

.w-max-179 {
  max-width: 179px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-179 {
    max-width: 179px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-179 {
    max-width: 179px !important;
  }
}

.h-180 {
  height: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-180 {
    height: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-180 {
    height: 180px !important;
  }
}

.h-min-180 {
  min-height: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-180 {
    min-height: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-180 {
    min-height: 180px !important;
  }
}

.h-max-180 {
  max-height: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-180 {
    max-height: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-180 {
    max-height: 180px !important;
  }
}

.w-180 {
  width: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-180 {
    width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-180 {
    width: 180px !important;
  }
}

.w-min-180 {
  min-width: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-180 {
    min-width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-180 {
    min-width: 180px !important;
  }
}

.w-max-180 {
  max-width: 180px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-180 {
    max-width: 180px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-180 {
    max-width: 180px !important;
  }
}

.h-181 {
  height: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-181 {
    height: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-181 {
    height: 181px !important;
  }
}

.h-min-181 {
  min-height: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-181 {
    min-height: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-181 {
    min-height: 181px !important;
  }
}

.h-max-181 {
  max-height: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-181 {
    max-height: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-181 {
    max-height: 181px !important;
  }
}

.w-181 {
  width: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-181 {
    width: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-181 {
    width: 181px !important;
  }
}

.w-min-181 {
  min-width: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-181 {
    min-width: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-181 {
    min-width: 181px !important;
  }
}

.w-max-181 {
  max-width: 181px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-181 {
    max-width: 181px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-181 {
    max-width: 181px !important;
  }
}

.h-182 {
  height: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-182 {
    height: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-182 {
    height: 182px !important;
  }
}

.h-min-182 {
  min-height: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-182 {
    min-height: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-182 {
    min-height: 182px !important;
  }
}

.h-max-182 {
  max-height: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-182 {
    max-height: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-182 {
    max-height: 182px !important;
  }
}

.w-182 {
  width: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-182 {
    width: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-182 {
    width: 182px !important;
  }
}

.w-min-182 {
  min-width: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-182 {
    min-width: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-182 {
    min-width: 182px !important;
  }
}

.w-max-182 {
  max-width: 182px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-182 {
    max-width: 182px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-182 {
    max-width: 182px !important;
  }
}

.h-183 {
  height: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-183 {
    height: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-183 {
    height: 183px !important;
  }
}

.h-min-183 {
  min-height: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-183 {
    min-height: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-183 {
    min-height: 183px !important;
  }
}

.h-max-183 {
  max-height: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-183 {
    max-height: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-183 {
    max-height: 183px !important;
  }
}

.w-183 {
  width: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-183 {
    width: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-183 {
    width: 183px !important;
  }
}

.w-min-183 {
  min-width: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-183 {
    min-width: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-183 {
    min-width: 183px !important;
  }
}

.w-max-183 {
  max-width: 183px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-183 {
    max-width: 183px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-183 {
    max-width: 183px !important;
  }
}

.h-184 {
  height: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-184 {
    height: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-184 {
    height: 184px !important;
  }
}

.h-min-184 {
  min-height: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-184 {
    min-height: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-184 {
    min-height: 184px !important;
  }
}

.h-max-184 {
  max-height: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-184 {
    max-height: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-184 {
    max-height: 184px !important;
  }
}

.w-184 {
  width: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-184 {
    width: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-184 {
    width: 184px !important;
  }
}

.w-min-184 {
  min-width: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-184 {
    min-width: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-184 {
    min-width: 184px !important;
  }
}

.w-max-184 {
  max-width: 184px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-184 {
    max-width: 184px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-184 {
    max-width: 184px !important;
  }
}

.h-185 {
  height: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-185 {
    height: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-185 {
    height: 185px !important;
  }
}

.h-min-185 {
  min-height: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-185 {
    min-height: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-185 {
    min-height: 185px !important;
  }
}

.h-max-185 {
  max-height: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-185 {
    max-height: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-185 {
    max-height: 185px !important;
  }
}

.w-185 {
  width: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-185 {
    width: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-185 {
    width: 185px !important;
  }
}

.w-min-185 {
  min-width: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-185 {
    min-width: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-185 {
    min-width: 185px !important;
  }
}

.w-max-185 {
  max-width: 185px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-185 {
    max-width: 185px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-185 {
    max-width: 185px !important;
  }
}

.h-186 {
  height: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-186 {
    height: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-186 {
    height: 186px !important;
  }
}

.h-min-186 {
  min-height: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-186 {
    min-height: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-186 {
    min-height: 186px !important;
  }
}

.h-max-186 {
  max-height: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-186 {
    max-height: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-186 {
    max-height: 186px !important;
  }
}

.w-186 {
  width: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-186 {
    width: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-186 {
    width: 186px !important;
  }
}

.w-min-186 {
  min-width: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-186 {
    min-width: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-186 {
    min-width: 186px !important;
  }
}

.w-max-186 {
  max-width: 186px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-186 {
    max-width: 186px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-186 {
    max-width: 186px !important;
  }
}

.h-187 {
  height: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-187 {
    height: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-187 {
    height: 187px !important;
  }
}

.h-min-187 {
  min-height: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-187 {
    min-height: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-187 {
    min-height: 187px !important;
  }
}

.h-max-187 {
  max-height: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-187 {
    max-height: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-187 {
    max-height: 187px !important;
  }
}

.w-187 {
  width: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-187 {
    width: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-187 {
    width: 187px !important;
  }
}

.w-min-187 {
  min-width: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-187 {
    min-width: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-187 {
    min-width: 187px !important;
  }
}

.w-max-187 {
  max-width: 187px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-187 {
    max-width: 187px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-187 {
    max-width: 187px !important;
  }
}

.h-188 {
  height: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-188 {
    height: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-188 {
    height: 188px !important;
  }
}

.h-min-188 {
  min-height: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-188 {
    min-height: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-188 {
    min-height: 188px !important;
  }
}

.h-max-188 {
  max-height: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-188 {
    max-height: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-188 {
    max-height: 188px !important;
  }
}

.w-188 {
  width: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-188 {
    width: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-188 {
    width: 188px !important;
  }
}

.w-min-188 {
  min-width: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-188 {
    min-width: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-188 {
    min-width: 188px !important;
  }
}

.w-max-188 {
  max-width: 188px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-188 {
    max-width: 188px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-188 {
    max-width: 188px !important;
  }
}

.h-189 {
  height: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-189 {
    height: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-189 {
    height: 189px !important;
  }
}

.h-min-189 {
  min-height: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-189 {
    min-height: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-189 {
    min-height: 189px !important;
  }
}

.h-max-189 {
  max-height: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-189 {
    max-height: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-189 {
    max-height: 189px !important;
  }
}

.w-189 {
  width: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-189 {
    width: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-189 {
    width: 189px !important;
  }
}

.w-min-189 {
  min-width: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-189 {
    min-width: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-189 {
    min-width: 189px !important;
  }
}

.w-max-189 {
  max-width: 189px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-189 {
    max-width: 189px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-189 {
    max-width: 189px !important;
  }
}

.h-190 {
  height: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-190 {
    height: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-190 {
    height: 190px !important;
  }
}

.h-min-190 {
  min-height: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-190 {
    min-height: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-190 {
    min-height: 190px !important;
  }
}

.h-max-190 {
  max-height: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-190 {
    max-height: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-190 {
    max-height: 190px !important;
  }
}

.w-190 {
  width: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-190 {
    width: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-190 {
    width: 190px !important;
  }
}

.w-min-190 {
  min-width: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-190 {
    min-width: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-190 {
    min-width: 190px !important;
  }
}

.w-max-190 {
  max-width: 190px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-190 {
    max-width: 190px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-190 {
    max-width: 190px !important;
  }
}

.h-191 {
  height: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-191 {
    height: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-191 {
    height: 191px !important;
  }
}

.h-min-191 {
  min-height: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-191 {
    min-height: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-191 {
    min-height: 191px !important;
  }
}

.h-max-191 {
  max-height: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-191 {
    max-height: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-191 {
    max-height: 191px !important;
  }
}

.w-191 {
  width: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-191 {
    width: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-191 {
    width: 191px !important;
  }
}

.w-min-191 {
  min-width: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-191 {
    min-width: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-191 {
    min-width: 191px !important;
  }
}

.w-max-191 {
  max-width: 191px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-191 {
    max-width: 191px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-191 {
    max-width: 191px !important;
  }
}

.h-192 {
  height: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-192 {
    height: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-192 {
    height: 192px !important;
  }
}

.h-min-192 {
  min-height: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-192 {
    min-height: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-192 {
    min-height: 192px !important;
  }
}

.h-max-192 {
  max-height: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-192 {
    max-height: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-192 {
    max-height: 192px !important;
  }
}

.w-192 {
  width: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-192 {
    width: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-192 {
    width: 192px !important;
  }
}

.w-min-192 {
  min-width: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-192 {
    min-width: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-192 {
    min-width: 192px !important;
  }
}

.w-max-192 {
  max-width: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-192 {
    max-width: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-192 {
    max-width: 192px !important;
  }
}

.h-193 {
  height: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-193 {
    height: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-193 {
    height: 193px !important;
  }
}

.h-min-193 {
  min-height: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-193 {
    min-height: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-193 {
    min-height: 193px !important;
  }
}

.h-max-193 {
  max-height: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-193 {
    max-height: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-193 {
    max-height: 193px !important;
  }
}

.w-193 {
  width: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-193 {
    width: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-193 {
    width: 193px !important;
  }
}

.w-min-193 {
  min-width: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-193 {
    min-width: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-193 {
    min-width: 193px !important;
  }
}

.w-max-193 {
  max-width: 193px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-193 {
    max-width: 193px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-193 {
    max-width: 193px !important;
  }
}

.h-194 {
  height: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-194 {
    height: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-194 {
    height: 194px !important;
  }
}

.h-min-194 {
  min-height: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-194 {
    min-height: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-194 {
    min-height: 194px !important;
  }
}

.h-max-194 {
  max-height: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-194 {
    max-height: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-194 {
    max-height: 194px !important;
  }
}

.w-194 {
  width: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-194 {
    width: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-194 {
    width: 194px !important;
  }
}

.w-min-194 {
  min-width: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-194 {
    min-width: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-194 {
    min-width: 194px !important;
  }
}

.w-max-194 {
  max-width: 194px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-194 {
    max-width: 194px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-194 {
    max-width: 194px !important;
  }
}

.h-195 {
  height: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-195 {
    height: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-195 {
    height: 195px !important;
  }
}

.h-min-195 {
  min-height: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-195 {
    min-height: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-195 {
    min-height: 195px !important;
  }
}

.h-max-195 {
  max-height: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-195 {
    max-height: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-195 {
    max-height: 195px !important;
  }
}

.w-195 {
  width: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-195 {
    width: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-195 {
    width: 195px !important;
  }
}

.w-min-195 {
  min-width: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-195 {
    min-width: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-195 {
    min-width: 195px !important;
  }
}

.w-max-195 {
  max-width: 195px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-195 {
    max-width: 195px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-195 {
    max-width: 195px !important;
  }
}

.h-196 {
  height: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-196 {
    height: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-196 {
    height: 196px !important;
  }
}

.h-min-196 {
  min-height: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-196 {
    min-height: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-196 {
    min-height: 196px !important;
  }
}

.h-max-196 {
  max-height: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-196 {
    max-height: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-196 {
    max-height: 196px !important;
  }
}

.w-196 {
  width: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-196 {
    width: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-196 {
    width: 196px !important;
  }
}

.w-min-196 {
  min-width: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-196 {
    min-width: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-196 {
    min-width: 196px !important;
  }
}

.w-max-196 {
  max-width: 196px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-196 {
    max-width: 196px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-196 {
    max-width: 196px !important;
  }
}

.h-197 {
  height: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-197 {
    height: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-197 {
    height: 197px !important;
  }
}

.h-min-197 {
  min-height: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-197 {
    min-height: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-197 {
    min-height: 197px !important;
  }
}

.h-max-197 {
  max-height: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-197 {
    max-height: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-197 {
    max-height: 197px !important;
  }
}

.w-197 {
  width: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-197 {
    width: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-197 {
    width: 197px !important;
  }
}

.w-min-197 {
  min-width: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-197 {
    min-width: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-197 {
    min-width: 197px !important;
  }
}

.w-max-197 {
  max-width: 197px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-197 {
    max-width: 197px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-197 {
    max-width: 197px !important;
  }
}

.h-198 {
  height: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-198 {
    height: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-198 {
    height: 198px !important;
  }
}

.h-min-198 {
  min-height: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-198 {
    min-height: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-198 {
    min-height: 198px !important;
  }
}

.h-max-198 {
  max-height: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-198 {
    max-height: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-198 {
    max-height: 198px !important;
  }
}

.w-198 {
  width: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-198 {
    width: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-198 {
    width: 198px !important;
  }
}

.w-min-198 {
  min-width: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-198 {
    min-width: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-198 {
    min-width: 198px !important;
  }
}

.w-max-198 {
  max-width: 198px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-198 {
    max-width: 198px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-198 {
    max-width: 198px !important;
  }
}

.h-199 {
  height: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-199 {
    height: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-199 {
    height: 199px !important;
  }
}

.h-min-199 {
  min-height: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-199 {
    min-height: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-199 {
    min-height: 199px !important;
  }
}

.h-max-199 {
  max-height: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-199 {
    max-height: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-199 {
    max-height: 199px !important;
  }
}

.w-199 {
  width: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-199 {
    width: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-199 {
    width: 199px !important;
  }
}

.w-min-199 {
  min-width: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-199 {
    min-width: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-199 {
    min-width: 199px !important;
  }
}

.w-max-199 {
  max-width: 199px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-199 {
    max-width: 199px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-199 {
    max-width: 199px !important;
  }
}

.h-200 {
  height: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-200 {
    height: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-200 {
    height: 200px !important;
  }
}

.h-min-200 {
  min-height: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-200 {
    min-height: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-200 {
    min-height: 200px !important;
  }
}

.h-max-200 {
  max-height: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-200 {
    max-height: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-200 {
    max-height: 200px !important;
  }
}

.w-200 {
  width: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-200 {
    width: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-200 {
    width: 200px !important;
  }
}

.w-min-200 {
  min-width: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-200 {
    min-width: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-200 {
    min-width: 200px !important;
  }
}

.w-max-200 {
  max-width: 200px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-200 {
    max-width: 200px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-200 {
    max-width: 200px !important;
  }
}

.h-201 {
  height: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-201 {
    height: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-201 {
    height: 201px !important;
  }
}

.h-min-201 {
  min-height: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-201 {
    min-height: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-201 {
    min-height: 201px !important;
  }
}

.h-max-201 {
  max-height: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-201 {
    max-height: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-201 {
    max-height: 201px !important;
  }
}

.w-201 {
  width: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-201 {
    width: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-201 {
    width: 201px !important;
  }
}

.w-min-201 {
  min-width: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-201 {
    min-width: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-201 {
    min-width: 201px !important;
  }
}

.w-max-201 {
  max-width: 201px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-201 {
    max-width: 201px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-201 {
    max-width: 201px !important;
  }
}

.h-202 {
  height: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-202 {
    height: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-202 {
    height: 202px !important;
  }
}

.h-min-202 {
  min-height: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-202 {
    min-height: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-202 {
    min-height: 202px !important;
  }
}

.h-max-202 {
  max-height: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-202 {
    max-height: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-202 {
    max-height: 202px !important;
  }
}

.w-202 {
  width: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-202 {
    width: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-202 {
    width: 202px !important;
  }
}

.w-min-202 {
  min-width: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-202 {
    min-width: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-202 {
    min-width: 202px !important;
  }
}

.w-max-202 {
  max-width: 202px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-202 {
    max-width: 202px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-202 {
    max-width: 202px !important;
  }
}

.h-203 {
  height: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-203 {
    height: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-203 {
    height: 203px !important;
  }
}

.h-min-203 {
  min-height: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-203 {
    min-height: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-203 {
    min-height: 203px !important;
  }
}

.h-max-203 {
  max-height: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-203 {
    max-height: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-203 {
    max-height: 203px !important;
  }
}

.w-203 {
  width: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-203 {
    width: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-203 {
    width: 203px !important;
  }
}

.w-min-203 {
  min-width: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-203 {
    min-width: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-203 {
    min-width: 203px !important;
  }
}

.w-max-203 {
  max-width: 203px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-203 {
    max-width: 203px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-203 {
    max-width: 203px !important;
  }
}

.h-204 {
  height: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-204 {
    height: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-204 {
    height: 204px !important;
  }
}

.h-min-204 {
  min-height: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-204 {
    min-height: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-204 {
    min-height: 204px !important;
  }
}

.h-max-204 {
  max-height: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-204 {
    max-height: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-204 {
    max-height: 204px !important;
  }
}

.w-204 {
  width: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-204 {
    width: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-204 {
    width: 204px !important;
  }
}

.w-min-204 {
  min-width: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-204 {
    min-width: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-204 {
    min-width: 204px !important;
  }
}

.w-max-204 {
  max-width: 204px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-204 {
    max-width: 204px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-204 {
    max-width: 204px !important;
  }
}

.h-205 {
  height: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-205 {
    height: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-205 {
    height: 205px !important;
  }
}

.h-min-205 {
  min-height: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-205 {
    min-height: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-205 {
    min-height: 205px !important;
  }
}

.h-max-205 {
  max-height: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-205 {
    max-height: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-205 {
    max-height: 205px !important;
  }
}

.w-205 {
  width: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-205 {
    width: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-205 {
    width: 205px !important;
  }
}

.w-min-205 {
  min-width: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-205 {
    min-width: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-205 {
    min-width: 205px !important;
  }
}

.w-max-205 {
  max-width: 205px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-205 {
    max-width: 205px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-205 {
    max-width: 205px !important;
  }
}

.h-206 {
  height: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-206 {
    height: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-206 {
    height: 206px !important;
  }
}

.h-min-206 {
  min-height: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-206 {
    min-height: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-206 {
    min-height: 206px !important;
  }
}

.h-max-206 {
  max-height: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-206 {
    max-height: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-206 {
    max-height: 206px !important;
  }
}

.w-206 {
  width: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-206 {
    width: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-206 {
    width: 206px !important;
  }
}

.w-min-206 {
  min-width: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-206 {
    min-width: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-206 {
    min-width: 206px !important;
  }
}

.w-max-206 {
  max-width: 206px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-206 {
    max-width: 206px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-206 {
    max-width: 206px !important;
  }
}

.h-207 {
  height: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-207 {
    height: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-207 {
    height: 207px !important;
  }
}

.h-min-207 {
  min-height: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-207 {
    min-height: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-207 {
    min-height: 207px !important;
  }
}

.h-max-207 {
  max-height: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-207 {
    max-height: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-207 {
    max-height: 207px !important;
  }
}

.w-207 {
  width: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-207 {
    width: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-207 {
    width: 207px !important;
  }
}

.w-min-207 {
  min-width: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-207 {
    min-width: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-207 {
    min-width: 207px !important;
  }
}

.w-max-207 {
  max-width: 207px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-207 {
    max-width: 207px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-207 {
    max-width: 207px !important;
  }
}

.h-208 {
  height: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-208 {
    height: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-208 {
    height: 208px !important;
  }
}

.h-min-208 {
  min-height: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-208 {
    min-height: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-208 {
    min-height: 208px !important;
  }
}

.h-max-208 {
  max-height: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-208 {
    max-height: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-208 {
    max-height: 208px !important;
  }
}

.w-208 {
  width: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-208 {
    width: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-208 {
    width: 208px !important;
  }
}

.w-min-208 {
  min-width: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-208 {
    min-width: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-208 {
    min-width: 208px !important;
  }
}

.w-max-208 {
  max-width: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-208 {
    max-width: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-208 {
    max-width: 208px !important;
  }
}

.h-209 {
  height: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-209 {
    height: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-209 {
    height: 209px !important;
  }
}

.h-min-209 {
  min-height: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-209 {
    min-height: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-209 {
    min-height: 209px !important;
  }
}

.h-max-209 {
  max-height: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-209 {
    max-height: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-209 {
    max-height: 209px !important;
  }
}

.w-209 {
  width: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-209 {
    width: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-209 {
    width: 209px !important;
  }
}

.w-min-209 {
  min-width: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-209 {
    min-width: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-209 {
    min-width: 209px !important;
  }
}

.w-max-209 {
  max-width: 209px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-209 {
    max-width: 209px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-209 {
    max-width: 209px !important;
  }
}

.h-210 {
  height: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-210 {
    height: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-210 {
    height: 210px !important;
  }
}

.h-min-210 {
  min-height: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-210 {
    min-height: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-210 {
    min-height: 210px !important;
  }
}

.h-max-210 {
  max-height: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-210 {
    max-height: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-210 {
    max-height: 210px !important;
  }
}

.w-210 {
  width: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-210 {
    width: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-210 {
    width: 210px !important;
  }
}

.w-min-210 {
  min-width: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-210 {
    min-width: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-210 {
    min-width: 210px !important;
  }
}

.w-max-210 {
  max-width: 210px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-210 {
    max-width: 210px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-210 {
    max-width: 210px !important;
  }
}

.h-211 {
  height: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-211 {
    height: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-211 {
    height: 211px !important;
  }
}

.h-min-211 {
  min-height: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-211 {
    min-height: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-211 {
    min-height: 211px !important;
  }
}

.h-max-211 {
  max-height: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-211 {
    max-height: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-211 {
    max-height: 211px !important;
  }
}

.w-211 {
  width: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-211 {
    width: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-211 {
    width: 211px !important;
  }
}

.w-min-211 {
  min-width: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-211 {
    min-width: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-211 {
    min-width: 211px !important;
  }
}

.w-max-211 {
  max-width: 211px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-211 {
    max-width: 211px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-211 {
    max-width: 211px !important;
  }
}

.h-212 {
  height: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-212 {
    height: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-212 {
    height: 212px !important;
  }
}

.h-min-212 {
  min-height: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-212 {
    min-height: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-212 {
    min-height: 212px !important;
  }
}

.h-max-212 {
  max-height: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-212 {
    max-height: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-212 {
    max-height: 212px !important;
  }
}

.w-212 {
  width: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-212 {
    width: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-212 {
    width: 212px !important;
  }
}

.w-min-212 {
  min-width: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-212 {
    min-width: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-212 {
    min-width: 212px !important;
  }
}

.w-max-212 {
  max-width: 212px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-212 {
    max-width: 212px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-212 {
    max-width: 212px !important;
  }
}

.h-213 {
  height: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-213 {
    height: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-213 {
    height: 213px !important;
  }
}

.h-min-213 {
  min-height: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-213 {
    min-height: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-213 {
    min-height: 213px !important;
  }
}

.h-max-213 {
  max-height: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-213 {
    max-height: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-213 {
    max-height: 213px !important;
  }
}

.w-213 {
  width: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-213 {
    width: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-213 {
    width: 213px !important;
  }
}

.w-min-213 {
  min-width: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-213 {
    min-width: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-213 {
    min-width: 213px !important;
  }
}

.w-max-213 {
  max-width: 213px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-213 {
    max-width: 213px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-213 {
    max-width: 213px !important;
  }
}

.h-214 {
  height: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-214 {
    height: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-214 {
    height: 214px !important;
  }
}

.h-min-214 {
  min-height: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-214 {
    min-height: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-214 {
    min-height: 214px !important;
  }
}

.h-max-214 {
  max-height: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-214 {
    max-height: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-214 {
    max-height: 214px !important;
  }
}

.w-214 {
  width: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-214 {
    width: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-214 {
    width: 214px !important;
  }
}

.w-min-214 {
  min-width: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-214 {
    min-width: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-214 {
    min-width: 214px !important;
  }
}

.w-max-214 {
  max-width: 214px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-214 {
    max-width: 214px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-214 {
    max-width: 214px !important;
  }
}

.h-215 {
  height: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-215 {
    height: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-215 {
    height: 215px !important;
  }
}

.h-min-215 {
  min-height: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-215 {
    min-height: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-215 {
    min-height: 215px !important;
  }
}

.h-max-215 {
  max-height: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-215 {
    max-height: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-215 {
    max-height: 215px !important;
  }
}

.w-215 {
  width: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-215 {
    width: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-215 {
    width: 215px !important;
  }
}

.w-min-215 {
  min-width: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-215 {
    min-width: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-215 {
    min-width: 215px !important;
  }
}

.w-max-215 {
  max-width: 215px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-215 {
    max-width: 215px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-215 {
    max-width: 215px !important;
  }
}

.h-216 {
  height: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-216 {
    height: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-216 {
    height: 216px !important;
  }
}

.h-min-216 {
  min-height: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-216 {
    min-height: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-216 {
    min-height: 216px !important;
  }
}

.h-max-216 {
  max-height: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-216 {
    max-height: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-216 {
    max-height: 216px !important;
  }
}

.w-216 {
  width: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-216 {
    width: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-216 {
    width: 216px !important;
  }
}

.w-min-216 {
  min-width: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-216 {
    min-width: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-216 {
    min-width: 216px !important;
  }
}

.w-max-216 {
  max-width: 216px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-216 {
    max-width: 216px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-216 {
    max-width: 216px !important;
  }
}

.h-217 {
  height: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-217 {
    height: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-217 {
    height: 217px !important;
  }
}

.h-min-217 {
  min-height: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-217 {
    min-height: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-217 {
    min-height: 217px !important;
  }
}

.h-max-217 {
  max-height: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-217 {
    max-height: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-217 {
    max-height: 217px !important;
  }
}

.w-217 {
  width: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-217 {
    width: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-217 {
    width: 217px !important;
  }
}

.w-min-217 {
  min-width: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-217 {
    min-width: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-217 {
    min-width: 217px !important;
  }
}

.w-max-217 {
  max-width: 217px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-217 {
    max-width: 217px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-217 {
    max-width: 217px !important;
  }
}

.h-218 {
  height: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-218 {
    height: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-218 {
    height: 218px !important;
  }
}

.h-min-218 {
  min-height: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-218 {
    min-height: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-218 {
    min-height: 218px !important;
  }
}

.h-max-218 {
  max-height: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-218 {
    max-height: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-218 {
    max-height: 218px !important;
  }
}

.w-218 {
  width: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-218 {
    width: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-218 {
    width: 218px !important;
  }
}

.w-min-218 {
  min-width: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-218 {
    min-width: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-218 {
    min-width: 218px !important;
  }
}

.w-max-218 {
  max-width: 218px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-218 {
    max-width: 218px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-218 {
    max-width: 218px !important;
  }
}

.h-219 {
  height: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-219 {
    height: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-219 {
    height: 219px !important;
  }
}

.h-min-219 {
  min-height: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-219 {
    min-height: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-219 {
    min-height: 219px !important;
  }
}

.h-max-219 {
  max-height: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-219 {
    max-height: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-219 {
    max-height: 219px !important;
  }
}

.w-219 {
  width: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-219 {
    width: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-219 {
    width: 219px !important;
  }
}

.w-min-219 {
  min-width: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-219 {
    min-width: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-219 {
    min-width: 219px !important;
  }
}

.w-max-219 {
  max-width: 219px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-219 {
    max-width: 219px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-219 {
    max-width: 219px !important;
  }
}

.h-220 {
  height: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-220 {
    height: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-220 {
    height: 220px !important;
  }
}

.h-min-220 {
  min-height: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-220 {
    min-height: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-220 {
    min-height: 220px !important;
  }
}

.h-max-220 {
  max-height: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-220 {
    max-height: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-220 {
    max-height: 220px !important;
  }
}

.w-220 {
  width: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-220 {
    width: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-220 {
    width: 220px !important;
  }
}

.w-min-220 {
  min-width: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-220 {
    min-width: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-220 {
    min-width: 220px !important;
  }
}

.w-max-220 {
  max-width: 220px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-220 {
    max-width: 220px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-220 {
    max-width: 220px !important;
  }
}

.h-221 {
  height: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-221 {
    height: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-221 {
    height: 221px !important;
  }
}

.h-min-221 {
  min-height: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-221 {
    min-height: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-221 {
    min-height: 221px !important;
  }
}

.h-max-221 {
  max-height: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-221 {
    max-height: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-221 {
    max-height: 221px !important;
  }
}

.w-221 {
  width: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-221 {
    width: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-221 {
    width: 221px !important;
  }
}

.w-min-221 {
  min-width: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-221 {
    min-width: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-221 {
    min-width: 221px !important;
  }
}

.w-max-221 {
  max-width: 221px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-221 {
    max-width: 221px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-221 {
    max-width: 221px !important;
  }
}

.h-222 {
  height: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-222 {
    height: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-222 {
    height: 222px !important;
  }
}

.h-min-222 {
  min-height: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-222 {
    min-height: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-222 {
    min-height: 222px !important;
  }
}

.h-max-222 {
  max-height: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-222 {
    max-height: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-222 {
    max-height: 222px !important;
  }
}

.w-222 {
  width: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-222 {
    width: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-222 {
    width: 222px !important;
  }
}

.w-min-222 {
  min-width: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-222 {
    min-width: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-222 {
    min-width: 222px !important;
  }
}

.w-max-222 {
  max-width: 222px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-222 {
    max-width: 222px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-222 {
    max-width: 222px !important;
  }
}

.h-223 {
  height: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-223 {
    height: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-223 {
    height: 223px !important;
  }
}

.h-min-223 {
  min-height: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-223 {
    min-height: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-223 {
    min-height: 223px !important;
  }
}

.h-max-223 {
  max-height: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-223 {
    max-height: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-223 {
    max-height: 223px !important;
  }
}

.w-223 {
  width: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-223 {
    width: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-223 {
    width: 223px !important;
  }
}

.w-min-223 {
  min-width: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-223 {
    min-width: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-223 {
    min-width: 223px !important;
  }
}

.w-max-223 {
  max-width: 223px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-223 {
    max-width: 223px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-223 {
    max-width: 223px !important;
  }
}

.h-224 {
  height: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-224 {
    height: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-224 {
    height: 224px !important;
  }
}

.h-min-224 {
  min-height: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-224 {
    min-height: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-224 {
    min-height: 224px !important;
  }
}

.h-max-224 {
  max-height: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-224 {
    max-height: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-224 {
    max-height: 224px !important;
  }
}

.w-224 {
  width: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-224 {
    width: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-224 {
    width: 224px !important;
  }
}

.w-min-224 {
  min-width: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-224 {
    min-width: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-224 {
    min-width: 224px !important;
  }
}

.w-max-224 {
  max-width: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-224 {
    max-width: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-224 {
    max-width: 224px !important;
  }
}

.h-225 {
  height: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-225 {
    height: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-225 {
    height: 225px !important;
  }
}

.h-min-225 {
  min-height: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-225 {
    min-height: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-225 {
    min-height: 225px !important;
  }
}

.h-max-225 {
  max-height: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-225 {
    max-height: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-225 {
    max-height: 225px !important;
  }
}

.w-225 {
  width: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-225 {
    width: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-225 {
    width: 225px !important;
  }
}

.w-min-225 {
  min-width: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-225 {
    min-width: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-225 {
    min-width: 225px !important;
  }
}

.w-max-225 {
  max-width: 225px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-225 {
    max-width: 225px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-225 {
    max-width: 225px !important;
  }
}

.h-226 {
  height: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-226 {
    height: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-226 {
    height: 226px !important;
  }
}

.h-min-226 {
  min-height: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-226 {
    min-height: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-226 {
    min-height: 226px !important;
  }
}

.h-max-226 {
  max-height: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-226 {
    max-height: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-226 {
    max-height: 226px !important;
  }
}

.w-226 {
  width: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-226 {
    width: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-226 {
    width: 226px !important;
  }
}

.w-min-226 {
  min-width: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-226 {
    min-width: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-226 {
    min-width: 226px !important;
  }
}

.w-max-226 {
  max-width: 226px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-226 {
    max-width: 226px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-226 {
    max-width: 226px !important;
  }
}

.h-227 {
  height: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-227 {
    height: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-227 {
    height: 227px !important;
  }
}

.h-min-227 {
  min-height: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-227 {
    min-height: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-227 {
    min-height: 227px !important;
  }
}

.h-max-227 {
  max-height: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-227 {
    max-height: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-227 {
    max-height: 227px !important;
  }
}

.w-227 {
  width: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-227 {
    width: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-227 {
    width: 227px !important;
  }
}

.w-min-227 {
  min-width: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-227 {
    min-width: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-227 {
    min-width: 227px !important;
  }
}

.w-max-227 {
  max-width: 227px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-227 {
    max-width: 227px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-227 {
    max-width: 227px !important;
  }
}

.h-228 {
  height: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-228 {
    height: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-228 {
    height: 228px !important;
  }
}

.h-min-228 {
  min-height: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-228 {
    min-height: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-228 {
    min-height: 228px !important;
  }
}

.h-max-228 {
  max-height: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-228 {
    max-height: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-228 {
    max-height: 228px !important;
  }
}

.w-228 {
  width: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-228 {
    width: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-228 {
    width: 228px !important;
  }
}

.w-min-228 {
  min-width: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-228 {
    min-width: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-228 {
    min-width: 228px !important;
  }
}

.w-max-228 {
  max-width: 228px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-228 {
    max-width: 228px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-228 {
    max-width: 228px !important;
  }
}

.h-229 {
  height: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-229 {
    height: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-229 {
    height: 229px !important;
  }
}

.h-min-229 {
  min-height: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-229 {
    min-height: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-229 {
    min-height: 229px !important;
  }
}

.h-max-229 {
  max-height: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-229 {
    max-height: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-229 {
    max-height: 229px !important;
  }
}

.w-229 {
  width: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-229 {
    width: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-229 {
    width: 229px !important;
  }
}

.w-min-229 {
  min-width: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-229 {
    min-width: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-229 {
    min-width: 229px !important;
  }
}

.w-max-229 {
  max-width: 229px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-229 {
    max-width: 229px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-229 {
    max-width: 229px !important;
  }
}

.h-230 {
  height: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-230 {
    height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-230 {
    height: 230px !important;
  }
}

.h-min-230 {
  min-height: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-230 {
    min-height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-230 {
    min-height: 230px !important;
  }
}

.h-max-230 {
  max-height: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-230 {
    max-height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-230 {
    max-height: 230px !important;
  }
}

.w-230 {
  width: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-230 {
    width: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-230 {
    width: 230px !important;
  }
}

.w-min-230 {
  min-width: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-230 {
    min-width: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-230 {
    min-width: 230px !important;
  }
}

.w-max-230 {
  max-width: 230px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-230 {
    max-width: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-230 {
    max-width: 230px !important;
  }
}

.h-231 {
  height: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-231 {
    height: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-231 {
    height: 231px !important;
  }
}

.h-min-231 {
  min-height: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-231 {
    min-height: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-231 {
    min-height: 231px !important;
  }
}

.h-max-231 {
  max-height: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-231 {
    max-height: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-231 {
    max-height: 231px !important;
  }
}

.w-231 {
  width: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-231 {
    width: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-231 {
    width: 231px !important;
  }
}

.w-min-231 {
  min-width: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-231 {
    min-width: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-231 {
    min-width: 231px !important;
  }
}

.w-max-231 {
  max-width: 231px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-231 {
    max-width: 231px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-231 {
    max-width: 231px !important;
  }
}

.h-232 {
  height: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-232 {
    height: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-232 {
    height: 232px !important;
  }
}

.h-min-232 {
  min-height: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-232 {
    min-height: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-232 {
    min-height: 232px !important;
  }
}

.h-max-232 {
  max-height: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-232 {
    max-height: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-232 {
    max-height: 232px !important;
  }
}

.w-232 {
  width: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-232 {
    width: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-232 {
    width: 232px !important;
  }
}

.w-min-232 {
  min-width: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-232 {
    min-width: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-232 {
    min-width: 232px !important;
  }
}

.w-max-232 {
  max-width: 232px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-232 {
    max-width: 232px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-232 {
    max-width: 232px !important;
  }
}

.h-233 {
  height: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-233 {
    height: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-233 {
    height: 233px !important;
  }
}

.h-min-233 {
  min-height: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-233 {
    min-height: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-233 {
    min-height: 233px !important;
  }
}

.h-max-233 {
  max-height: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-233 {
    max-height: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-233 {
    max-height: 233px !important;
  }
}

.w-233 {
  width: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-233 {
    width: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-233 {
    width: 233px !important;
  }
}

.w-min-233 {
  min-width: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-233 {
    min-width: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-233 {
    min-width: 233px !important;
  }
}

.w-max-233 {
  max-width: 233px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-233 {
    max-width: 233px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-233 {
    max-width: 233px !important;
  }
}

.h-234 {
  height: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-234 {
    height: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-234 {
    height: 234px !important;
  }
}

.h-min-234 {
  min-height: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-234 {
    min-height: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-234 {
    min-height: 234px !important;
  }
}

.h-max-234 {
  max-height: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-234 {
    max-height: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-234 {
    max-height: 234px !important;
  }
}

.w-234 {
  width: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-234 {
    width: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-234 {
    width: 234px !important;
  }
}

.w-min-234 {
  min-width: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-234 {
    min-width: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-234 {
    min-width: 234px !important;
  }
}

.w-max-234 {
  max-width: 234px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-234 {
    max-width: 234px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-234 {
    max-width: 234px !important;
  }
}

.h-235 {
  height: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-235 {
    height: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-235 {
    height: 235px !important;
  }
}

.h-min-235 {
  min-height: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-235 {
    min-height: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-235 {
    min-height: 235px !important;
  }
}

.h-max-235 {
  max-height: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-235 {
    max-height: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-235 {
    max-height: 235px !important;
  }
}

.w-235 {
  width: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-235 {
    width: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-235 {
    width: 235px !important;
  }
}

.w-min-235 {
  min-width: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-235 {
    min-width: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-235 {
    min-width: 235px !important;
  }
}

.w-max-235 {
  max-width: 235px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-235 {
    max-width: 235px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-235 {
    max-width: 235px !important;
  }
}

.h-236 {
  height: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-236 {
    height: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-236 {
    height: 236px !important;
  }
}

.h-min-236 {
  min-height: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-236 {
    min-height: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-236 {
    min-height: 236px !important;
  }
}

.h-max-236 {
  max-height: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-236 {
    max-height: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-236 {
    max-height: 236px !important;
  }
}

.w-236 {
  width: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-236 {
    width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-236 {
    width: 236px !important;
  }
}

.w-min-236 {
  min-width: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-236 {
    min-width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-236 {
    min-width: 236px !important;
  }
}

.w-max-236 {
  max-width: 236px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-236 {
    max-width: 236px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-236 {
    max-width: 236px !important;
  }
}

.h-237 {
  height: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-237 {
    height: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-237 {
    height: 237px !important;
  }
}

.h-min-237 {
  min-height: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-237 {
    min-height: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-237 {
    min-height: 237px !important;
  }
}

.h-max-237 {
  max-height: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-237 {
    max-height: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-237 {
    max-height: 237px !important;
  }
}

.w-237 {
  width: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-237 {
    width: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-237 {
    width: 237px !important;
  }
}

.w-min-237 {
  min-width: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-237 {
    min-width: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-237 {
    min-width: 237px !important;
  }
}

.w-max-237 {
  max-width: 237px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-237 {
    max-width: 237px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-237 {
    max-width: 237px !important;
  }
}

.h-238 {
  height: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-238 {
    height: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-238 {
    height: 238px !important;
  }
}

.h-min-238 {
  min-height: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-238 {
    min-height: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-238 {
    min-height: 238px !important;
  }
}

.h-max-238 {
  max-height: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-238 {
    max-height: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-238 {
    max-height: 238px !important;
  }
}

.w-238 {
  width: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-238 {
    width: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-238 {
    width: 238px !important;
  }
}

.w-min-238 {
  min-width: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-238 {
    min-width: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-238 {
    min-width: 238px !important;
  }
}

.w-max-238 {
  max-width: 238px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-238 {
    max-width: 238px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-238 {
    max-width: 238px !important;
  }
}

.h-239 {
  height: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-239 {
    height: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-239 {
    height: 239px !important;
  }
}

.h-min-239 {
  min-height: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-239 {
    min-height: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-239 {
    min-height: 239px !important;
  }
}

.h-max-239 {
  max-height: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-239 {
    max-height: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-239 {
    max-height: 239px !important;
  }
}

.w-239 {
  width: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-239 {
    width: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-239 {
    width: 239px !important;
  }
}

.w-min-239 {
  min-width: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-239 {
    min-width: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-239 {
    min-width: 239px !important;
  }
}

.w-max-239 {
  max-width: 239px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-239 {
    max-width: 239px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-239 {
    max-width: 239px !important;
  }
}

.h-240 {
  height: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-240 {
    height: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-240 {
    height: 240px !important;
  }
}

.h-min-240 {
  min-height: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-240 {
    min-height: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-240 {
    min-height: 240px !important;
  }
}

.h-max-240 {
  max-height: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-240 {
    max-height: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-240 {
    max-height: 240px !important;
  }
}

.w-240 {
  width: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-240 {
    width: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-240 {
    width: 240px !important;
  }
}

.w-min-240 {
  min-width: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-240 {
    min-width: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-240 {
    min-width: 240px !important;
  }
}

.w-max-240 {
  max-width: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-240 {
    max-width: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-240 {
    max-width: 240px !important;
  }
}

.h-241 {
  height: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-241 {
    height: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-241 {
    height: 241px !important;
  }
}

.h-min-241 {
  min-height: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-241 {
    min-height: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-241 {
    min-height: 241px !important;
  }
}

.h-max-241 {
  max-height: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-241 {
    max-height: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-241 {
    max-height: 241px !important;
  }
}

.w-241 {
  width: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-241 {
    width: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-241 {
    width: 241px !important;
  }
}

.w-min-241 {
  min-width: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-241 {
    min-width: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-241 {
    min-width: 241px !important;
  }
}

.w-max-241 {
  max-width: 241px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-241 {
    max-width: 241px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-241 {
    max-width: 241px !important;
  }
}

.h-242 {
  height: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-242 {
    height: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-242 {
    height: 242px !important;
  }
}

.h-min-242 {
  min-height: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-242 {
    min-height: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-242 {
    min-height: 242px !important;
  }
}

.h-max-242 {
  max-height: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-242 {
    max-height: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-242 {
    max-height: 242px !important;
  }
}

.w-242 {
  width: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-242 {
    width: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-242 {
    width: 242px !important;
  }
}

.w-min-242 {
  min-width: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-242 {
    min-width: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-242 {
    min-width: 242px !important;
  }
}

.w-max-242 {
  max-width: 242px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-242 {
    max-width: 242px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-242 {
    max-width: 242px !important;
  }
}

.h-243 {
  height: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-243 {
    height: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-243 {
    height: 243px !important;
  }
}

.h-min-243 {
  min-height: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-243 {
    min-height: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-243 {
    min-height: 243px !important;
  }
}

.h-max-243 {
  max-height: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-243 {
    max-height: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-243 {
    max-height: 243px !important;
  }
}

.w-243 {
  width: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-243 {
    width: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-243 {
    width: 243px !important;
  }
}

.w-min-243 {
  min-width: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-243 {
    min-width: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-243 {
    min-width: 243px !important;
  }
}

.w-max-243 {
  max-width: 243px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-243 {
    max-width: 243px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-243 {
    max-width: 243px !important;
  }
}

.h-244 {
  height: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-244 {
    height: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-244 {
    height: 244px !important;
  }
}

.h-min-244 {
  min-height: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-244 {
    min-height: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-244 {
    min-height: 244px !important;
  }
}

.h-max-244 {
  max-height: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-244 {
    max-height: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-244 {
    max-height: 244px !important;
  }
}

.w-244 {
  width: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-244 {
    width: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-244 {
    width: 244px !important;
  }
}

.w-min-244 {
  min-width: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-244 {
    min-width: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-244 {
    min-width: 244px !important;
  }
}

.w-max-244 {
  max-width: 244px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-244 {
    max-width: 244px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-244 {
    max-width: 244px !important;
  }
}

.h-245 {
  height: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-245 {
    height: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-245 {
    height: 245px !important;
  }
}

.h-min-245 {
  min-height: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-245 {
    min-height: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-245 {
    min-height: 245px !important;
  }
}

.h-max-245 {
  max-height: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-245 {
    max-height: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-245 {
    max-height: 245px !important;
  }
}

.w-245 {
  width: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-245 {
    width: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-245 {
    width: 245px !important;
  }
}

.w-min-245 {
  min-width: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-245 {
    min-width: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-245 {
    min-width: 245px !important;
  }
}

.w-max-245 {
  max-width: 245px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-245 {
    max-width: 245px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-245 {
    max-width: 245px !important;
  }
}

.h-246 {
  height: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-246 {
    height: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-246 {
    height: 246px !important;
  }
}

.h-min-246 {
  min-height: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-246 {
    min-height: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-246 {
    min-height: 246px !important;
  }
}

.h-max-246 {
  max-height: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-246 {
    max-height: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-246 {
    max-height: 246px !important;
  }
}

.w-246 {
  width: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-246 {
    width: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-246 {
    width: 246px !important;
  }
}

.w-min-246 {
  min-width: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-246 {
    min-width: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-246 {
    min-width: 246px !important;
  }
}

.w-max-246 {
  max-width: 246px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-246 {
    max-width: 246px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-246 {
    max-width: 246px !important;
  }
}

.h-247 {
  height: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-247 {
    height: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-247 {
    height: 247px !important;
  }
}

.h-min-247 {
  min-height: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-247 {
    min-height: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-247 {
    min-height: 247px !important;
  }
}

.h-max-247 {
  max-height: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-247 {
    max-height: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-247 {
    max-height: 247px !important;
  }
}

.w-247 {
  width: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-247 {
    width: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-247 {
    width: 247px !important;
  }
}

.w-min-247 {
  min-width: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-247 {
    min-width: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-247 {
    min-width: 247px !important;
  }
}

.w-max-247 {
  max-width: 247px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-247 {
    max-width: 247px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-247 {
    max-width: 247px !important;
  }
}

.h-248 {
  height: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-248 {
    height: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-248 {
    height: 248px !important;
  }
}

.h-min-248 {
  min-height: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-248 {
    min-height: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-248 {
    min-height: 248px !important;
  }
}

.h-max-248 {
  max-height: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-248 {
    max-height: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-248 {
    max-height: 248px !important;
  }
}

.w-248 {
  width: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-248 {
    width: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-248 {
    width: 248px !important;
  }
}

.w-min-248 {
  min-width: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-248 {
    min-width: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-248 {
    min-width: 248px !important;
  }
}

.w-max-248 {
  max-width: 248px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-248 {
    max-width: 248px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-248 {
    max-width: 248px !important;
  }
}

.h-249 {
  height: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-249 {
    height: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-249 {
    height: 249px !important;
  }
}

.h-min-249 {
  min-height: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-249 {
    min-height: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-249 {
    min-height: 249px !important;
  }
}

.h-max-249 {
  max-height: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-249 {
    max-height: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-249 {
    max-height: 249px !important;
  }
}

.w-249 {
  width: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-249 {
    width: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-249 {
    width: 249px !important;
  }
}

.w-min-249 {
  min-width: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-249 {
    min-width: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-249 {
    min-width: 249px !important;
  }
}

.w-max-249 {
  max-width: 249px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-249 {
    max-width: 249px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-249 {
    max-width: 249px !important;
  }
}

.h-250 {
  height: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-250 {
    height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-250 {
    height: 250px !important;
  }
}

.h-min-250 {
  min-height: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-250 {
    min-height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-250 {
    min-height: 250px !important;
  }
}

.h-max-250 {
  max-height: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-250 {
    max-height: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-250 {
    max-height: 250px !important;
  }
}

.w-250 {
  width: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-250 {
    width: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-250 {
    width: 250px !important;
  }
}

.w-min-250 {
  min-width: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-250 {
    min-width: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-250 {
    min-width: 250px !important;
  }
}

.w-max-250 {
  max-width: 250px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-250 {
    max-width: 250px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-250 {
    max-width: 250px !important;
  }
}

.h-251 {
  height: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-251 {
    height: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-251 {
    height: 251px !important;
  }
}

.h-min-251 {
  min-height: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-251 {
    min-height: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-251 {
    min-height: 251px !important;
  }
}

.h-max-251 {
  max-height: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-251 {
    max-height: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-251 {
    max-height: 251px !important;
  }
}

.w-251 {
  width: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-251 {
    width: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-251 {
    width: 251px !important;
  }
}

.w-min-251 {
  min-width: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-251 {
    min-width: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-251 {
    min-width: 251px !important;
  }
}

.w-max-251 {
  max-width: 251px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-251 {
    max-width: 251px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-251 {
    max-width: 251px !important;
  }
}

.h-252 {
  height: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-252 {
    height: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-252 {
    height: 252px !important;
  }
}

.h-min-252 {
  min-height: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-252 {
    min-height: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-252 {
    min-height: 252px !important;
  }
}

.h-max-252 {
  max-height: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-252 {
    max-height: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-252 {
    max-height: 252px !important;
  }
}

.w-252 {
  width: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-252 {
    width: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-252 {
    width: 252px !important;
  }
}

.w-min-252 {
  min-width: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-252 {
    min-width: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-252 {
    min-width: 252px !important;
  }
}

.w-max-252 {
  max-width: 252px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-252 {
    max-width: 252px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-252 {
    max-width: 252px !important;
  }
}

.h-253 {
  height: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-253 {
    height: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-253 {
    height: 253px !important;
  }
}

.h-min-253 {
  min-height: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-253 {
    min-height: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-253 {
    min-height: 253px !important;
  }
}

.h-max-253 {
  max-height: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-253 {
    max-height: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-253 {
    max-height: 253px !important;
  }
}

.w-253 {
  width: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-253 {
    width: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-253 {
    width: 253px !important;
  }
}

.w-min-253 {
  min-width: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-253 {
    min-width: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-253 {
    min-width: 253px !important;
  }
}

.w-max-253 {
  max-width: 253px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-253 {
    max-width: 253px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-253 {
    max-width: 253px !important;
  }
}

.h-254 {
  height: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-254 {
    height: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-254 {
    height: 254px !important;
  }
}

.h-min-254 {
  min-height: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-254 {
    min-height: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-254 {
    min-height: 254px !important;
  }
}

.h-max-254 {
  max-height: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-254 {
    max-height: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-254 {
    max-height: 254px !important;
  }
}

.w-254 {
  width: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-254 {
    width: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-254 {
    width: 254px !important;
  }
}

.w-min-254 {
  min-width: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-254 {
    min-width: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-254 {
    min-width: 254px !important;
  }
}

.w-max-254 {
  max-width: 254px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-254 {
    max-width: 254px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-254 {
    max-width: 254px !important;
  }
}

.h-255 {
  height: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-255 {
    height: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-255 {
    height: 255px !important;
  }
}

.h-min-255 {
  min-height: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-255 {
    min-height: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-255 {
    min-height: 255px !important;
  }
}

.h-max-255 {
  max-height: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-255 {
    max-height: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-255 {
    max-height: 255px !important;
  }
}

.w-255 {
  width: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-255 {
    width: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-255 {
    width: 255px !important;
  }
}

.w-min-255 {
  min-width: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-255 {
    min-width: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-255 {
    min-width: 255px !important;
  }
}

.w-max-255 {
  max-width: 255px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-255 {
    max-width: 255px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-255 {
    max-width: 255px !important;
  }
}

.h-256 {
  height: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-256 {
    height: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-256 {
    height: 256px !important;
  }
}

.h-min-256 {
  min-height: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-256 {
    min-height: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-256 {
    min-height: 256px !important;
  }
}

.h-max-256 {
  max-height: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-256 {
    max-height: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-256 {
    max-height: 256px !important;
  }
}

.w-256 {
  width: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-256 {
    width: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-256 {
    width: 256px !important;
  }
}

.w-min-256 {
  min-width: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-256 {
    min-width: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-256 {
    min-width: 256px !important;
  }
}

.w-max-256 {
  max-width: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-256 {
    max-width: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-256 {
    max-width: 256px !important;
  }
}

.h-257 {
  height: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-257 {
    height: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-257 {
    height: 257px !important;
  }
}

.h-min-257 {
  min-height: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-257 {
    min-height: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-257 {
    min-height: 257px !important;
  }
}

.h-max-257 {
  max-height: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-257 {
    max-height: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-257 {
    max-height: 257px !important;
  }
}

.w-257 {
  width: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-257 {
    width: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-257 {
    width: 257px !important;
  }
}

.w-min-257 {
  min-width: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-257 {
    min-width: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-257 {
    min-width: 257px !important;
  }
}

.w-max-257 {
  max-width: 257px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-257 {
    max-width: 257px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-257 {
    max-width: 257px !important;
  }
}

.h-258 {
  height: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-258 {
    height: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-258 {
    height: 258px !important;
  }
}

.h-min-258 {
  min-height: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-258 {
    min-height: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-258 {
    min-height: 258px !important;
  }
}

.h-max-258 {
  max-height: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-258 {
    max-height: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-258 {
    max-height: 258px !important;
  }
}

.w-258 {
  width: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-258 {
    width: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-258 {
    width: 258px !important;
  }
}

.w-min-258 {
  min-width: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-258 {
    min-width: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-258 {
    min-width: 258px !important;
  }
}

.w-max-258 {
  max-width: 258px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-258 {
    max-width: 258px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-258 {
    max-width: 258px !important;
  }
}

.h-259 {
  height: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-259 {
    height: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-259 {
    height: 259px !important;
  }
}

.h-min-259 {
  min-height: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-259 {
    min-height: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-259 {
    min-height: 259px !important;
  }
}

.h-max-259 {
  max-height: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-259 {
    max-height: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-259 {
    max-height: 259px !important;
  }
}

.w-259 {
  width: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-259 {
    width: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-259 {
    width: 259px !important;
  }
}

.w-min-259 {
  min-width: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-259 {
    min-width: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-259 {
    min-width: 259px !important;
  }
}

.w-max-259 {
  max-width: 259px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-259 {
    max-width: 259px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-259 {
    max-width: 259px !important;
  }
}

.h-260 {
  height: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-260 {
    height: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-260 {
    height: 260px !important;
  }
}

.h-min-260 {
  min-height: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-260 {
    min-height: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-260 {
    min-height: 260px !important;
  }
}

.h-max-260 {
  max-height: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-260 {
    max-height: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-260 {
    max-height: 260px !important;
  }
}

.w-260 {
  width: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-260 {
    width: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-260 {
    width: 260px !important;
  }
}

.w-min-260 {
  min-width: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-260 {
    min-width: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-260 {
    min-width: 260px !important;
  }
}

.w-max-260 {
  max-width: 260px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-260 {
    max-width: 260px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-260 {
    max-width: 260px !important;
  }
}

.h-261 {
  height: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-261 {
    height: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-261 {
    height: 261px !important;
  }
}

.h-min-261 {
  min-height: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-261 {
    min-height: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-261 {
    min-height: 261px !important;
  }
}

.h-max-261 {
  max-height: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-261 {
    max-height: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-261 {
    max-height: 261px !important;
  }
}

.w-261 {
  width: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-261 {
    width: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-261 {
    width: 261px !important;
  }
}

.w-min-261 {
  min-width: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-261 {
    min-width: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-261 {
    min-width: 261px !important;
  }
}

.w-max-261 {
  max-width: 261px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-261 {
    max-width: 261px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-261 {
    max-width: 261px !important;
  }
}

.h-262 {
  height: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-262 {
    height: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-262 {
    height: 262px !important;
  }
}

.h-min-262 {
  min-height: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-262 {
    min-height: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-262 {
    min-height: 262px !important;
  }
}

.h-max-262 {
  max-height: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-262 {
    max-height: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-262 {
    max-height: 262px !important;
  }
}

.w-262 {
  width: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-262 {
    width: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-262 {
    width: 262px !important;
  }
}

.w-min-262 {
  min-width: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-262 {
    min-width: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-262 {
    min-width: 262px !important;
  }
}

.w-max-262 {
  max-width: 262px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-262 {
    max-width: 262px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-262 {
    max-width: 262px !important;
  }
}

.h-263 {
  height: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-263 {
    height: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-263 {
    height: 263px !important;
  }
}

.h-min-263 {
  min-height: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-263 {
    min-height: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-263 {
    min-height: 263px !important;
  }
}

.h-max-263 {
  max-height: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-263 {
    max-height: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-263 {
    max-height: 263px !important;
  }
}

.w-263 {
  width: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-263 {
    width: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-263 {
    width: 263px !important;
  }
}

.w-min-263 {
  min-width: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-263 {
    min-width: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-263 {
    min-width: 263px !important;
  }
}

.w-max-263 {
  max-width: 263px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-263 {
    max-width: 263px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-263 {
    max-width: 263px !important;
  }
}

.h-264 {
  height: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-264 {
    height: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-264 {
    height: 264px !important;
  }
}

.h-min-264 {
  min-height: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-264 {
    min-height: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-264 {
    min-height: 264px !important;
  }
}

.h-max-264 {
  max-height: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-264 {
    max-height: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-264 {
    max-height: 264px !important;
  }
}

.w-264 {
  width: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-264 {
    width: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-264 {
    width: 264px !important;
  }
}

.w-min-264 {
  min-width: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-264 {
    min-width: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-264 {
    min-width: 264px !important;
  }
}

.w-max-264 {
  max-width: 264px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-264 {
    max-width: 264px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-264 {
    max-width: 264px !important;
  }
}

.h-265 {
  height: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-265 {
    height: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-265 {
    height: 265px !important;
  }
}

.h-min-265 {
  min-height: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-265 {
    min-height: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-265 {
    min-height: 265px !important;
  }
}

.h-max-265 {
  max-height: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-265 {
    max-height: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-265 {
    max-height: 265px !important;
  }
}

.w-265 {
  width: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-265 {
    width: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-265 {
    width: 265px !important;
  }
}

.w-min-265 {
  min-width: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-265 {
    min-width: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-265 {
    min-width: 265px !important;
  }
}

.w-max-265 {
  max-width: 265px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-265 {
    max-width: 265px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-265 {
    max-width: 265px !important;
  }
}

.h-266 {
  height: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-266 {
    height: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-266 {
    height: 266px !important;
  }
}

.h-min-266 {
  min-height: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-266 {
    min-height: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-266 {
    min-height: 266px !important;
  }
}

.h-max-266 {
  max-height: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-266 {
    max-height: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-266 {
    max-height: 266px !important;
  }
}

.w-266 {
  width: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-266 {
    width: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-266 {
    width: 266px !important;
  }
}

.w-min-266 {
  min-width: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-266 {
    min-width: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-266 {
    min-width: 266px !important;
  }
}

.w-max-266 {
  max-width: 266px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-266 {
    max-width: 266px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-266 {
    max-width: 266px !important;
  }
}

.h-267 {
  height: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-267 {
    height: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-267 {
    height: 267px !important;
  }
}

.h-min-267 {
  min-height: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-267 {
    min-height: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-267 {
    min-height: 267px !important;
  }
}

.h-max-267 {
  max-height: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-267 {
    max-height: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-267 {
    max-height: 267px !important;
  }
}

.w-267 {
  width: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-267 {
    width: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-267 {
    width: 267px !important;
  }
}

.w-min-267 {
  min-width: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-267 {
    min-width: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-267 {
    min-width: 267px !important;
  }
}

.w-max-267 {
  max-width: 267px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-267 {
    max-width: 267px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-267 {
    max-width: 267px !important;
  }
}

.h-268 {
  height: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-268 {
    height: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-268 {
    height: 268px !important;
  }
}

.h-min-268 {
  min-height: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-268 {
    min-height: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-268 {
    min-height: 268px !important;
  }
}

.h-max-268 {
  max-height: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-268 {
    max-height: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-268 {
    max-height: 268px !important;
  }
}

.w-268 {
  width: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-268 {
    width: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-268 {
    width: 268px !important;
  }
}

.w-min-268 {
  min-width: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-268 {
    min-width: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-268 {
    min-width: 268px !important;
  }
}

.w-max-268 {
  max-width: 268px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-268 {
    max-width: 268px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-268 {
    max-width: 268px !important;
  }
}

.h-269 {
  height: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-269 {
    height: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-269 {
    height: 269px !important;
  }
}

.h-min-269 {
  min-height: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-269 {
    min-height: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-269 {
    min-height: 269px !important;
  }
}

.h-max-269 {
  max-height: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-269 {
    max-height: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-269 {
    max-height: 269px !important;
  }
}

.w-269 {
  width: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-269 {
    width: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-269 {
    width: 269px !important;
  }
}

.w-min-269 {
  min-width: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-269 {
    min-width: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-269 {
    min-width: 269px !important;
  }
}

.w-max-269 {
  max-width: 269px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-269 {
    max-width: 269px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-269 {
    max-width: 269px !important;
  }
}

.h-270 {
  height: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-270 {
    height: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-270 {
    height: 270px !important;
  }
}

.h-min-270 {
  min-height: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-270 {
    min-height: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-270 {
    min-height: 270px !important;
  }
}

.h-max-270 {
  max-height: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-270 {
    max-height: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-270 {
    max-height: 270px !important;
  }
}

.w-270 {
  width: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-270 {
    width: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-270 {
    width: 270px !important;
  }
}

.w-min-270 {
  min-width: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-270 {
    min-width: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-270 {
    min-width: 270px !important;
  }
}

.w-max-270 {
  max-width: 270px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-270 {
    max-width: 270px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-270 {
    max-width: 270px !important;
  }
}

.h-271 {
  height: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-271 {
    height: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-271 {
    height: 271px !important;
  }
}

.h-min-271 {
  min-height: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-271 {
    min-height: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-271 {
    min-height: 271px !important;
  }
}

.h-max-271 {
  max-height: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-271 {
    max-height: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-271 {
    max-height: 271px !important;
  }
}

.w-271 {
  width: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-271 {
    width: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-271 {
    width: 271px !important;
  }
}

.w-min-271 {
  min-width: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-271 {
    min-width: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-271 {
    min-width: 271px !important;
  }
}

.w-max-271 {
  max-width: 271px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-271 {
    max-width: 271px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-271 {
    max-width: 271px !important;
  }
}

.h-272 {
  height: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-272 {
    height: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-272 {
    height: 272px !important;
  }
}

.h-min-272 {
  min-height: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-272 {
    min-height: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-272 {
    min-height: 272px !important;
  }
}

.h-max-272 {
  max-height: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-272 {
    max-height: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-272 {
    max-height: 272px !important;
  }
}

.w-272 {
  width: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-272 {
    width: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-272 {
    width: 272px !important;
  }
}

.w-min-272 {
  min-width: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-272 {
    min-width: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-272 {
    min-width: 272px !important;
  }
}

.w-max-272 {
  max-width: 272px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-272 {
    max-width: 272px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-272 {
    max-width: 272px !important;
  }
}

.h-273 {
  height: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-273 {
    height: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-273 {
    height: 273px !important;
  }
}

.h-min-273 {
  min-height: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-273 {
    min-height: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-273 {
    min-height: 273px !important;
  }
}

.h-max-273 {
  max-height: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-273 {
    max-height: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-273 {
    max-height: 273px !important;
  }
}

.w-273 {
  width: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-273 {
    width: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-273 {
    width: 273px !important;
  }
}

.w-min-273 {
  min-width: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-273 {
    min-width: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-273 {
    min-width: 273px !important;
  }
}

.w-max-273 {
  max-width: 273px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-273 {
    max-width: 273px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-273 {
    max-width: 273px !important;
  }
}

.h-274 {
  height: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-274 {
    height: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-274 {
    height: 274px !important;
  }
}

.h-min-274 {
  min-height: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-274 {
    min-height: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-274 {
    min-height: 274px !important;
  }
}

.h-max-274 {
  max-height: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-274 {
    max-height: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-274 {
    max-height: 274px !important;
  }
}

.w-274 {
  width: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-274 {
    width: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-274 {
    width: 274px !important;
  }
}

.w-min-274 {
  min-width: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-274 {
    min-width: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-274 {
    min-width: 274px !important;
  }
}

.w-max-274 {
  max-width: 274px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-274 {
    max-width: 274px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-274 {
    max-width: 274px !important;
  }
}

.h-275 {
  height: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-275 {
    height: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-275 {
    height: 275px !important;
  }
}

.h-min-275 {
  min-height: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-275 {
    min-height: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-275 {
    min-height: 275px !important;
  }
}

.h-max-275 {
  max-height: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-275 {
    max-height: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-275 {
    max-height: 275px !important;
  }
}

.w-275 {
  width: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-275 {
    width: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-275 {
    width: 275px !important;
  }
}

.w-min-275 {
  min-width: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-275 {
    min-width: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-275 {
    min-width: 275px !important;
  }
}

.w-max-275 {
  max-width: 275px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-275 {
    max-width: 275px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-275 {
    max-width: 275px !important;
  }
}

.h-276 {
  height: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-276 {
    height: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-276 {
    height: 276px !important;
  }
}

.h-min-276 {
  min-height: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-276 {
    min-height: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-276 {
    min-height: 276px !important;
  }
}

.h-max-276 {
  max-height: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-276 {
    max-height: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-276 {
    max-height: 276px !important;
  }
}

.w-276 {
  width: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-276 {
    width: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-276 {
    width: 276px !important;
  }
}

.w-min-276 {
  min-width: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-276 {
    min-width: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-276 {
    min-width: 276px !important;
  }
}

.w-max-276 {
  max-width: 276px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-276 {
    max-width: 276px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-276 {
    max-width: 276px !important;
  }
}

.h-277 {
  height: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-277 {
    height: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-277 {
    height: 277px !important;
  }
}

.h-min-277 {
  min-height: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-277 {
    min-height: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-277 {
    min-height: 277px !important;
  }
}

.h-max-277 {
  max-height: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-277 {
    max-height: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-277 {
    max-height: 277px !important;
  }
}

.w-277 {
  width: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-277 {
    width: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-277 {
    width: 277px !important;
  }
}

.w-min-277 {
  min-width: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-277 {
    min-width: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-277 {
    min-width: 277px !important;
  }
}

.w-max-277 {
  max-width: 277px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-277 {
    max-width: 277px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-277 {
    max-width: 277px !important;
  }
}

.h-278 {
  height: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-278 {
    height: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-278 {
    height: 278px !important;
  }
}

.h-min-278 {
  min-height: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-278 {
    min-height: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-278 {
    min-height: 278px !important;
  }
}

.h-max-278 {
  max-height: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-278 {
    max-height: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-278 {
    max-height: 278px !important;
  }
}

.w-278 {
  width: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-278 {
    width: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-278 {
    width: 278px !important;
  }
}

.w-min-278 {
  min-width: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-278 {
    min-width: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-278 {
    min-width: 278px !important;
  }
}

.w-max-278 {
  max-width: 278px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-278 {
    max-width: 278px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-278 {
    max-width: 278px !important;
  }
}

.h-279 {
  height: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-279 {
    height: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-279 {
    height: 279px !important;
  }
}

.h-min-279 {
  min-height: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-279 {
    min-height: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-279 {
    min-height: 279px !important;
  }
}

.h-max-279 {
  max-height: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-279 {
    max-height: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-279 {
    max-height: 279px !important;
  }
}

.w-279 {
  width: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-279 {
    width: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-279 {
    width: 279px !important;
  }
}

.w-min-279 {
  min-width: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-279 {
    min-width: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-279 {
    min-width: 279px !important;
  }
}

.w-max-279 {
  max-width: 279px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-279 {
    max-width: 279px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-279 {
    max-width: 279px !important;
  }
}

.h-280 {
  height: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-280 {
    height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-280 {
    height: 280px !important;
  }
}

.h-min-280 {
  min-height: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-280 {
    min-height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-280 {
    min-height: 280px !important;
  }
}

.h-max-280 {
  max-height: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-280 {
    max-height: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-280 {
    max-height: 280px !important;
  }
}

.w-280 {
  width: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-280 {
    width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-280 {
    width: 280px !important;
  }
}

.w-min-280 {
  min-width: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-280 {
    min-width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-280 {
    min-width: 280px !important;
  }
}

.w-max-280 {
  max-width: 280px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-280 {
    max-width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-280 {
    max-width: 280px !important;
  }
}

.h-281 {
  height: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-281 {
    height: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-281 {
    height: 281px !important;
  }
}

.h-min-281 {
  min-height: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-281 {
    min-height: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-281 {
    min-height: 281px !important;
  }
}

.h-max-281 {
  max-height: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-281 {
    max-height: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-281 {
    max-height: 281px !important;
  }
}

.w-281 {
  width: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-281 {
    width: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-281 {
    width: 281px !important;
  }
}

.w-min-281 {
  min-width: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-281 {
    min-width: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-281 {
    min-width: 281px !important;
  }
}

.w-max-281 {
  max-width: 281px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-281 {
    max-width: 281px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-281 {
    max-width: 281px !important;
  }
}

.h-282 {
  height: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-282 {
    height: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-282 {
    height: 282px !important;
  }
}

.h-min-282 {
  min-height: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-282 {
    min-height: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-282 {
    min-height: 282px !important;
  }
}

.h-max-282 {
  max-height: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-282 {
    max-height: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-282 {
    max-height: 282px !important;
  }
}

.w-282 {
  width: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-282 {
    width: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-282 {
    width: 282px !important;
  }
}

.w-min-282 {
  min-width: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-282 {
    min-width: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-282 {
    min-width: 282px !important;
  }
}

.w-max-282 {
  max-width: 282px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-282 {
    max-width: 282px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-282 {
    max-width: 282px !important;
  }
}

.h-283 {
  height: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-283 {
    height: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-283 {
    height: 283px !important;
  }
}

.h-min-283 {
  min-height: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-283 {
    min-height: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-283 {
    min-height: 283px !important;
  }
}

.h-max-283 {
  max-height: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-283 {
    max-height: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-283 {
    max-height: 283px !important;
  }
}

.w-283 {
  width: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-283 {
    width: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-283 {
    width: 283px !important;
  }
}

.w-min-283 {
  min-width: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-283 {
    min-width: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-283 {
    min-width: 283px !important;
  }
}

.w-max-283 {
  max-width: 283px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-283 {
    max-width: 283px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-283 {
    max-width: 283px !important;
  }
}

.h-284 {
  height: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-284 {
    height: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-284 {
    height: 284px !important;
  }
}

.h-min-284 {
  min-height: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-284 {
    min-height: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-284 {
    min-height: 284px !important;
  }
}

.h-max-284 {
  max-height: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-284 {
    max-height: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-284 {
    max-height: 284px !important;
  }
}

.w-284 {
  width: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-284 {
    width: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-284 {
    width: 284px !important;
  }
}

.w-min-284 {
  min-width: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-284 {
    min-width: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-284 {
    min-width: 284px !important;
  }
}

.w-max-284 {
  max-width: 284px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-284 {
    max-width: 284px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-284 {
    max-width: 284px !important;
  }
}

.h-285 {
  height: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-285 {
    height: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-285 {
    height: 285px !important;
  }
}

.h-min-285 {
  min-height: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-285 {
    min-height: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-285 {
    min-height: 285px !important;
  }
}

.h-max-285 {
  max-height: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-285 {
    max-height: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-285 {
    max-height: 285px !important;
  }
}

.w-285 {
  width: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-285 {
    width: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-285 {
    width: 285px !important;
  }
}

.w-min-285 {
  min-width: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-285 {
    min-width: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-285 {
    min-width: 285px !important;
  }
}

.w-max-285 {
  max-width: 285px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-285 {
    max-width: 285px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-285 {
    max-width: 285px !important;
  }
}

.h-286 {
  height: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-286 {
    height: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-286 {
    height: 286px !important;
  }
}

.h-min-286 {
  min-height: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-286 {
    min-height: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-286 {
    min-height: 286px !important;
  }
}

.h-max-286 {
  max-height: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-286 {
    max-height: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-286 {
    max-height: 286px !important;
  }
}

.w-286 {
  width: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-286 {
    width: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-286 {
    width: 286px !important;
  }
}

.w-min-286 {
  min-width: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-286 {
    min-width: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-286 {
    min-width: 286px !important;
  }
}

.w-max-286 {
  max-width: 286px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-286 {
    max-width: 286px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-286 {
    max-width: 286px !important;
  }
}

.h-287 {
  height: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-287 {
    height: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-287 {
    height: 287px !important;
  }
}

.h-min-287 {
  min-height: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-287 {
    min-height: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-287 {
    min-height: 287px !important;
  }
}

.h-max-287 {
  max-height: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-287 {
    max-height: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-287 {
    max-height: 287px !important;
  }
}

.w-287 {
  width: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-287 {
    width: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-287 {
    width: 287px !important;
  }
}

.w-min-287 {
  min-width: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-287 {
    min-width: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-287 {
    min-width: 287px !important;
  }
}

.w-max-287 {
  max-width: 287px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-287 {
    max-width: 287px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-287 {
    max-width: 287px !important;
  }
}

.h-288 {
  height: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-288 {
    height: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-288 {
    height: 288px !important;
  }
}

.h-min-288 {
  min-height: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-288 {
    min-height: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-288 {
    min-height: 288px !important;
  }
}

.h-max-288 {
  max-height: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-288 {
    max-height: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-288 {
    max-height: 288px !important;
  }
}

.w-288 {
  width: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-288 {
    width: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-288 {
    width: 288px !important;
  }
}

.w-min-288 {
  min-width: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-288 {
    min-width: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-288 {
    min-width: 288px !important;
  }
}

.w-max-288 {
  max-width: 288px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-288 {
    max-width: 288px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-288 {
    max-width: 288px !important;
  }
}

.h-289 {
  height: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-289 {
    height: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-289 {
    height: 289px !important;
  }
}

.h-min-289 {
  min-height: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-289 {
    min-height: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-289 {
    min-height: 289px !important;
  }
}

.h-max-289 {
  max-height: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-289 {
    max-height: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-289 {
    max-height: 289px !important;
  }
}

.w-289 {
  width: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-289 {
    width: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-289 {
    width: 289px !important;
  }
}

.w-min-289 {
  min-width: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-289 {
    min-width: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-289 {
    min-width: 289px !important;
  }
}

.w-max-289 {
  max-width: 289px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-289 {
    max-width: 289px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-289 {
    max-width: 289px !important;
  }
}

.h-290 {
  height: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-290 {
    height: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-290 {
    height: 290px !important;
  }
}

.h-min-290 {
  min-height: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-290 {
    min-height: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-290 {
    min-height: 290px !important;
  }
}

.h-max-290 {
  max-height: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-290 {
    max-height: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-290 {
    max-height: 290px !important;
  }
}

.w-290 {
  width: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-290 {
    width: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-290 {
    width: 290px !important;
  }
}

.w-min-290 {
  min-width: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-290 {
    min-width: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-290 {
    min-width: 290px !important;
  }
}

.w-max-290 {
  max-width: 290px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-290 {
    max-width: 290px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-290 {
    max-width: 290px !important;
  }
}

.h-291 {
  height: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-291 {
    height: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-291 {
    height: 291px !important;
  }
}

.h-min-291 {
  min-height: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-291 {
    min-height: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-291 {
    min-height: 291px !important;
  }
}

.h-max-291 {
  max-height: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-291 {
    max-height: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-291 {
    max-height: 291px !important;
  }
}

.w-291 {
  width: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-291 {
    width: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-291 {
    width: 291px !important;
  }
}

.w-min-291 {
  min-width: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-291 {
    min-width: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-291 {
    min-width: 291px !important;
  }
}

.w-max-291 {
  max-width: 291px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-291 {
    max-width: 291px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-291 {
    max-width: 291px !important;
  }
}

.h-292 {
  height: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-292 {
    height: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-292 {
    height: 292px !important;
  }
}

.h-min-292 {
  min-height: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-292 {
    min-height: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-292 {
    min-height: 292px !important;
  }
}

.h-max-292 {
  max-height: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-292 {
    max-height: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-292 {
    max-height: 292px !important;
  }
}

.w-292 {
  width: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-292 {
    width: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-292 {
    width: 292px !important;
  }
}

.w-min-292 {
  min-width: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-292 {
    min-width: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-292 {
    min-width: 292px !important;
  }
}

.w-max-292 {
  max-width: 292px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-292 {
    max-width: 292px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-292 {
    max-width: 292px !important;
  }
}

.h-293 {
  height: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-293 {
    height: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-293 {
    height: 293px !important;
  }
}

.h-min-293 {
  min-height: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-293 {
    min-height: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-293 {
    min-height: 293px !important;
  }
}

.h-max-293 {
  max-height: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-293 {
    max-height: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-293 {
    max-height: 293px !important;
  }
}

.w-293 {
  width: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-293 {
    width: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-293 {
    width: 293px !important;
  }
}

.w-min-293 {
  min-width: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-293 {
    min-width: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-293 {
    min-width: 293px !important;
  }
}

.w-max-293 {
  max-width: 293px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-293 {
    max-width: 293px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-293 {
    max-width: 293px !important;
  }
}

.h-294 {
  height: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-294 {
    height: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-294 {
    height: 294px !important;
  }
}

.h-min-294 {
  min-height: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-294 {
    min-height: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-294 {
    min-height: 294px !important;
  }
}

.h-max-294 {
  max-height: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-294 {
    max-height: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-294 {
    max-height: 294px !important;
  }
}

.w-294 {
  width: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-294 {
    width: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-294 {
    width: 294px !important;
  }
}

.w-min-294 {
  min-width: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-294 {
    min-width: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-294 {
    min-width: 294px !important;
  }
}

.w-max-294 {
  max-width: 294px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-294 {
    max-width: 294px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-294 {
    max-width: 294px !important;
  }
}

.h-295 {
  height: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-295 {
    height: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-295 {
    height: 295px !important;
  }
}

.h-min-295 {
  min-height: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-295 {
    min-height: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-295 {
    min-height: 295px !important;
  }
}

.h-max-295 {
  max-height: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-295 {
    max-height: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-295 {
    max-height: 295px !important;
  }
}

.w-295 {
  width: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-295 {
    width: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-295 {
    width: 295px !important;
  }
}

.w-min-295 {
  min-width: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-295 {
    min-width: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-295 {
    min-width: 295px !important;
  }
}

.w-max-295 {
  max-width: 295px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-295 {
    max-width: 295px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-295 {
    max-width: 295px !important;
  }
}

.h-296 {
  height: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-296 {
    height: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-296 {
    height: 296px !important;
  }
}

.h-min-296 {
  min-height: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-296 {
    min-height: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-296 {
    min-height: 296px !important;
  }
}

.h-max-296 {
  max-height: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-296 {
    max-height: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-296 {
    max-height: 296px !important;
  }
}

.w-296 {
  width: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-296 {
    width: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-296 {
    width: 296px !important;
  }
}

.w-min-296 {
  min-width: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-296 {
    min-width: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-296 {
    min-width: 296px !important;
  }
}

.w-max-296 {
  max-width: 296px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-296 {
    max-width: 296px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-296 {
    max-width: 296px !important;
  }
}

.h-297 {
  height: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-297 {
    height: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-297 {
    height: 297px !important;
  }
}

.h-min-297 {
  min-height: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-297 {
    min-height: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-297 {
    min-height: 297px !important;
  }
}

.h-max-297 {
  max-height: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-297 {
    max-height: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-297 {
    max-height: 297px !important;
  }
}

.w-297 {
  width: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-297 {
    width: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-297 {
    width: 297px !important;
  }
}

.w-min-297 {
  min-width: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-297 {
    min-width: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-297 {
    min-width: 297px !important;
  }
}

.w-max-297 {
  max-width: 297px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-297 {
    max-width: 297px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-297 {
    max-width: 297px !important;
  }
}

.h-298 {
  height: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-298 {
    height: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-298 {
    height: 298px !important;
  }
}

.h-min-298 {
  min-height: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-298 {
    min-height: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-298 {
    min-height: 298px !important;
  }
}

.h-max-298 {
  max-height: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-298 {
    max-height: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-298 {
    max-height: 298px !important;
  }
}

.w-298 {
  width: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-298 {
    width: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-298 {
    width: 298px !important;
  }
}

.w-min-298 {
  min-width: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-298 {
    min-width: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-298 {
    min-width: 298px !important;
  }
}

.w-max-298 {
  max-width: 298px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-298 {
    max-width: 298px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-298 {
    max-width: 298px !important;
  }
}

.h-299 {
  height: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-299 {
    height: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-299 {
    height: 299px !important;
  }
}

.h-min-299 {
  min-height: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-299 {
    min-height: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-299 {
    min-height: 299px !important;
  }
}

.h-max-299 {
  max-height: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-299 {
    max-height: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-299 {
    max-height: 299px !important;
  }
}

.w-299 {
  width: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-299 {
    width: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-299 {
    width: 299px !important;
  }
}

.w-min-299 {
  min-width: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-299 {
    min-width: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-299 {
    min-width: 299px !important;
  }
}

.w-max-299 {
  max-width: 299px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-299 {
    max-width: 299px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-299 {
    max-width: 299px !important;
  }
}

.h-300 {
  height: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-300 {
    height: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-300 {
    height: 300px !important;
  }
}

.h-min-300 {
  min-height: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-300 {
    min-height: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-300 {
    min-height: 300px !important;
  }
}

.h-max-300 {
  max-height: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-300 {
    max-height: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-300 {
    max-height: 300px !important;
  }
}

.w-300 {
  width: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-300 {
    width: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-300 {
    width: 300px !important;
  }
}

.w-min-300 {
  min-width: 300px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-300 {
    min-width: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-300 {
    min-width: 300px !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-300 {
    max-width: 300px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-300 {
    max-width: 300px !important;
  }
}

.h-301 {
  height: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-301 {
    height: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-301 {
    height: 301px !important;
  }
}

.h-min-301 {
  min-height: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-301 {
    min-height: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-301 {
    min-height: 301px !important;
  }
}

.h-max-301 {
  max-height: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-301 {
    max-height: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-301 {
    max-height: 301px !important;
  }
}

.w-301 {
  width: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-301 {
    width: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-301 {
    width: 301px !important;
  }
}

.w-min-301 {
  min-width: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-301 {
    min-width: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-301 {
    min-width: 301px !important;
  }
}

.w-max-301 {
  max-width: 301px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-301 {
    max-width: 301px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-301 {
    max-width: 301px !important;
  }
}

.h-302 {
  height: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-302 {
    height: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-302 {
    height: 302px !important;
  }
}

.h-min-302 {
  min-height: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-302 {
    min-height: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-302 {
    min-height: 302px !important;
  }
}

.h-max-302 {
  max-height: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-302 {
    max-height: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-302 {
    max-height: 302px !important;
  }
}

.w-302 {
  width: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-302 {
    width: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-302 {
    width: 302px !important;
  }
}

.w-min-302 {
  min-width: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-302 {
    min-width: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-302 {
    min-width: 302px !important;
  }
}

.w-max-302 {
  max-width: 302px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-302 {
    max-width: 302px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-302 {
    max-width: 302px !important;
  }
}

.h-303 {
  height: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-303 {
    height: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-303 {
    height: 303px !important;
  }
}

.h-min-303 {
  min-height: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-303 {
    min-height: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-303 {
    min-height: 303px !important;
  }
}

.h-max-303 {
  max-height: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-303 {
    max-height: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-303 {
    max-height: 303px !important;
  }
}

.w-303 {
  width: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-303 {
    width: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-303 {
    width: 303px !important;
  }
}

.w-min-303 {
  min-width: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-303 {
    min-width: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-303 {
    min-width: 303px !important;
  }
}

.w-max-303 {
  max-width: 303px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-303 {
    max-width: 303px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-303 {
    max-width: 303px !important;
  }
}

.h-304 {
  height: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-304 {
    height: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-304 {
    height: 304px !important;
  }
}

.h-min-304 {
  min-height: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-304 {
    min-height: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-304 {
    min-height: 304px !important;
  }
}

.h-max-304 {
  max-height: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-304 {
    max-height: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-304 {
    max-height: 304px !important;
  }
}

.w-304 {
  width: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-304 {
    width: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-304 {
    width: 304px !important;
  }
}

.w-min-304 {
  min-width: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-304 {
    min-width: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-304 {
    min-width: 304px !important;
  }
}

.w-max-304 {
  max-width: 304px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-304 {
    max-width: 304px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-304 {
    max-width: 304px !important;
  }
}

.h-305 {
  height: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-305 {
    height: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-305 {
    height: 305px !important;
  }
}

.h-min-305 {
  min-height: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-305 {
    min-height: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-305 {
    min-height: 305px !important;
  }
}

.h-max-305 {
  max-height: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-305 {
    max-height: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-305 {
    max-height: 305px !important;
  }
}

.w-305 {
  width: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-305 {
    width: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-305 {
    width: 305px !important;
  }
}

.w-min-305 {
  min-width: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-305 {
    min-width: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-305 {
    min-width: 305px !important;
  }
}

.w-max-305 {
  max-width: 305px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-305 {
    max-width: 305px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-305 {
    max-width: 305px !important;
  }
}

.h-306 {
  height: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-306 {
    height: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-306 {
    height: 306px !important;
  }
}

.h-min-306 {
  min-height: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-306 {
    min-height: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-306 {
    min-height: 306px !important;
  }
}

.h-max-306 {
  max-height: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-306 {
    max-height: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-306 {
    max-height: 306px !important;
  }
}

.w-306 {
  width: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-306 {
    width: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-306 {
    width: 306px !important;
  }
}

.w-min-306 {
  min-width: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-306 {
    min-width: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-306 {
    min-width: 306px !important;
  }
}

.w-max-306 {
  max-width: 306px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-306 {
    max-width: 306px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-306 {
    max-width: 306px !important;
  }
}

.h-307 {
  height: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-307 {
    height: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-307 {
    height: 307px !important;
  }
}

.h-min-307 {
  min-height: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-307 {
    min-height: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-307 {
    min-height: 307px !important;
  }
}

.h-max-307 {
  max-height: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-307 {
    max-height: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-307 {
    max-height: 307px !important;
  }
}

.w-307 {
  width: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-307 {
    width: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-307 {
    width: 307px !important;
  }
}

.w-min-307 {
  min-width: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-307 {
    min-width: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-307 {
    min-width: 307px !important;
  }
}

.w-max-307 {
  max-width: 307px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-307 {
    max-width: 307px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-307 {
    max-width: 307px !important;
  }
}

.h-308 {
  height: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-308 {
    height: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-308 {
    height: 308px !important;
  }
}

.h-min-308 {
  min-height: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-308 {
    min-height: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-308 {
    min-height: 308px !important;
  }
}

.h-max-308 {
  max-height: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-308 {
    max-height: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-308 {
    max-height: 308px !important;
  }
}

.w-308 {
  width: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-308 {
    width: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-308 {
    width: 308px !important;
  }
}

.w-min-308 {
  min-width: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-308 {
    min-width: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-308 {
    min-width: 308px !important;
  }
}

.w-max-308 {
  max-width: 308px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-308 {
    max-width: 308px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-308 {
    max-width: 308px !important;
  }
}

.h-309 {
  height: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-309 {
    height: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-309 {
    height: 309px !important;
  }
}

.h-min-309 {
  min-height: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-309 {
    min-height: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-309 {
    min-height: 309px !important;
  }
}

.h-max-309 {
  max-height: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-309 {
    max-height: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-309 {
    max-height: 309px !important;
  }
}

.w-309 {
  width: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-309 {
    width: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-309 {
    width: 309px !important;
  }
}

.w-min-309 {
  min-width: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-309 {
    min-width: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-309 {
    min-width: 309px !important;
  }
}

.w-max-309 {
  max-width: 309px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-309 {
    max-width: 309px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-309 {
    max-width: 309px !important;
  }
}

.h-310 {
  height: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-310 {
    height: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-310 {
    height: 310px !important;
  }
}

.h-min-310 {
  min-height: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-310 {
    min-height: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-310 {
    min-height: 310px !important;
  }
}

.h-max-310 {
  max-height: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-310 {
    max-height: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-310 {
    max-height: 310px !important;
  }
}

.w-310 {
  width: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-310 {
    width: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-310 {
    width: 310px !important;
  }
}

.w-min-310 {
  min-width: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-310 {
    min-width: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-310 {
    min-width: 310px !important;
  }
}

.w-max-310 {
  max-width: 310px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-310 {
    max-width: 310px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-310 {
    max-width: 310px !important;
  }
}

.h-311 {
  height: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-311 {
    height: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-311 {
    height: 311px !important;
  }
}

.h-min-311 {
  min-height: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-311 {
    min-height: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-311 {
    min-height: 311px !important;
  }
}

.h-max-311 {
  max-height: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-311 {
    max-height: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-311 {
    max-height: 311px !important;
  }
}

.w-311 {
  width: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-311 {
    width: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-311 {
    width: 311px !important;
  }
}

.w-min-311 {
  min-width: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-311 {
    min-width: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-311 {
    min-width: 311px !important;
  }
}

.w-max-311 {
  max-width: 311px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-311 {
    max-width: 311px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-311 {
    max-width: 311px !important;
  }
}

.h-312 {
  height: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-312 {
    height: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-312 {
    height: 312px !important;
  }
}

.h-min-312 {
  min-height: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-312 {
    min-height: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-312 {
    min-height: 312px !important;
  }
}

.h-max-312 {
  max-height: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-312 {
    max-height: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-312 {
    max-height: 312px !important;
  }
}

.w-312 {
  width: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-312 {
    width: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-312 {
    width: 312px !important;
  }
}

.w-min-312 {
  min-width: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-312 {
    min-width: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-312 {
    min-width: 312px !important;
  }
}

.w-max-312 {
  max-width: 312px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-312 {
    max-width: 312px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-312 {
    max-width: 312px !important;
  }
}

.h-313 {
  height: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-313 {
    height: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-313 {
    height: 313px !important;
  }
}

.h-min-313 {
  min-height: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-313 {
    min-height: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-313 {
    min-height: 313px !important;
  }
}

.h-max-313 {
  max-height: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-313 {
    max-height: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-313 {
    max-height: 313px !important;
  }
}

.w-313 {
  width: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-313 {
    width: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-313 {
    width: 313px !important;
  }
}

.w-min-313 {
  min-width: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-313 {
    min-width: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-313 {
    min-width: 313px !important;
  }
}

.w-max-313 {
  max-width: 313px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-313 {
    max-width: 313px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-313 {
    max-width: 313px !important;
  }
}

.h-314 {
  height: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-314 {
    height: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-314 {
    height: 314px !important;
  }
}

.h-min-314 {
  min-height: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-314 {
    min-height: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-314 {
    min-height: 314px !important;
  }
}

.h-max-314 {
  max-height: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-314 {
    max-height: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-314 {
    max-height: 314px !important;
  }
}

.w-314 {
  width: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-314 {
    width: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-314 {
    width: 314px !important;
  }
}

.w-min-314 {
  min-width: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-314 {
    min-width: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-314 {
    min-width: 314px !important;
  }
}

.w-max-314 {
  max-width: 314px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-314 {
    max-width: 314px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-314 {
    max-width: 314px !important;
  }
}

.h-315 {
  height: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-315 {
    height: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-315 {
    height: 315px !important;
  }
}

.h-min-315 {
  min-height: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-315 {
    min-height: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-315 {
    min-height: 315px !important;
  }
}

.h-max-315 {
  max-height: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-315 {
    max-height: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-315 {
    max-height: 315px !important;
  }
}

.w-315 {
  width: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-315 {
    width: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-315 {
    width: 315px !important;
  }
}

.w-min-315 {
  min-width: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-315 {
    min-width: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-315 {
    min-width: 315px !important;
  }
}

.w-max-315 {
  max-width: 315px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-315 {
    max-width: 315px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-315 {
    max-width: 315px !important;
  }
}

.h-316 {
  height: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-316 {
    height: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-316 {
    height: 316px !important;
  }
}

.h-min-316 {
  min-height: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-316 {
    min-height: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-316 {
    min-height: 316px !important;
  }
}

.h-max-316 {
  max-height: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-316 {
    max-height: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-316 {
    max-height: 316px !important;
  }
}

.w-316 {
  width: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-316 {
    width: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-316 {
    width: 316px !important;
  }
}

.w-min-316 {
  min-width: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-316 {
    min-width: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-316 {
    min-width: 316px !important;
  }
}

.w-max-316 {
  max-width: 316px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-316 {
    max-width: 316px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-316 {
    max-width: 316px !important;
  }
}

.h-317 {
  height: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-317 {
    height: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-317 {
    height: 317px !important;
  }
}

.h-min-317 {
  min-height: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-317 {
    min-height: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-317 {
    min-height: 317px !important;
  }
}

.h-max-317 {
  max-height: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-317 {
    max-height: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-317 {
    max-height: 317px !important;
  }
}

.w-317 {
  width: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-317 {
    width: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-317 {
    width: 317px !important;
  }
}

.w-min-317 {
  min-width: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-317 {
    min-width: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-317 {
    min-width: 317px !important;
  }
}

.w-max-317 {
  max-width: 317px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-317 {
    max-width: 317px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-317 {
    max-width: 317px !important;
  }
}

.h-318 {
  height: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-318 {
    height: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-318 {
    height: 318px !important;
  }
}

.h-min-318 {
  min-height: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-318 {
    min-height: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-318 {
    min-height: 318px !important;
  }
}

.h-max-318 {
  max-height: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-318 {
    max-height: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-318 {
    max-height: 318px !important;
  }
}

.w-318 {
  width: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-318 {
    width: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-318 {
    width: 318px !important;
  }
}

.w-min-318 {
  min-width: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-318 {
    min-width: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-318 {
    min-width: 318px !important;
  }
}

.w-max-318 {
  max-width: 318px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-318 {
    max-width: 318px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-318 {
    max-width: 318px !important;
  }
}

.h-319 {
  height: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-319 {
    height: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-319 {
    height: 319px !important;
  }
}

.h-min-319 {
  min-height: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-319 {
    min-height: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-319 {
    min-height: 319px !important;
  }
}

.h-max-319 {
  max-height: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-319 {
    max-height: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-319 {
    max-height: 319px !important;
  }
}

.w-319 {
  width: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-319 {
    width: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-319 {
    width: 319px !important;
  }
}

.w-min-319 {
  min-width: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-319 {
    min-width: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-319 {
    min-width: 319px !important;
  }
}

.w-max-319 {
  max-width: 319px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-319 {
    max-width: 319px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-319 {
    max-width: 319px !important;
  }
}

.h-320 {
  height: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-320 {
    height: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-320 {
    height: 320px !important;
  }
}

.h-min-320 {
  min-height: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-320 {
    min-height: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-320 {
    min-height: 320px !important;
  }
}

.h-max-320 {
  max-height: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-320 {
    max-height: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-320 {
    max-height: 320px !important;
  }
}

.w-320 {
  width: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-320 {
    width: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-320 {
    width: 320px !important;
  }
}

.w-min-320 {
  min-width: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-320 {
    min-width: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-320 {
    min-width: 320px !important;
  }
}

.w-max-320 {
  max-width: 320px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-320 {
    max-width: 320px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-320 {
    max-width: 320px !important;
  }
}

.h-321 {
  height: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-321 {
    height: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-321 {
    height: 321px !important;
  }
}

.h-min-321 {
  min-height: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-321 {
    min-height: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-321 {
    min-height: 321px !important;
  }
}

.h-max-321 {
  max-height: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-321 {
    max-height: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-321 {
    max-height: 321px !important;
  }
}

.w-321 {
  width: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-321 {
    width: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-321 {
    width: 321px !important;
  }
}

.w-min-321 {
  min-width: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-321 {
    min-width: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-321 {
    min-width: 321px !important;
  }
}

.w-max-321 {
  max-width: 321px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-321 {
    max-width: 321px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-321 {
    max-width: 321px !important;
  }
}

.h-322 {
  height: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-322 {
    height: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-322 {
    height: 322px !important;
  }
}

.h-min-322 {
  min-height: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-322 {
    min-height: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-322 {
    min-height: 322px !important;
  }
}

.h-max-322 {
  max-height: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-322 {
    max-height: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-322 {
    max-height: 322px !important;
  }
}

.w-322 {
  width: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-322 {
    width: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-322 {
    width: 322px !important;
  }
}

.w-min-322 {
  min-width: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-322 {
    min-width: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-322 {
    min-width: 322px !important;
  }
}

.w-max-322 {
  max-width: 322px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-322 {
    max-width: 322px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-322 {
    max-width: 322px !important;
  }
}

.h-323 {
  height: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-323 {
    height: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-323 {
    height: 323px !important;
  }
}

.h-min-323 {
  min-height: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-323 {
    min-height: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-323 {
    min-height: 323px !important;
  }
}

.h-max-323 {
  max-height: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-323 {
    max-height: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-323 {
    max-height: 323px !important;
  }
}

.w-323 {
  width: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-323 {
    width: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-323 {
    width: 323px !important;
  }
}

.w-min-323 {
  min-width: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-323 {
    min-width: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-323 {
    min-width: 323px !important;
  }
}

.w-max-323 {
  max-width: 323px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-323 {
    max-width: 323px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-323 {
    max-width: 323px !important;
  }
}

.h-324 {
  height: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-324 {
    height: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-324 {
    height: 324px !important;
  }
}

.h-min-324 {
  min-height: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-324 {
    min-height: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-324 {
    min-height: 324px !important;
  }
}

.h-max-324 {
  max-height: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-324 {
    max-height: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-324 {
    max-height: 324px !important;
  }
}

.w-324 {
  width: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-324 {
    width: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-324 {
    width: 324px !important;
  }
}

.w-min-324 {
  min-width: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-324 {
    min-width: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-324 {
    min-width: 324px !important;
  }
}

.w-max-324 {
  max-width: 324px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-324 {
    max-width: 324px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-324 {
    max-width: 324px !important;
  }
}

.h-325 {
  height: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-325 {
    height: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-325 {
    height: 325px !important;
  }
}

.h-min-325 {
  min-height: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-325 {
    min-height: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-325 {
    min-height: 325px !important;
  }
}

.h-max-325 {
  max-height: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-325 {
    max-height: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-325 {
    max-height: 325px !important;
  }
}

.w-325 {
  width: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-325 {
    width: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-325 {
    width: 325px !important;
  }
}

.w-min-325 {
  min-width: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-325 {
    min-width: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-325 {
    min-width: 325px !important;
  }
}

.w-max-325 {
  max-width: 325px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-325 {
    max-width: 325px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-325 {
    max-width: 325px !important;
  }
}

.h-326 {
  height: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-326 {
    height: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-326 {
    height: 326px !important;
  }
}

.h-min-326 {
  min-height: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-326 {
    min-height: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-326 {
    min-height: 326px !important;
  }
}

.h-max-326 {
  max-height: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-326 {
    max-height: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-326 {
    max-height: 326px !important;
  }
}

.w-326 {
  width: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-326 {
    width: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-326 {
    width: 326px !important;
  }
}

.w-min-326 {
  min-width: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-326 {
    min-width: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-326 {
    min-width: 326px !important;
  }
}

.w-max-326 {
  max-width: 326px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-326 {
    max-width: 326px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-326 {
    max-width: 326px !important;
  }
}

.h-327 {
  height: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-327 {
    height: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-327 {
    height: 327px !important;
  }
}

.h-min-327 {
  min-height: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-327 {
    min-height: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-327 {
    min-height: 327px !important;
  }
}

.h-max-327 {
  max-height: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-327 {
    max-height: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-327 {
    max-height: 327px !important;
  }
}

.w-327 {
  width: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-327 {
    width: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-327 {
    width: 327px !important;
  }
}

.w-min-327 {
  min-width: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-327 {
    min-width: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-327 {
    min-width: 327px !important;
  }
}

.w-max-327 {
  max-width: 327px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-327 {
    max-width: 327px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-327 {
    max-width: 327px !important;
  }
}

.h-328 {
  height: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-328 {
    height: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-328 {
    height: 328px !important;
  }
}

.h-min-328 {
  min-height: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-328 {
    min-height: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-328 {
    min-height: 328px !important;
  }
}

.h-max-328 {
  max-height: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-328 {
    max-height: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-328 {
    max-height: 328px !important;
  }
}

.w-328 {
  width: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-328 {
    width: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-328 {
    width: 328px !important;
  }
}

.w-min-328 {
  min-width: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-328 {
    min-width: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-328 {
    min-width: 328px !important;
  }
}

.w-max-328 {
  max-width: 328px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-328 {
    max-width: 328px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-328 {
    max-width: 328px !important;
  }
}

.h-329 {
  height: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-329 {
    height: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-329 {
    height: 329px !important;
  }
}

.h-min-329 {
  min-height: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-329 {
    min-height: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-329 {
    min-height: 329px !important;
  }
}

.h-max-329 {
  max-height: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-329 {
    max-height: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-329 {
    max-height: 329px !important;
  }
}

.w-329 {
  width: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-329 {
    width: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-329 {
    width: 329px !important;
  }
}

.w-min-329 {
  min-width: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-329 {
    min-width: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-329 {
    min-width: 329px !important;
  }
}

.w-max-329 {
  max-width: 329px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-329 {
    max-width: 329px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-329 {
    max-width: 329px !important;
  }
}

.h-330 {
  height: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-330 {
    height: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-330 {
    height: 330px !important;
  }
}

.h-min-330 {
  min-height: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-330 {
    min-height: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-330 {
    min-height: 330px !important;
  }
}

.h-max-330 {
  max-height: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-330 {
    max-height: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-330 {
    max-height: 330px !important;
  }
}

.w-330 {
  width: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-330 {
    width: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-330 {
    width: 330px !important;
  }
}

.w-min-330 {
  min-width: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-330 {
    min-width: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-330 {
    min-width: 330px !important;
  }
}

.w-max-330 {
  max-width: 330px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-330 {
    max-width: 330px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-330 {
    max-width: 330px !important;
  }
}

.h-331 {
  height: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-331 {
    height: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-331 {
    height: 331px !important;
  }
}

.h-min-331 {
  min-height: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-331 {
    min-height: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-331 {
    min-height: 331px !important;
  }
}

.h-max-331 {
  max-height: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-331 {
    max-height: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-331 {
    max-height: 331px !important;
  }
}

.w-331 {
  width: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-331 {
    width: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-331 {
    width: 331px !important;
  }
}

.w-min-331 {
  min-width: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-331 {
    min-width: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-331 {
    min-width: 331px !important;
  }
}

.w-max-331 {
  max-width: 331px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-331 {
    max-width: 331px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-331 {
    max-width: 331px !important;
  }
}

.h-332 {
  height: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-332 {
    height: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-332 {
    height: 332px !important;
  }
}

.h-min-332 {
  min-height: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-332 {
    min-height: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-332 {
    min-height: 332px !important;
  }
}

.h-max-332 {
  max-height: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-332 {
    max-height: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-332 {
    max-height: 332px !important;
  }
}

.w-332 {
  width: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-332 {
    width: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-332 {
    width: 332px !important;
  }
}

.w-min-332 {
  min-width: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-332 {
    min-width: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-332 {
    min-width: 332px !important;
  }
}

.w-max-332 {
  max-width: 332px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-332 {
    max-width: 332px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-332 {
    max-width: 332px !important;
  }
}

.h-333 {
  height: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-333 {
    height: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-333 {
    height: 333px !important;
  }
}

.h-min-333 {
  min-height: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-333 {
    min-height: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-333 {
    min-height: 333px !important;
  }
}

.h-max-333 {
  max-height: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-333 {
    max-height: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-333 {
    max-height: 333px !important;
  }
}

.w-333 {
  width: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-333 {
    width: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-333 {
    width: 333px !important;
  }
}

.w-min-333 {
  min-width: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-333 {
    min-width: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-333 {
    min-width: 333px !important;
  }
}

.w-max-333 {
  max-width: 333px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-333 {
    max-width: 333px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-333 {
    max-width: 333px !important;
  }
}

.h-334 {
  height: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-334 {
    height: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-334 {
    height: 334px !important;
  }
}

.h-min-334 {
  min-height: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-334 {
    min-height: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-334 {
    min-height: 334px !important;
  }
}

.h-max-334 {
  max-height: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-334 {
    max-height: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-334 {
    max-height: 334px !important;
  }
}

.w-334 {
  width: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-334 {
    width: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-334 {
    width: 334px !important;
  }
}

.w-min-334 {
  min-width: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-334 {
    min-width: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-334 {
    min-width: 334px !important;
  }
}

.w-max-334 {
  max-width: 334px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-334 {
    max-width: 334px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-334 {
    max-width: 334px !important;
  }
}

.h-335 {
  height: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-335 {
    height: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-335 {
    height: 335px !important;
  }
}

.h-min-335 {
  min-height: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-335 {
    min-height: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-335 {
    min-height: 335px !important;
  }
}

.h-max-335 {
  max-height: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-335 {
    max-height: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-335 {
    max-height: 335px !important;
  }
}

.w-335 {
  width: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-335 {
    width: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-335 {
    width: 335px !important;
  }
}

.w-min-335 {
  min-width: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-335 {
    min-width: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-335 {
    min-width: 335px !important;
  }
}

.w-max-335 {
  max-width: 335px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-335 {
    max-width: 335px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-335 {
    max-width: 335px !important;
  }
}

.h-336 {
  height: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-336 {
    height: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-336 {
    height: 336px !important;
  }
}

.h-min-336 {
  min-height: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-336 {
    min-height: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-336 {
    min-height: 336px !important;
  }
}

.h-max-336 {
  max-height: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-336 {
    max-height: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-336 {
    max-height: 336px !important;
  }
}

.w-336 {
  width: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-336 {
    width: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-336 {
    width: 336px !important;
  }
}

.w-min-336 {
  min-width: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-336 {
    min-width: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-336 {
    min-width: 336px !important;
  }
}

.w-max-336 {
  max-width: 336px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-336 {
    max-width: 336px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-336 {
    max-width: 336px !important;
  }
}

.h-337 {
  height: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-337 {
    height: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-337 {
    height: 337px !important;
  }
}

.h-min-337 {
  min-height: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-337 {
    min-height: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-337 {
    min-height: 337px !important;
  }
}

.h-max-337 {
  max-height: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-337 {
    max-height: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-337 {
    max-height: 337px !important;
  }
}

.w-337 {
  width: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-337 {
    width: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-337 {
    width: 337px !important;
  }
}

.w-min-337 {
  min-width: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-337 {
    min-width: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-337 {
    min-width: 337px !important;
  }
}

.w-max-337 {
  max-width: 337px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-337 {
    max-width: 337px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-337 {
    max-width: 337px !important;
  }
}

.h-338 {
  height: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-338 {
    height: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-338 {
    height: 338px !important;
  }
}

.h-min-338 {
  min-height: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-338 {
    min-height: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-338 {
    min-height: 338px !important;
  }
}

.h-max-338 {
  max-height: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-338 {
    max-height: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-338 {
    max-height: 338px !important;
  }
}

.w-338 {
  width: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-338 {
    width: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-338 {
    width: 338px !important;
  }
}

.w-min-338 {
  min-width: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-338 {
    min-width: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-338 {
    min-width: 338px !important;
  }
}

.w-max-338 {
  max-width: 338px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-338 {
    max-width: 338px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-338 {
    max-width: 338px !important;
  }
}

.h-339 {
  height: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-339 {
    height: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-339 {
    height: 339px !important;
  }
}

.h-min-339 {
  min-height: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-339 {
    min-height: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-339 {
    min-height: 339px !important;
  }
}

.h-max-339 {
  max-height: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-339 {
    max-height: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-339 {
    max-height: 339px !important;
  }
}

.w-339 {
  width: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-339 {
    width: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-339 {
    width: 339px !important;
  }
}

.w-min-339 {
  min-width: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-339 {
    min-width: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-339 {
    min-width: 339px !important;
  }
}

.w-max-339 {
  max-width: 339px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-339 {
    max-width: 339px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-339 {
    max-width: 339px !important;
  }
}

.h-340 {
  height: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-340 {
    height: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-340 {
    height: 340px !important;
  }
}

.h-min-340 {
  min-height: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-340 {
    min-height: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-340 {
    min-height: 340px !important;
  }
}

.h-max-340 {
  max-height: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-340 {
    max-height: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-340 {
    max-height: 340px !important;
  }
}

.w-340 {
  width: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-340 {
    width: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-340 {
    width: 340px !important;
  }
}

.w-min-340 {
  min-width: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-340 {
    min-width: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-340 {
    min-width: 340px !important;
  }
}

.w-max-340 {
  max-width: 340px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-340 {
    max-width: 340px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-340 {
    max-width: 340px !important;
  }
}

.h-341 {
  height: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-341 {
    height: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-341 {
    height: 341px !important;
  }
}

.h-min-341 {
  min-height: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-341 {
    min-height: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-341 {
    min-height: 341px !important;
  }
}

.h-max-341 {
  max-height: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-341 {
    max-height: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-341 {
    max-height: 341px !important;
  }
}

.w-341 {
  width: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-341 {
    width: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-341 {
    width: 341px !important;
  }
}

.w-min-341 {
  min-width: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-341 {
    min-width: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-341 {
    min-width: 341px !important;
  }
}

.w-max-341 {
  max-width: 341px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-341 {
    max-width: 341px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-341 {
    max-width: 341px !important;
  }
}

.h-342 {
  height: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-342 {
    height: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-342 {
    height: 342px !important;
  }
}

.h-min-342 {
  min-height: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-342 {
    min-height: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-342 {
    min-height: 342px !important;
  }
}

.h-max-342 {
  max-height: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-342 {
    max-height: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-342 {
    max-height: 342px !important;
  }
}

.w-342 {
  width: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-342 {
    width: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-342 {
    width: 342px !important;
  }
}

.w-min-342 {
  min-width: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-342 {
    min-width: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-342 {
    min-width: 342px !important;
  }
}

.w-max-342 {
  max-width: 342px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-342 {
    max-width: 342px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-342 {
    max-width: 342px !important;
  }
}

.h-343 {
  height: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-343 {
    height: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-343 {
    height: 343px !important;
  }
}

.h-min-343 {
  min-height: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-343 {
    min-height: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-343 {
    min-height: 343px !important;
  }
}

.h-max-343 {
  max-height: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-343 {
    max-height: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-343 {
    max-height: 343px !important;
  }
}

.w-343 {
  width: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-343 {
    width: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-343 {
    width: 343px !important;
  }
}

.w-min-343 {
  min-width: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-343 {
    min-width: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-343 {
    min-width: 343px !important;
  }
}

.w-max-343 {
  max-width: 343px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-343 {
    max-width: 343px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-343 {
    max-width: 343px !important;
  }
}

.h-344 {
  height: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-344 {
    height: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-344 {
    height: 344px !important;
  }
}

.h-min-344 {
  min-height: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-344 {
    min-height: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-344 {
    min-height: 344px !important;
  }
}

.h-max-344 {
  max-height: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-344 {
    max-height: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-344 {
    max-height: 344px !important;
  }
}

.w-344 {
  width: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-344 {
    width: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-344 {
    width: 344px !important;
  }
}

.w-min-344 {
  min-width: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-344 {
    min-width: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-344 {
    min-width: 344px !important;
  }
}

.w-max-344 {
  max-width: 344px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-344 {
    max-width: 344px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-344 {
    max-width: 344px !important;
  }
}

.h-345 {
  height: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-345 {
    height: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-345 {
    height: 345px !important;
  }
}

.h-min-345 {
  min-height: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-345 {
    min-height: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-345 {
    min-height: 345px !important;
  }
}

.h-max-345 {
  max-height: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-345 {
    max-height: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-345 {
    max-height: 345px !important;
  }
}

.w-345 {
  width: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-345 {
    width: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-345 {
    width: 345px !important;
  }
}

.w-min-345 {
  min-width: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-345 {
    min-width: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-345 {
    min-width: 345px !important;
  }
}

.w-max-345 {
  max-width: 345px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-345 {
    max-width: 345px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-345 {
    max-width: 345px !important;
  }
}

.h-346 {
  height: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-346 {
    height: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-346 {
    height: 346px !important;
  }
}

.h-min-346 {
  min-height: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-346 {
    min-height: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-346 {
    min-height: 346px !important;
  }
}

.h-max-346 {
  max-height: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-346 {
    max-height: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-346 {
    max-height: 346px !important;
  }
}

.w-346 {
  width: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-346 {
    width: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-346 {
    width: 346px !important;
  }
}

.w-min-346 {
  min-width: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-346 {
    min-width: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-346 {
    min-width: 346px !important;
  }
}

.w-max-346 {
  max-width: 346px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-346 {
    max-width: 346px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-346 {
    max-width: 346px !important;
  }
}

.h-347 {
  height: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-347 {
    height: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-347 {
    height: 347px !important;
  }
}

.h-min-347 {
  min-height: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-347 {
    min-height: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-347 {
    min-height: 347px !important;
  }
}

.h-max-347 {
  max-height: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-347 {
    max-height: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-347 {
    max-height: 347px !important;
  }
}

.w-347 {
  width: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-347 {
    width: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-347 {
    width: 347px !important;
  }
}

.w-min-347 {
  min-width: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-347 {
    min-width: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-347 {
    min-width: 347px !important;
  }
}

.w-max-347 {
  max-width: 347px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-347 {
    max-width: 347px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-347 {
    max-width: 347px !important;
  }
}

.h-348 {
  height: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-348 {
    height: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-348 {
    height: 348px !important;
  }
}

.h-min-348 {
  min-height: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-348 {
    min-height: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-348 {
    min-height: 348px !important;
  }
}

.h-max-348 {
  max-height: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-348 {
    max-height: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-348 {
    max-height: 348px !important;
  }
}

.w-348 {
  width: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-348 {
    width: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-348 {
    width: 348px !important;
  }
}

.w-min-348 {
  min-width: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-348 {
    min-width: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-348 {
    min-width: 348px !important;
  }
}

.w-max-348 {
  max-width: 348px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-348 {
    max-width: 348px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-348 {
    max-width: 348px !important;
  }
}

.h-349 {
  height: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-349 {
    height: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-349 {
    height: 349px !important;
  }
}

.h-min-349 {
  min-height: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-349 {
    min-height: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-349 {
    min-height: 349px !important;
  }
}

.h-max-349 {
  max-height: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-349 {
    max-height: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-349 {
    max-height: 349px !important;
  }
}

.w-349 {
  width: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-349 {
    width: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-349 {
    width: 349px !important;
  }
}

.w-min-349 {
  min-width: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-349 {
    min-width: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-349 {
    min-width: 349px !important;
  }
}

.w-max-349 {
  max-width: 349px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-349 {
    max-width: 349px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-349 {
    max-width: 349px !important;
  }
}

.h-350 {
  height: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-350 {
    height: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-350 {
    height: 350px !important;
  }
}

.h-min-350 {
  min-height: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-350 {
    min-height: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-350 {
    min-height: 350px !important;
  }
}

.h-max-350 {
  max-height: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-350 {
    max-height: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-350 {
    max-height: 350px !important;
  }
}

.w-350 {
  width: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-350 {
    width: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-350 {
    width: 350px !important;
  }
}

.w-min-350 {
  min-width: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-350 {
    min-width: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-350 {
    min-width: 350px !important;
  }
}

.w-max-350 {
  max-width: 350px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-350 {
    max-width: 350px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-350 {
    max-width: 350px !important;
  }
}

.h-351 {
  height: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-351 {
    height: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-351 {
    height: 351px !important;
  }
}

.h-min-351 {
  min-height: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-351 {
    min-height: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-351 {
    min-height: 351px !important;
  }
}

.h-max-351 {
  max-height: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-351 {
    max-height: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-351 {
    max-height: 351px !important;
  }
}

.w-351 {
  width: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-351 {
    width: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-351 {
    width: 351px !important;
  }
}

.w-min-351 {
  min-width: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-351 {
    min-width: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-351 {
    min-width: 351px !important;
  }
}

.w-max-351 {
  max-width: 351px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-351 {
    max-width: 351px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-351 {
    max-width: 351px !important;
  }
}

.h-352 {
  height: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-352 {
    height: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-352 {
    height: 352px !important;
  }
}

.h-min-352 {
  min-height: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-352 {
    min-height: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-352 {
    min-height: 352px !important;
  }
}

.h-max-352 {
  max-height: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-352 {
    max-height: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-352 {
    max-height: 352px !important;
  }
}

.w-352 {
  width: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-352 {
    width: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-352 {
    width: 352px !important;
  }
}

.w-min-352 {
  min-width: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-352 {
    min-width: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-352 {
    min-width: 352px !important;
  }
}

.w-max-352 {
  max-width: 352px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-352 {
    max-width: 352px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-352 {
    max-width: 352px !important;
  }
}

.h-353 {
  height: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-353 {
    height: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-353 {
    height: 353px !important;
  }
}

.h-min-353 {
  min-height: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-353 {
    min-height: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-353 {
    min-height: 353px !important;
  }
}

.h-max-353 {
  max-height: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-353 {
    max-height: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-353 {
    max-height: 353px !important;
  }
}

.w-353 {
  width: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-353 {
    width: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-353 {
    width: 353px !important;
  }
}

.w-min-353 {
  min-width: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-353 {
    min-width: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-353 {
    min-width: 353px !important;
  }
}

.w-max-353 {
  max-width: 353px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-353 {
    max-width: 353px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-353 {
    max-width: 353px !important;
  }
}

.h-354 {
  height: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-354 {
    height: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-354 {
    height: 354px !important;
  }
}

.h-min-354 {
  min-height: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-354 {
    min-height: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-354 {
    min-height: 354px !important;
  }
}

.h-max-354 {
  max-height: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-354 {
    max-height: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-354 {
    max-height: 354px !important;
  }
}

.w-354 {
  width: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-354 {
    width: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-354 {
    width: 354px !important;
  }
}

.w-min-354 {
  min-width: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-354 {
    min-width: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-354 {
    min-width: 354px !important;
  }
}

.w-max-354 {
  max-width: 354px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-354 {
    max-width: 354px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-354 {
    max-width: 354px !important;
  }
}

.h-355 {
  height: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-355 {
    height: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-355 {
    height: 355px !important;
  }
}

.h-min-355 {
  min-height: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-355 {
    min-height: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-355 {
    min-height: 355px !important;
  }
}

.h-max-355 {
  max-height: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-355 {
    max-height: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-355 {
    max-height: 355px !important;
  }
}

.w-355 {
  width: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-355 {
    width: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-355 {
    width: 355px !important;
  }
}

.w-min-355 {
  min-width: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-355 {
    min-width: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-355 {
    min-width: 355px !important;
  }
}

.w-max-355 {
  max-width: 355px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-355 {
    max-width: 355px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-355 {
    max-width: 355px !important;
  }
}

.h-356 {
  height: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-356 {
    height: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-356 {
    height: 356px !important;
  }
}

.h-min-356 {
  min-height: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-356 {
    min-height: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-356 {
    min-height: 356px !important;
  }
}

.h-max-356 {
  max-height: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-356 {
    max-height: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-356 {
    max-height: 356px !important;
  }
}

.w-356 {
  width: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-356 {
    width: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-356 {
    width: 356px !important;
  }
}

.w-min-356 {
  min-width: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-356 {
    min-width: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-356 {
    min-width: 356px !important;
  }
}

.w-max-356 {
  max-width: 356px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-356 {
    max-width: 356px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-356 {
    max-width: 356px !important;
  }
}

.h-357 {
  height: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-357 {
    height: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-357 {
    height: 357px !important;
  }
}

.h-min-357 {
  min-height: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-357 {
    min-height: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-357 {
    min-height: 357px !important;
  }
}

.h-max-357 {
  max-height: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-357 {
    max-height: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-357 {
    max-height: 357px !important;
  }
}

.w-357 {
  width: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-357 {
    width: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-357 {
    width: 357px !important;
  }
}

.w-min-357 {
  min-width: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-357 {
    min-width: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-357 {
    min-width: 357px !important;
  }
}

.w-max-357 {
  max-width: 357px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-357 {
    max-width: 357px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-357 {
    max-width: 357px !important;
  }
}

.h-358 {
  height: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-358 {
    height: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-358 {
    height: 358px !important;
  }
}

.h-min-358 {
  min-height: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-358 {
    min-height: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-358 {
    min-height: 358px !important;
  }
}

.h-max-358 {
  max-height: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-358 {
    max-height: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-358 {
    max-height: 358px !important;
  }
}

.w-358 {
  width: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-358 {
    width: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-358 {
    width: 358px !important;
  }
}

.w-min-358 {
  min-width: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-358 {
    min-width: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-358 {
    min-width: 358px !important;
  }
}

.w-max-358 {
  max-width: 358px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-358 {
    max-width: 358px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-358 {
    max-width: 358px !important;
  }
}

.h-359 {
  height: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-359 {
    height: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-359 {
    height: 359px !important;
  }
}

.h-min-359 {
  min-height: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-359 {
    min-height: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-359 {
    min-height: 359px !important;
  }
}

.h-max-359 {
  max-height: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-359 {
    max-height: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-359 {
    max-height: 359px !important;
  }
}

.w-359 {
  width: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-359 {
    width: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-359 {
    width: 359px !important;
  }
}

.w-min-359 {
  min-width: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-359 {
    min-width: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-359 {
    min-width: 359px !important;
  }
}

.w-max-359 {
  max-width: 359px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-359 {
    max-width: 359px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-359 {
    max-width: 359px !important;
  }
}

.h-360 {
  height: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-360 {
    height: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-360 {
    height: 360px !important;
  }
}

.h-min-360 {
  min-height: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-360 {
    min-height: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-360 {
    min-height: 360px !important;
  }
}

.h-max-360 {
  max-height: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-360 {
    max-height: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-360 {
    max-height: 360px !important;
  }
}

.w-360 {
  width: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-360 {
    width: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-360 {
    width: 360px !important;
  }
}

.w-min-360 {
  min-width: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-360 {
    min-width: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-360 {
    min-width: 360px !important;
  }
}

.w-max-360 {
  max-width: 360px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-360 {
    max-width: 360px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-360 {
    max-width: 360px !important;
  }
}

.h-361 {
  height: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-361 {
    height: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-361 {
    height: 361px !important;
  }
}

.h-min-361 {
  min-height: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-361 {
    min-height: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-361 {
    min-height: 361px !important;
  }
}

.h-max-361 {
  max-height: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-361 {
    max-height: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-361 {
    max-height: 361px !important;
  }
}

.w-361 {
  width: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-361 {
    width: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-361 {
    width: 361px !important;
  }
}

.w-min-361 {
  min-width: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-361 {
    min-width: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-361 {
    min-width: 361px !important;
  }
}

.w-max-361 {
  max-width: 361px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-361 {
    max-width: 361px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-361 {
    max-width: 361px !important;
  }
}

.h-362 {
  height: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-362 {
    height: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-362 {
    height: 362px !important;
  }
}

.h-min-362 {
  min-height: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-362 {
    min-height: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-362 {
    min-height: 362px !important;
  }
}

.h-max-362 {
  max-height: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-362 {
    max-height: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-362 {
    max-height: 362px !important;
  }
}

.w-362 {
  width: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-362 {
    width: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-362 {
    width: 362px !important;
  }
}

.w-min-362 {
  min-width: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-362 {
    min-width: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-362 {
    min-width: 362px !important;
  }
}

.w-max-362 {
  max-width: 362px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-362 {
    max-width: 362px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-362 {
    max-width: 362px !important;
  }
}

.h-363 {
  height: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-363 {
    height: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-363 {
    height: 363px !important;
  }
}

.h-min-363 {
  min-height: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-363 {
    min-height: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-363 {
    min-height: 363px !important;
  }
}

.h-max-363 {
  max-height: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-363 {
    max-height: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-363 {
    max-height: 363px !important;
  }
}

.w-363 {
  width: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-363 {
    width: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-363 {
    width: 363px !important;
  }
}

.w-min-363 {
  min-width: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-363 {
    min-width: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-363 {
    min-width: 363px !important;
  }
}

.w-max-363 {
  max-width: 363px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-363 {
    max-width: 363px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-363 {
    max-width: 363px !important;
  }
}

.h-364 {
  height: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-364 {
    height: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-364 {
    height: 364px !important;
  }
}

.h-min-364 {
  min-height: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-364 {
    min-height: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-364 {
    min-height: 364px !important;
  }
}

.h-max-364 {
  max-height: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-364 {
    max-height: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-364 {
    max-height: 364px !important;
  }
}

.w-364 {
  width: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-364 {
    width: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-364 {
    width: 364px !important;
  }
}

.w-min-364 {
  min-width: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-364 {
    min-width: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-364 {
    min-width: 364px !important;
  }
}

.w-max-364 {
  max-width: 364px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-364 {
    max-width: 364px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-364 {
    max-width: 364px !important;
  }
}

.h-365 {
  height: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-365 {
    height: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-365 {
    height: 365px !important;
  }
}

.h-min-365 {
  min-height: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-365 {
    min-height: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-365 {
    min-height: 365px !important;
  }
}

.h-max-365 {
  max-height: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-365 {
    max-height: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-365 {
    max-height: 365px !important;
  }
}

.w-365 {
  width: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-365 {
    width: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-365 {
    width: 365px !important;
  }
}

.w-min-365 {
  min-width: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-365 {
    min-width: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-365 {
    min-width: 365px !important;
  }
}

.w-max-365 {
  max-width: 365px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-365 {
    max-width: 365px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-365 {
    max-width: 365px !important;
  }
}

.h-366 {
  height: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-366 {
    height: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-366 {
    height: 366px !important;
  }
}

.h-min-366 {
  min-height: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-366 {
    min-height: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-366 {
    min-height: 366px !important;
  }
}

.h-max-366 {
  max-height: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-366 {
    max-height: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-366 {
    max-height: 366px !important;
  }
}

.w-366 {
  width: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-366 {
    width: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-366 {
    width: 366px !important;
  }
}

.w-min-366 {
  min-width: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-366 {
    min-width: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-366 {
    min-width: 366px !important;
  }
}

.w-max-366 {
  max-width: 366px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-366 {
    max-width: 366px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-366 {
    max-width: 366px !important;
  }
}

.h-367 {
  height: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-367 {
    height: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-367 {
    height: 367px !important;
  }
}

.h-min-367 {
  min-height: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-367 {
    min-height: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-367 {
    min-height: 367px !important;
  }
}

.h-max-367 {
  max-height: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-367 {
    max-height: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-367 {
    max-height: 367px !important;
  }
}

.w-367 {
  width: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-367 {
    width: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-367 {
    width: 367px !important;
  }
}

.w-min-367 {
  min-width: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-367 {
    min-width: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-367 {
    min-width: 367px !important;
  }
}

.w-max-367 {
  max-width: 367px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-367 {
    max-width: 367px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-367 {
    max-width: 367px !important;
  }
}

.h-368 {
  height: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-368 {
    height: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-368 {
    height: 368px !important;
  }
}

.h-min-368 {
  min-height: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-368 {
    min-height: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-368 {
    min-height: 368px !important;
  }
}

.h-max-368 {
  max-height: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-368 {
    max-height: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-368 {
    max-height: 368px !important;
  }
}

.w-368 {
  width: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-368 {
    width: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-368 {
    width: 368px !important;
  }
}

.w-min-368 {
  min-width: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-368 {
    min-width: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-368 {
    min-width: 368px !important;
  }
}

.w-max-368 {
  max-width: 368px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-368 {
    max-width: 368px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-368 {
    max-width: 368px !important;
  }
}

.h-369 {
  height: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-369 {
    height: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-369 {
    height: 369px !important;
  }
}

.h-min-369 {
  min-height: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-369 {
    min-height: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-369 {
    min-height: 369px !important;
  }
}

.h-max-369 {
  max-height: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-369 {
    max-height: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-369 {
    max-height: 369px !important;
  }
}

.w-369 {
  width: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-369 {
    width: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-369 {
    width: 369px !important;
  }
}

.w-min-369 {
  min-width: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-369 {
    min-width: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-369 {
    min-width: 369px !important;
  }
}

.w-max-369 {
  max-width: 369px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-369 {
    max-width: 369px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-369 {
    max-width: 369px !important;
  }
}

.h-370 {
  height: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-370 {
    height: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-370 {
    height: 370px !important;
  }
}

.h-min-370 {
  min-height: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-370 {
    min-height: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-370 {
    min-height: 370px !important;
  }
}

.h-max-370 {
  max-height: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-370 {
    max-height: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-370 {
    max-height: 370px !important;
  }
}

.w-370 {
  width: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-370 {
    width: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-370 {
    width: 370px !important;
  }
}

.w-min-370 {
  min-width: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-370 {
    min-width: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-370 {
    min-width: 370px !important;
  }
}

.w-max-370 {
  max-width: 370px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-370 {
    max-width: 370px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-370 {
    max-width: 370px !important;
  }
}

.h-371 {
  height: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-371 {
    height: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-371 {
    height: 371px !important;
  }
}

.h-min-371 {
  min-height: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-371 {
    min-height: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-371 {
    min-height: 371px !important;
  }
}

.h-max-371 {
  max-height: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-371 {
    max-height: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-371 {
    max-height: 371px !important;
  }
}

.w-371 {
  width: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-371 {
    width: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-371 {
    width: 371px !important;
  }
}

.w-min-371 {
  min-width: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-371 {
    min-width: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-371 {
    min-width: 371px !important;
  }
}

.w-max-371 {
  max-width: 371px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-371 {
    max-width: 371px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-371 {
    max-width: 371px !important;
  }
}

.h-372 {
  height: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-372 {
    height: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-372 {
    height: 372px !important;
  }
}

.h-min-372 {
  min-height: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-372 {
    min-height: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-372 {
    min-height: 372px !important;
  }
}

.h-max-372 {
  max-height: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-372 {
    max-height: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-372 {
    max-height: 372px !important;
  }
}

.w-372 {
  width: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-372 {
    width: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-372 {
    width: 372px !important;
  }
}

.w-min-372 {
  min-width: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-372 {
    min-width: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-372 {
    min-width: 372px !important;
  }
}

.w-max-372 {
  max-width: 372px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-372 {
    max-width: 372px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-372 {
    max-width: 372px !important;
  }
}

.h-373 {
  height: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-373 {
    height: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-373 {
    height: 373px !important;
  }
}

.h-min-373 {
  min-height: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-373 {
    min-height: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-373 {
    min-height: 373px !important;
  }
}

.h-max-373 {
  max-height: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-373 {
    max-height: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-373 {
    max-height: 373px !important;
  }
}

.w-373 {
  width: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-373 {
    width: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-373 {
    width: 373px !important;
  }
}

.w-min-373 {
  min-width: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-373 {
    min-width: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-373 {
    min-width: 373px !important;
  }
}

.w-max-373 {
  max-width: 373px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-373 {
    max-width: 373px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-373 {
    max-width: 373px !important;
  }
}

.h-374 {
  height: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-374 {
    height: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-374 {
    height: 374px !important;
  }
}

.h-min-374 {
  min-height: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-374 {
    min-height: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-374 {
    min-height: 374px !important;
  }
}

.h-max-374 {
  max-height: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-374 {
    max-height: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-374 {
    max-height: 374px !important;
  }
}

.w-374 {
  width: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-374 {
    width: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-374 {
    width: 374px !important;
  }
}

.w-min-374 {
  min-width: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-374 {
    min-width: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-374 {
    min-width: 374px !important;
  }
}

.w-max-374 {
  max-width: 374px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-374 {
    max-width: 374px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-374 {
    max-width: 374px !important;
  }
}

.h-375 {
  height: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-375 {
    height: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-375 {
    height: 375px !important;
  }
}

.h-min-375 {
  min-height: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-375 {
    min-height: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-375 {
    min-height: 375px !important;
  }
}

.h-max-375 {
  max-height: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-375 {
    max-height: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-375 {
    max-height: 375px !important;
  }
}

.w-375 {
  width: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-375 {
    width: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-375 {
    width: 375px !important;
  }
}

.w-min-375 {
  min-width: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-375 {
    min-width: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-375 {
    min-width: 375px !important;
  }
}

.w-max-375 {
  max-width: 375px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-375 {
    max-width: 375px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-375 {
    max-width: 375px !important;
  }
}

.h-376 {
  height: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-376 {
    height: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-376 {
    height: 376px !important;
  }
}

.h-min-376 {
  min-height: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-376 {
    min-height: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-376 {
    min-height: 376px !important;
  }
}

.h-max-376 {
  max-height: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-376 {
    max-height: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-376 {
    max-height: 376px !important;
  }
}

.w-376 {
  width: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-376 {
    width: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-376 {
    width: 376px !important;
  }
}

.w-min-376 {
  min-width: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-376 {
    min-width: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-376 {
    min-width: 376px !important;
  }
}

.w-max-376 {
  max-width: 376px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-376 {
    max-width: 376px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-376 {
    max-width: 376px !important;
  }
}

.h-377 {
  height: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-377 {
    height: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-377 {
    height: 377px !important;
  }
}

.h-min-377 {
  min-height: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-377 {
    min-height: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-377 {
    min-height: 377px !important;
  }
}

.h-max-377 {
  max-height: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-377 {
    max-height: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-377 {
    max-height: 377px !important;
  }
}

.w-377 {
  width: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-377 {
    width: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-377 {
    width: 377px !important;
  }
}

.w-min-377 {
  min-width: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-377 {
    min-width: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-377 {
    min-width: 377px !important;
  }
}

.w-max-377 {
  max-width: 377px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-377 {
    max-width: 377px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-377 {
    max-width: 377px !important;
  }
}

.h-378 {
  height: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-378 {
    height: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-378 {
    height: 378px !important;
  }
}

.h-min-378 {
  min-height: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-378 {
    min-height: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-378 {
    min-height: 378px !important;
  }
}

.h-max-378 {
  max-height: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-378 {
    max-height: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-378 {
    max-height: 378px !important;
  }
}

.w-378 {
  width: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-378 {
    width: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-378 {
    width: 378px !important;
  }
}

.w-min-378 {
  min-width: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-378 {
    min-width: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-378 {
    min-width: 378px !important;
  }
}

.w-max-378 {
  max-width: 378px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-378 {
    max-width: 378px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-378 {
    max-width: 378px !important;
  }
}

.h-379 {
  height: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-379 {
    height: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-379 {
    height: 379px !important;
  }
}

.h-min-379 {
  min-height: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-379 {
    min-height: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-379 {
    min-height: 379px !important;
  }
}

.h-max-379 {
  max-height: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-379 {
    max-height: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-379 {
    max-height: 379px !important;
  }
}

.w-379 {
  width: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-379 {
    width: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-379 {
    width: 379px !important;
  }
}

.w-min-379 {
  min-width: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-379 {
    min-width: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-379 {
    min-width: 379px !important;
  }
}

.w-max-379 {
  max-width: 379px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-379 {
    max-width: 379px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-379 {
    max-width: 379px !important;
  }
}

.h-380 {
  height: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-380 {
    height: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-380 {
    height: 380px !important;
  }
}

.h-min-380 {
  min-height: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-380 {
    min-height: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-380 {
    min-height: 380px !important;
  }
}

.h-max-380 {
  max-height: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-380 {
    max-height: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-380 {
    max-height: 380px !important;
  }
}

.w-380 {
  width: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-380 {
    width: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-380 {
    width: 380px !important;
  }
}

.w-min-380 {
  min-width: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-380 {
    min-width: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-380 {
    min-width: 380px !important;
  }
}

.w-max-380 {
  max-width: 380px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-380 {
    max-width: 380px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-380 {
    max-width: 380px !important;
  }
}

.h-381 {
  height: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-381 {
    height: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-381 {
    height: 381px !important;
  }
}

.h-min-381 {
  min-height: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-381 {
    min-height: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-381 {
    min-height: 381px !important;
  }
}

.h-max-381 {
  max-height: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-381 {
    max-height: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-381 {
    max-height: 381px !important;
  }
}

.w-381 {
  width: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-381 {
    width: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-381 {
    width: 381px !important;
  }
}

.w-min-381 {
  min-width: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-381 {
    min-width: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-381 {
    min-width: 381px !important;
  }
}

.w-max-381 {
  max-width: 381px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-381 {
    max-width: 381px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-381 {
    max-width: 381px !important;
  }
}

.h-382 {
  height: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-382 {
    height: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-382 {
    height: 382px !important;
  }
}

.h-min-382 {
  min-height: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-382 {
    min-height: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-382 {
    min-height: 382px !important;
  }
}

.h-max-382 {
  max-height: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-382 {
    max-height: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-382 {
    max-height: 382px !important;
  }
}

.w-382 {
  width: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-382 {
    width: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-382 {
    width: 382px !important;
  }
}

.w-min-382 {
  min-width: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-382 {
    min-width: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-382 {
    min-width: 382px !important;
  }
}

.w-max-382 {
  max-width: 382px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-382 {
    max-width: 382px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-382 {
    max-width: 382px !important;
  }
}

.h-383 {
  height: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-383 {
    height: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-383 {
    height: 383px !important;
  }
}

.h-min-383 {
  min-height: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-383 {
    min-height: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-383 {
    min-height: 383px !important;
  }
}

.h-max-383 {
  max-height: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-383 {
    max-height: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-383 {
    max-height: 383px !important;
  }
}

.w-383 {
  width: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-383 {
    width: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-383 {
    width: 383px !important;
  }
}

.w-min-383 {
  min-width: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-383 {
    min-width: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-383 {
    min-width: 383px !important;
  }
}

.w-max-383 {
  max-width: 383px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-383 {
    max-width: 383px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-383 {
    max-width: 383px !important;
  }
}

.h-384 {
  height: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-384 {
    height: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-384 {
    height: 384px !important;
  }
}

.h-min-384 {
  min-height: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-384 {
    min-height: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-384 {
    min-height: 384px !important;
  }
}

.h-max-384 {
  max-height: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-384 {
    max-height: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-384 {
    max-height: 384px !important;
  }
}

.w-384 {
  width: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-384 {
    width: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-384 {
    width: 384px !important;
  }
}

.w-min-384 {
  min-width: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-384 {
    min-width: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-384 {
    min-width: 384px !important;
  }
}

.w-max-384 {
  max-width: 384px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-384 {
    max-width: 384px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-384 {
    max-width: 384px !important;
  }
}

.h-385 {
  height: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-385 {
    height: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-385 {
    height: 385px !important;
  }
}

.h-min-385 {
  min-height: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-385 {
    min-height: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-385 {
    min-height: 385px !important;
  }
}

.h-max-385 {
  max-height: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-385 {
    max-height: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-385 {
    max-height: 385px !important;
  }
}

.w-385 {
  width: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-385 {
    width: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-385 {
    width: 385px !important;
  }
}

.w-min-385 {
  min-width: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-385 {
    min-width: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-385 {
    min-width: 385px !important;
  }
}

.w-max-385 {
  max-width: 385px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-385 {
    max-width: 385px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-385 {
    max-width: 385px !important;
  }
}

.h-386 {
  height: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-386 {
    height: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-386 {
    height: 386px !important;
  }
}

.h-min-386 {
  min-height: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-386 {
    min-height: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-386 {
    min-height: 386px !important;
  }
}

.h-max-386 {
  max-height: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-386 {
    max-height: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-386 {
    max-height: 386px !important;
  }
}

.w-386 {
  width: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-386 {
    width: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-386 {
    width: 386px !important;
  }
}

.w-min-386 {
  min-width: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-386 {
    min-width: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-386 {
    min-width: 386px !important;
  }
}

.w-max-386 {
  max-width: 386px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-386 {
    max-width: 386px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-386 {
    max-width: 386px !important;
  }
}

.h-387 {
  height: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-387 {
    height: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-387 {
    height: 387px !important;
  }
}

.h-min-387 {
  min-height: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-387 {
    min-height: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-387 {
    min-height: 387px !important;
  }
}

.h-max-387 {
  max-height: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-387 {
    max-height: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-387 {
    max-height: 387px !important;
  }
}

.w-387 {
  width: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-387 {
    width: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-387 {
    width: 387px !important;
  }
}

.w-min-387 {
  min-width: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-387 {
    min-width: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-387 {
    min-width: 387px !important;
  }
}

.w-max-387 {
  max-width: 387px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-387 {
    max-width: 387px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-387 {
    max-width: 387px !important;
  }
}

.h-388 {
  height: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-388 {
    height: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-388 {
    height: 388px !important;
  }
}

.h-min-388 {
  min-height: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-388 {
    min-height: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-388 {
    min-height: 388px !important;
  }
}

.h-max-388 {
  max-height: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-388 {
    max-height: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-388 {
    max-height: 388px !important;
  }
}

.w-388 {
  width: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-388 {
    width: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-388 {
    width: 388px !important;
  }
}

.w-min-388 {
  min-width: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-388 {
    min-width: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-388 {
    min-width: 388px !important;
  }
}

.w-max-388 {
  max-width: 388px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-388 {
    max-width: 388px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-388 {
    max-width: 388px !important;
  }
}

.h-389 {
  height: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-389 {
    height: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-389 {
    height: 389px !important;
  }
}

.h-min-389 {
  min-height: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-389 {
    min-height: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-389 {
    min-height: 389px !important;
  }
}

.h-max-389 {
  max-height: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-389 {
    max-height: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-389 {
    max-height: 389px !important;
  }
}

.w-389 {
  width: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-389 {
    width: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-389 {
    width: 389px !important;
  }
}

.w-min-389 {
  min-width: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-389 {
    min-width: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-389 {
    min-width: 389px !important;
  }
}

.w-max-389 {
  max-width: 389px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-389 {
    max-width: 389px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-389 {
    max-width: 389px !important;
  }
}

.h-390 {
  height: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-390 {
    height: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-390 {
    height: 390px !important;
  }
}

.h-min-390 {
  min-height: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-390 {
    min-height: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-390 {
    min-height: 390px !important;
  }
}

.h-max-390 {
  max-height: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-390 {
    max-height: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-390 {
    max-height: 390px !important;
  }
}

.w-390 {
  width: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-390 {
    width: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-390 {
    width: 390px !important;
  }
}

.w-min-390 {
  min-width: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-390 {
    min-width: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-390 {
    min-width: 390px !important;
  }
}

.w-max-390 {
  max-width: 390px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-390 {
    max-width: 390px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-390 {
    max-width: 390px !important;
  }
}

.h-391 {
  height: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-391 {
    height: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-391 {
    height: 391px !important;
  }
}

.h-min-391 {
  min-height: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-391 {
    min-height: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-391 {
    min-height: 391px !important;
  }
}

.h-max-391 {
  max-height: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-391 {
    max-height: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-391 {
    max-height: 391px !important;
  }
}

.w-391 {
  width: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-391 {
    width: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-391 {
    width: 391px !important;
  }
}

.w-min-391 {
  min-width: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-391 {
    min-width: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-391 {
    min-width: 391px !important;
  }
}

.w-max-391 {
  max-width: 391px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-391 {
    max-width: 391px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-391 {
    max-width: 391px !important;
  }
}

.h-392 {
  height: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-392 {
    height: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-392 {
    height: 392px !important;
  }
}

.h-min-392 {
  min-height: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-392 {
    min-height: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-392 {
    min-height: 392px !important;
  }
}

.h-max-392 {
  max-height: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-392 {
    max-height: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-392 {
    max-height: 392px !important;
  }
}

.w-392 {
  width: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-392 {
    width: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-392 {
    width: 392px !important;
  }
}

.w-min-392 {
  min-width: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-392 {
    min-width: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-392 {
    min-width: 392px !important;
  }
}

.w-max-392 {
  max-width: 392px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-392 {
    max-width: 392px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-392 {
    max-width: 392px !important;
  }
}

.h-393 {
  height: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-393 {
    height: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-393 {
    height: 393px !important;
  }
}

.h-min-393 {
  min-height: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-393 {
    min-height: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-393 {
    min-height: 393px !important;
  }
}

.h-max-393 {
  max-height: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-393 {
    max-height: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-393 {
    max-height: 393px !important;
  }
}

.w-393 {
  width: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-393 {
    width: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-393 {
    width: 393px !important;
  }
}

.w-min-393 {
  min-width: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-393 {
    min-width: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-393 {
    min-width: 393px !important;
  }
}

.w-max-393 {
  max-width: 393px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-393 {
    max-width: 393px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-393 {
    max-width: 393px !important;
  }
}

.h-394 {
  height: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-394 {
    height: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-394 {
    height: 394px !important;
  }
}

.h-min-394 {
  min-height: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-394 {
    min-height: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-394 {
    min-height: 394px !important;
  }
}

.h-max-394 {
  max-height: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-394 {
    max-height: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-394 {
    max-height: 394px !important;
  }
}

.w-394 {
  width: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-394 {
    width: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-394 {
    width: 394px !important;
  }
}

.w-min-394 {
  min-width: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-394 {
    min-width: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-394 {
    min-width: 394px !important;
  }
}

.w-max-394 {
  max-width: 394px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-394 {
    max-width: 394px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-394 {
    max-width: 394px !important;
  }
}

.h-395 {
  height: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-395 {
    height: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-395 {
    height: 395px !important;
  }
}

.h-min-395 {
  min-height: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-395 {
    min-height: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-395 {
    min-height: 395px !important;
  }
}

.h-max-395 {
  max-height: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-395 {
    max-height: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-395 {
    max-height: 395px !important;
  }
}

.w-395 {
  width: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-395 {
    width: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-395 {
    width: 395px !important;
  }
}

.w-min-395 {
  min-width: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-395 {
    min-width: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-395 {
    min-width: 395px !important;
  }
}

.w-max-395 {
  max-width: 395px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-395 {
    max-width: 395px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-395 {
    max-width: 395px !important;
  }
}

.h-396 {
  height: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-396 {
    height: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-396 {
    height: 396px !important;
  }
}

.h-min-396 {
  min-height: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-396 {
    min-height: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-396 {
    min-height: 396px !important;
  }
}

.h-max-396 {
  max-height: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-396 {
    max-height: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-396 {
    max-height: 396px !important;
  }
}

.w-396 {
  width: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-396 {
    width: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-396 {
    width: 396px !important;
  }
}

.w-min-396 {
  min-width: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-396 {
    min-width: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-396 {
    min-width: 396px !important;
  }
}

.w-max-396 {
  max-width: 396px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-396 {
    max-width: 396px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-396 {
    max-width: 396px !important;
  }
}

.h-397 {
  height: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-397 {
    height: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-397 {
    height: 397px !important;
  }
}

.h-min-397 {
  min-height: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-397 {
    min-height: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-397 {
    min-height: 397px !important;
  }
}

.h-max-397 {
  max-height: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-397 {
    max-height: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-397 {
    max-height: 397px !important;
  }
}

.w-397 {
  width: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-397 {
    width: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-397 {
    width: 397px !important;
  }
}

.w-min-397 {
  min-width: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-397 {
    min-width: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-397 {
    min-width: 397px !important;
  }
}

.w-max-397 {
  max-width: 397px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-397 {
    max-width: 397px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-397 {
    max-width: 397px !important;
  }
}

.h-398 {
  height: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-398 {
    height: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-398 {
    height: 398px !important;
  }
}

.h-min-398 {
  min-height: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-398 {
    min-height: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-398 {
    min-height: 398px !important;
  }
}

.h-max-398 {
  max-height: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-398 {
    max-height: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-398 {
    max-height: 398px !important;
  }
}

.w-398 {
  width: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-398 {
    width: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-398 {
    width: 398px !important;
  }
}

.w-min-398 {
  min-width: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-398 {
    min-width: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-398 {
    min-width: 398px !important;
  }
}

.w-max-398 {
  max-width: 398px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-398 {
    max-width: 398px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-398 {
    max-width: 398px !important;
  }
}

.h-399 {
  height: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-399 {
    height: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-399 {
    height: 399px !important;
  }
}

.h-min-399 {
  min-height: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-399 {
    min-height: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-399 {
    min-height: 399px !important;
  }
}

.h-max-399 {
  max-height: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-399 {
    max-height: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-399 {
    max-height: 399px !important;
  }
}

.w-399 {
  width: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-399 {
    width: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-399 {
    width: 399px !important;
  }
}

.w-min-399 {
  min-width: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-399 {
    min-width: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-399 {
    min-width: 399px !important;
  }
}

.w-max-399 {
  max-width: 399px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-399 {
    max-width: 399px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-399 {
    max-width: 399px !important;
  }
}

.h-400 {
  height: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-400 {
    height: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-400 {
    height: 400px !important;
  }
}

.h-min-400 {
  min-height: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-400 {
    min-height: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-400 {
    min-height: 400px !important;
  }
}

.h-max-400 {
  max-height: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-400 {
    max-height: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-400 {
    max-height: 400px !important;
  }
}

.w-400 {
  width: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-400 {
    width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-400 {
    width: 400px !important;
  }
}

.w-min-400 {
  min-width: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-400 {
    min-width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-400 {
    min-width: 400px !important;
  }
}

.w-max-400 {
  max-width: 400px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-400 {
    max-width: 400px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-400 {
    max-width: 400px !important;
  }
}

.h-401 {
  height: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-401 {
    height: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-401 {
    height: 401px !important;
  }
}

.h-min-401 {
  min-height: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-401 {
    min-height: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-401 {
    min-height: 401px !important;
  }
}

.h-max-401 {
  max-height: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-401 {
    max-height: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-401 {
    max-height: 401px !important;
  }
}

.w-401 {
  width: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-401 {
    width: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-401 {
    width: 401px !important;
  }
}

.w-min-401 {
  min-width: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-401 {
    min-width: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-401 {
    min-width: 401px !important;
  }
}

.w-max-401 {
  max-width: 401px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-401 {
    max-width: 401px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-401 {
    max-width: 401px !important;
  }
}

.h-402 {
  height: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-402 {
    height: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-402 {
    height: 402px !important;
  }
}

.h-min-402 {
  min-height: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-402 {
    min-height: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-402 {
    min-height: 402px !important;
  }
}

.h-max-402 {
  max-height: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-402 {
    max-height: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-402 {
    max-height: 402px !important;
  }
}

.w-402 {
  width: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-402 {
    width: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-402 {
    width: 402px !important;
  }
}

.w-min-402 {
  min-width: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-402 {
    min-width: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-402 {
    min-width: 402px !important;
  }
}

.w-max-402 {
  max-width: 402px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-402 {
    max-width: 402px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-402 {
    max-width: 402px !important;
  }
}

.h-403 {
  height: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-403 {
    height: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-403 {
    height: 403px !important;
  }
}

.h-min-403 {
  min-height: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-403 {
    min-height: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-403 {
    min-height: 403px !important;
  }
}

.h-max-403 {
  max-height: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-403 {
    max-height: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-403 {
    max-height: 403px !important;
  }
}

.w-403 {
  width: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-403 {
    width: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-403 {
    width: 403px !important;
  }
}

.w-min-403 {
  min-width: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-403 {
    min-width: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-403 {
    min-width: 403px !important;
  }
}

.w-max-403 {
  max-width: 403px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-403 {
    max-width: 403px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-403 {
    max-width: 403px !important;
  }
}

.h-404 {
  height: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-404 {
    height: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-404 {
    height: 404px !important;
  }
}

.h-min-404 {
  min-height: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-404 {
    min-height: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-404 {
    min-height: 404px !important;
  }
}

.h-max-404 {
  max-height: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-404 {
    max-height: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-404 {
    max-height: 404px !important;
  }
}

.w-404 {
  width: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-404 {
    width: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-404 {
    width: 404px !important;
  }
}

.w-min-404 {
  min-width: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-404 {
    min-width: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-404 {
    min-width: 404px !important;
  }
}

.w-max-404 {
  max-width: 404px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-404 {
    max-width: 404px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-404 {
    max-width: 404px !important;
  }
}

.h-405 {
  height: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-405 {
    height: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-405 {
    height: 405px !important;
  }
}

.h-min-405 {
  min-height: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-405 {
    min-height: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-405 {
    min-height: 405px !important;
  }
}

.h-max-405 {
  max-height: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-405 {
    max-height: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-405 {
    max-height: 405px !important;
  }
}

.w-405 {
  width: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-405 {
    width: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-405 {
    width: 405px !important;
  }
}

.w-min-405 {
  min-width: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-405 {
    min-width: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-405 {
    min-width: 405px !important;
  }
}

.w-max-405 {
  max-width: 405px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-405 {
    max-width: 405px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-405 {
    max-width: 405px !important;
  }
}

.h-406 {
  height: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-406 {
    height: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-406 {
    height: 406px !important;
  }
}

.h-min-406 {
  min-height: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-406 {
    min-height: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-406 {
    min-height: 406px !important;
  }
}

.h-max-406 {
  max-height: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-406 {
    max-height: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-406 {
    max-height: 406px !important;
  }
}

.w-406 {
  width: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-406 {
    width: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-406 {
    width: 406px !important;
  }
}

.w-min-406 {
  min-width: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-406 {
    min-width: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-406 {
    min-width: 406px !important;
  }
}

.w-max-406 {
  max-width: 406px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-406 {
    max-width: 406px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-406 {
    max-width: 406px !important;
  }
}

.h-407 {
  height: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-407 {
    height: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-407 {
    height: 407px !important;
  }
}

.h-min-407 {
  min-height: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-407 {
    min-height: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-407 {
    min-height: 407px !important;
  }
}

.h-max-407 {
  max-height: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-407 {
    max-height: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-407 {
    max-height: 407px !important;
  }
}

.w-407 {
  width: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-407 {
    width: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-407 {
    width: 407px !important;
  }
}

.w-min-407 {
  min-width: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-407 {
    min-width: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-407 {
    min-width: 407px !important;
  }
}

.w-max-407 {
  max-width: 407px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-407 {
    max-width: 407px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-407 {
    max-width: 407px !important;
  }
}

.h-408 {
  height: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-408 {
    height: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-408 {
    height: 408px !important;
  }
}

.h-min-408 {
  min-height: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-408 {
    min-height: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-408 {
    min-height: 408px !important;
  }
}

.h-max-408 {
  max-height: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-408 {
    max-height: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-408 {
    max-height: 408px !important;
  }
}

.w-408 {
  width: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-408 {
    width: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-408 {
    width: 408px !important;
  }
}

.w-min-408 {
  min-width: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-408 {
    min-width: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-408 {
    min-width: 408px !important;
  }
}

.w-max-408 {
  max-width: 408px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-408 {
    max-width: 408px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-408 {
    max-width: 408px !important;
  }
}

.h-409 {
  height: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-409 {
    height: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-409 {
    height: 409px !important;
  }
}

.h-min-409 {
  min-height: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-409 {
    min-height: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-409 {
    min-height: 409px !important;
  }
}

.h-max-409 {
  max-height: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-409 {
    max-height: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-409 {
    max-height: 409px !important;
  }
}

.w-409 {
  width: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-409 {
    width: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-409 {
    width: 409px !important;
  }
}

.w-min-409 {
  min-width: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-409 {
    min-width: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-409 {
    min-width: 409px !important;
  }
}

.w-max-409 {
  max-width: 409px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-409 {
    max-width: 409px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-409 {
    max-width: 409px !important;
  }
}

.h-410 {
  height: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-410 {
    height: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-410 {
    height: 410px !important;
  }
}

.h-min-410 {
  min-height: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-410 {
    min-height: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-410 {
    min-height: 410px !important;
  }
}

.h-max-410 {
  max-height: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-410 {
    max-height: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-410 {
    max-height: 410px !important;
  }
}

.w-410 {
  width: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-410 {
    width: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-410 {
    width: 410px !important;
  }
}

.w-min-410 {
  min-width: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-410 {
    min-width: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-410 {
    min-width: 410px !important;
  }
}

.w-max-410 {
  max-width: 410px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-410 {
    max-width: 410px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-410 {
    max-width: 410px !important;
  }
}

.h-411 {
  height: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-411 {
    height: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-411 {
    height: 411px !important;
  }
}

.h-min-411 {
  min-height: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-411 {
    min-height: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-411 {
    min-height: 411px !important;
  }
}

.h-max-411 {
  max-height: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-411 {
    max-height: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-411 {
    max-height: 411px !important;
  }
}

.w-411 {
  width: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-411 {
    width: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-411 {
    width: 411px !important;
  }
}

.w-min-411 {
  min-width: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-411 {
    min-width: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-411 {
    min-width: 411px !important;
  }
}

.w-max-411 {
  max-width: 411px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-411 {
    max-width: 411px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-411 {
    max-width: 411px !important;
  }
}

.h-412 {
  height: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-412 {
    height: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-412 {
    height: 412px !important;
  }
}

.h-min-412 {
  min-height: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-412 {
    min-height: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-412 {
    min-height: 412px !important;
  }
}

.h-max-412 {
  max-height: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-412 {
    max-height: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-412 {
    max-height: 412px !important;
  }
}

.w-412 {
  width: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-412 {
    width: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-412 {
    width: 412px !important;
  }
}

.w-min-412 {
  min-width: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-412 {
    min-width: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-412 {
    min-width: 412px !important;
  }
}

.w-max-412 {
  max-width: 412px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-412 {
    max-width: 412px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-412 {
    max-width: 412px !important;
  }
}

.h-413 {
  height: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-413 {
    height: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-413 {
    height: 413px !important;
  }
}

.h-min-413 {
  min-height: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-413 {
    min-height: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-413 {
    min-height: 413px !important;
  }
}

.h-max-413 {
  max-height: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-413 {
    max-height: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-413 {
    max-height: 413px !important;
  }
}

.w-413 {
  width: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-413 {
    width: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-413 {
    width: 413px !important;
  }
}

.w-min-413 {
  min-width: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-413 {
    min-width: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-413 {
    min-width: 413px !important;
  }
}

.w-max-413 {
  max-width: 413px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-413 {
    max-width: 413px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-413 {
    max-width: 413px !important;
  }
}

.h-414 {
  height: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-414 {
    height: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-414 {
    height: 414px !important;
  }
}

.h-min-414 {
  min-height: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-414 {
    min-height: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-414 {
    min-height: 414px !important;
  }
}

.h-max-414 {
  max-height: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-414 {
    max-height: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-414 {
    max-height: 414px !important;
  }
}

.w-414 {
  width: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-414 {
    width: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-414 {
    width: 414px !important;
  }
}

.w-min-414 {
  min-width: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-414 {
    min-width: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-414 {
    min-width: 414px !important;
  }
}

.w-max-414 {
  max-width: 414px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-414 {
    max-width: 414px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-414 {
    max-width: 414px !important;
  }
}

.h-415 {
  height: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-415 {
    height: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-415 {
    height: 415px !important;
  }
}

.h-min-415 {
  min-height: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-415 {
    min-height: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-415 {
    min-height: 415px !important;
  }
}

.h-max-415 {
  max-height: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-415 {
    max-height: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-415 {
    max-height: 415px !important;
  }
}

.w-415 {
  width: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-415 {
    width: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-415 {
    width: 415px !important;
  }
}

.w-min-415 {
  min-width: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-415 {
    min-width: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-415 {
    min-width: 415px !important;
  }
}

.w-max-415 {
  max-width: 415px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-415 {
    max-width: 415px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-415 {
    max-width: 415px !important;
  }
}

.h-416 {
  height: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-416 {
    height: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-416 {
    height: 416px !important;
  }
}

.h-min-416 {
  min-height: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-416 {
    min-height: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-416 {
    min-height: 416px !important;
  }
}

.h-max-416 {
  max-height: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-416 {
    max-height: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-416 {
    max-height: 416px !important;
  }
}

.w-416 {
  width: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-416 {
    width: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-416 {
    width: 416px !important;
  }
}

.w-min-416 {
  min-width: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-416 {
    min-width: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-416 {
    min-width: 416px !important;
  }
}

.w-max-416 {
  max-width: 416px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-416 {
    max-width: 416px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-416 {
    max-width: 416px !important;
  }
}

.h-417 {
  height: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-417 {
    height: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-417 {
    height: 417px !important;
  }
}

.h-min-417 {
  min-height: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-417 {
    min-height: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-417 {
    min-height: 417px !important;
  }
}

.h-max-417 {
  max-height: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-417 {
    max-height: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-417 {
    max-height: 417px !important;
  }
}

.w-417 {
  width: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-417 {
    width: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-417 {
    width: 417px !important;
  }
}

.w-min-417 {
  min-width: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-417 {
    min-width: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-417 {
    min-width: 417px !important;
  }
}

.w-max-417 {
  max-width: 417px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-417 {
    max-width: 417px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-417 {
    max-width: 417px !important;
  }
}

.h-418 {
  height: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-418 {
    height: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-418 {
    height: 418px !important;
  }
}

.h-min-418 {
  min-height: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-418 {
    min-height: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-418 {
    min-height: 418px !important;
  }
}

.h-max-418 {
  max-height: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-418 {
    max-height: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-418 {
    max-height: 418px !important;
  }
}

.w-418 {
  width: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-418 {
    width: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-418 {
    width: 418px !important;
  }
}

.w-min-418 {
  min-width: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-418 {
    min-width: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-418 {
    min-width: 418px !important;
  }
}

.w-max-418 {
  max-width: 418px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-418 {
    max-width: 418px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-418 {
    max-width: 418px !important;
  }
}

.h-419 {
  height: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-419 {
    height: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-419 {
    height: 419px !important;
  }
}

.h-min-419 {
  min-height: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-419 {
    min-height: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-419 {
    min-height: 419px !important;
  }
}

.h-max-419 {
  max-height: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-419 {
    max-height: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-419 {
    max-height: 419px !important;
  }
}

.w-419 {
  width: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-419 {
    width: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-419 {
    width: 419px !important;
  }
}

.w-min-419 {
  min-width: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-419 {
    min-width: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-419 {
    min-width: 419px !important;
  }
}

.w-max-419 {
  max-width: 419px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-419 {
    max-width: 419px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-419 {
    max-width: 419px !important;
  }
}

.h-420 {
  height: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-420 {
    height: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-420 {
    height: 420px !important;
  }
}

.h-min-420 {
  min-height: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-420 {
    min-height: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-420 {
    min-height: 420px !important;
  }
}

.h-max-420 {
  max-height: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-420 {
    max-height: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-420 {
    max-height: 420px !important;
  }
}

.w-420 {
  width: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-420 {
    width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-420 {
    width: 420px !important;
  }
}

.w-min-420 {
  min-width: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-420 {
    min-width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-420 {
    min-width: 420px !important;
  }
}

.w-max-420 {
  max-width: 420px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-420 {
    max-width: 420px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-420 {
    max-width: 420px !important;
  }
}

.h-421 {
  height: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-421 {
    height: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-421 {
    height: 421px !important;
  }
}

.h-min-421 {
  min-height: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-421 {
    min-height: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-421 {
    min-height: 421px !important;
  }
}

.h-max-421 {
  max-height: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-421 {
    max-height: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-421 {
    max-height: 421px !important;
  }
}

.w-421 {
  width: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-421 {
    width: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-421 {
    width: 421px !important;
  }
}

.w-min-421 {
  min-width: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-421 {
    min-width: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-421 {
    min-width: 421px !important;
  }
}

.w-max-421 {
  max-width: 421px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-421 {
    max-width: 421px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-421 {
    max-width: 421px !important;
  }
}

.h-422 {
  height: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-422 {
    height: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-422 {
    height: 422px !important;
  }
}

.h-min-422 {
  min-height: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-422 {
    min-height: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-422 {
    min-height: 422px !important;
  }
}

.h-max-422 {
  max-height: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-422 {
    max-height: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-422 {
    max-height: 422px !important;
  }
}

.w-422 {
  width: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-422 {
    width: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-422 {
    width: 422px !important;
  }
}

.w-min-422 {
  min-width: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-422 {
    min-width: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-422 {
    min-width: 422px !important;
  }
}

.w-max-422 {
  max-width: 422px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-422 {
    max-width: 422px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-422 {
    max-width: 422px !important;
  }
}

.h-423 {
  height: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-423 {
    height: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-423 {
    height: 423px !important;
  }
}

.h-min-423 {
  min-height: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-423 {
    min-height: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-423 {
    min-height: 423px !important;
  }
}

.h-max-423 {
  max-height: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-423 {
    max-height: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-423 {
    max-height: 423px !important;
  }
}

.w-423 {
  width: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-423 {
    width: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-423 {
    width: 423px !important;
  }
}

.w-min-423 {
  min-width: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-423 {
    min-width: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-423 {
    min-width: 423px !important;
  }
}

.w-max-423 {
  max-width: 423px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-423 {
    max-width: 423px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-423 {
    max-width: 423px !important;
  }
}

.h-424 {
  height: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-424 {
    height: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-424 {
    height: 424px !important;
  }
}

.h-min-424 {
  min-height: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-424 {
    min-height: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-424 {
    min-height: 424px !important;
  }
}

.h-max-424 {
  max-height: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-424 {
    max-height: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-424 {
    max-height: 424px !important;
  }
}

.w-424 {
  width: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-424 {
    width: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-424 {
    width: 424px !important;
  }
}

.w-min-424 {
  min-width: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-424 {
    min-width: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-424 {
    min-width: 424px !important;
  }
}

.w-max-424 {
  max-width: 424px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-424 {
    max-width: 424px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-424 {
    max-width: 424px !important;
  }
}

.h-425 {
  height: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-425 {
    height: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-425 {
    height: 425px !important;
  }
}

.h-min-425 {
  min-height: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-425 {
    min-height: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-425 {
    min-height: 425px !important;
  }
}

.h-max-425 {
  max-height: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-425 {
    max-height: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-425 {
    max-height: 425px !important;
  }
}

.w-425 {
  width: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-425 {
    width: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-425 {
    width: 425px !important;
  }
}

.w-min-425 {
  min-width: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-425 {
    min-width: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-425 {
    min-width: 425px !important;
  }
}

.w-max-425 {
  max-width: 425px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-425 {
    max-width: 425px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-425 {
    max-width: 425px !important;
  }
}

.h-426 {
  height: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-426 {
    height: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-426 {
    height: 426px !important;
  }
}

.h-min-426 {
  min-height: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-426 {
    min-height: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-426 {
    min-height: 426px !important;
  }
}

.h-max-426 {
  max-height: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-426 {
    max-height: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-426 {
    max-height: 426px !important;
  }
}

.w-426 {
  width: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-426 {
    width: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-426 {
    width: 426px !important;
  }
}

.w-min-426 {
  min-width: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-426 {
    min-width: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-426 {
    min-width: 426px !important;
  }
}

.w-max-426 {
  max-width: 426px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-426 {
    max-width: 426px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-426 {
    max-width: 426px !important;
  }
}

.h-427 {
  height: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-427 {
    height: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-427 {
    height: 427px !important;
  }
}

.h-min-427 {
  min-height: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-427 {
    min-height: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-427 {
    min-height: 427px !important;
  }
}

.h-max-427 {
  max-height: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-427 {
    max-height: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-427 {
    max-height: 427px !important;
  }
}

.w-427 {
  width: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-427 {
    width: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-427 {
    width: 427px !important;
  }
}

.w-min-427 {
  min-width: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-427 {
    min-width: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-427 {
    min-width: 427px !important;
  }
}

.w-max-427 {
  max-width: 427px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-427 {
    max-width: 427px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-427 {
    max-width: 427px !important;
  }
}

.h-428 {
  height: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-428 {
    height: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-428 {
    height: 428px !important;
  }
}

.h-min-428 {
  min-height: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-428 {
    min-height: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-428 {
    min-height: 428px !important;
  }
}

.h-max-428 {
  max-height: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-428 {
    max-height: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-428 {
    max-height: 428px !important;
  }
}

.w-428 {
  width: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-428 {
    width: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-428 {
    width: 428px !important;
  }
}

.w-min-428 {
  min-width: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-428 {
    min-width: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-428 {
    min-width: 428px !important;
  }
}

.w-max-428 {
  max-width: 428px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-428 {
    max-width: 428px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-428 {
    max-width: 428px !important;
  }
}

.h-429 {
  height: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-429 {
    height: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-429 {
    height: 429px !important;
  }
}

.h-min-429 {
  min-height: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-429 {
    min-height: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-429 {
    min-height: 429px !important;
  }
}

.h-max-429 {
  max-height: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-429 {
    max-height: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-429 {
    max-height: 429px !important;
  }
}

.w-429 {
  width: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-429 {
    width: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-429 {
    width: 429px !important;
  }
}

.w-min-429 {
  min-width: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-429 {
    min-width: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-429 {
    min-width: 429px !important;
  }
}

.w-max-429 {
  max-width: 429px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-429 {
    max-width: 429px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-429 {
    max-width: 429px !important;
  }
}

.h-430 {
  height: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-430 {
    height: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-430 {
    height: 430px !important;
  }
}

.h-min-430 {
  min-height: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-430 {
    min-height: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-430 {
    min-height: 430px !important;
  }
}

.h-max-430 {
  max-height: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-430 {
    max-height: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-430 {
    max-height: 430px !important;
  }
}

.w-430 {
  width: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-430 {
    width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-430 {
    width: 430px !important;
  }
}

.w-min-430 {
  min-width: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-430 {
    min-width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-430 {
    min-width: 430px !important;
  }
}

.w-max-430 {
  max-width: 430px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-430 {
    max-width: 430px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-430 {
    max-width: 430px !important;
  }
}

.h-431 {
  height: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-431 {
    height: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-431 {
    height: 431px !important;
  }
}

.h-min-431 {
  min-height: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-431 {
    min-height: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-431 {
    min-height: 431px !important;
  }
}

.h-max-431 {
  max-height: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-431 {
    max-height: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-431 {
    max-height: 431px !important;
  }
}

.w-431 {
  width: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-431 {
    width: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-431 {
    width: 431px !important;
  }
}

.w-min-431 {
  min-width: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-431 {
    min-width: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-431 {
    min-width: 431px !important;
  }
}

.w-max-431 {
  max-width: 431px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-431 {
    max-width: 431px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-431 {
    max-width: 431px !important;
  }
}

.h-432 {
  height: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-432 {
    height: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-432 {
    height: 432px !important;
  }
}

.h-min-432 {
  min-height: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-432 {
    min-height: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-432 {
    min-height: 432px !important;
  }
}

.h-max-432 {
  max-height: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-432 {
    max-height: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-432 {
    max-height: 432px !important;
  }
}

.w-432 {
  width: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-432 {
    width: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-432 {
    width: 432px !important;
  }
}

.w-min-432 {
  min-width: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-432 {
    min-width: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-432 {
    min-width: 432px !important;
  }
}

.w-max-432 {
  max-width: 432px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-432 {
    max-width: 432px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-432 {
    max-width: 432px !important;
  }
}

.h-433 {
  height: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-433 {
    height: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-433 {
    height: 433px !important;
  }
}

.h-min-433 {
  min-height: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-433 {
    min-height: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-433 {
    min-height: 433px !important;
  }
}

.h-max-433 {
  max-height: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-433 {
    max-height: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-433 {
    max-height: 433px !important;
  }
}

.w-433 {
  width: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-433 {
    width: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-433 {
    width: 433px !important;
  }
}

.w-min-433 {
  min-width: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-433 {
    min-width: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-433 {
    min-width: 433px !important;
  }
}

.w-max-433 {
  max-width: 433px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-433 {
    max-width: 433px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-433 {
    max-width: 433px !important;
  }
}

.h-434 {
  height: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-434 {
    height: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-434 {
    height: 434px !important;
  }
}

.h-min-434 {
  min-height: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-434 {
    min-height: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-434 {
    min-height: 434px !important;
  }
}

.h-max-434 {
  max-height: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-434 {
    max-height: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-434 {
    max-height: 434px !important;
  }
}

.w-434 {
  width: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-434 {
    width: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-434 {
    width: 434px !important;
  }
}

.w-min-434 {
  min-width: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-434 {
    min-width: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-434 {
    min-width: 434px !important;
  }
}

.w-max-434 {
  max-width: 434px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-434 {
    max-width: 434px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-434 {
    max-width: 434px !important;
  }
}

.h-435 {
  height: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-435 {
    height: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-435 {
    height: 435px !important;
  }
}

.h-min-435 {
  min-height: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-435 {
    min-height: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-435 {
    min-height: 435px !important;
  }
}

.h-max-435 {
  max-height: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-435 {
    max-height: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-435 {
    max-height: 435px !important;
  }
}

.w-435 {
  width: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-435 {
    width: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-435 {
    width: 435px !important;
  }
}

.w-min-435 {
  min-width: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-435 {
    min-width: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-435 {
    min-width: 435px !important;
  }
}

.w-max-435 {
  max-width: 435px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-435 {
    max-width: 435px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-435 {
    max-width: 435px !important;
  }
}

.h-436 {
  height: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-436 {
    height: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-436 {
    height: 436px !important;
  }
}

.h-min-436 {
  min-height: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-436 {
    min-height: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-436 {
    min-height: 436px !important;
  }
}

.h-max-436 {
  max-height: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-436 {
    max-height: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-436 {
    max-height: 436px !important;
  }
}

.w-436 {
  width: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-436 {
    width: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-436 {
    width: 436px !important;
  }
}

.w-min-436 {
  min-width: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-436 {
    min-width: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-436 {
    min-width: 436px !important;
  }
}

.w-max-436 {
  max-width: 436px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-436 {
    max-width: 436px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-436 {
    max-width: 436px !important;
  }
}

.h-437 {
  height: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-437 {
    height: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-437 {
    height: 437px !important;
  }
}

.h-min-437 {
  min-height: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-437 {
    min-height: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-437 {
    min-height: 437px !important;
  }
}

.h-max-437 {
  max-height: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-437 {
    max-height: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-437 {
    max-height: 437px !important;
  }
}

.w-437 {
  width: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-437 {
    width: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-437 {
    width: 437px !important;
  }
}

.w-min-437 {
  min-width: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-437 {
    min-width: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-437 {
    min-width: 437px !important;
  }
}

.w-max-437 {
  max-width: 437px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-437 {
    max-width: 437px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-437 {
    max-width: 437px !important;
  }
}

.h-438 {
  height: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-438 {
    height: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-438 {
    height: 438px !important;
  }
}

.h-min-438 {
  min-height: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-438 {
    min-height: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-438 {
    min-height: 438px !important;
  }
}

.h-max-438 {
  max-height: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-438 {
    max-height: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-438 {
    max-height: 438px !important;
  }
}

.w-438 {
  width: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-438 {
    width: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-438 {
    width: 438px !important;
  }
}

.w-min-438 {
  min-width: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-438 {
    min-width: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-438 {
    min-width: 438px !important;
  }
}

.w-max-438 {
  max-width: 438px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-438 {
    max-width: 438px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-438 {
    max-width: 438px !important;
  }
}

.h-439 {
  height: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-439 {
    height: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-439 {
    height: 439px !important;
  }
}

.h-min-439 {
  min-height: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-439 {
    min-height: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-439 {
    min-height: 439px !important;
  }
}

.h-max-439 {
  max-height: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-439 {
    max-height: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-439 {
    max-height: 439px !important;
  }
}

.w-439 {
  width: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-439 {
    width: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-439 {
    width: 439px !important;
  }
}

.w-min-439 {
  min-width: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-439 {
    min-width: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-439 {
    min-width: 439px !important;
  }
}

.w-max-439 {
  max-width: 439px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-439 {
    max-width: 439px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-439 {
    max-width: 439px !important;
  }
}

.h-440 {
  height: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-440 {
    height: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-440 {
    height: 440px !important;
  }
}

.h-min-440 {
  min-height: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-440 {
    min-height: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-440 {
    min-height: 440px !important;
  }
}

.h-max-440 {
  max-height: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-440 {
    max-height: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-440 {
    max-height: 440px !important;
  }
}

.w-440 {
  width: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-440 {
    width: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-440 {
    width: 440px !important;
  }
}

.w-min-440 {
  min-width: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-440 {
    min-width: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-440 {
    min-width: 440px !important;
  }
}

.w-max-440 {
  max-width: 440px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-440 {
    max-width: 440px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-440 {
    max-width: 440px !important;
  }
}

.h-441 {
  height: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-441 {
    height: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-441 {
    height: 441px !important;
  }
}

.h-min-441 {
  min-height: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-441 {
    min-height: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-441 {
    min-height: 441px !important;
  }
}

.h-max-441 {
  max-height: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-441 {
    max-height: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-441 {
    max-height: 441px !important;
  }
}

.w-441 {
  width: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-441 {
    width: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-441 {
    width: 441px !important;
  }
}

.w-min-441 {
  min-width: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-441 {
    min-width: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-441 {
    min-width: 441px !important;
  }
}

.w-max-441 {
  max-width: 441px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-441 {
    max-width: 441px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-441 {
    max-width: 441px !important;
  }
}

.h-442 {
  height: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-442 {
    height: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-442 {
    height: 442px !important;
  }
}

.h-min-442 {
  min-height: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-442 {
    min-height: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-442 {
    min-height: 442px !important;
  }
}

.h-max-442 {
  max-height: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-442 {
    max-height: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-442 {
    max-height: 442px !important;
  }
}

.w-442 {
  width: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-442 {
    width: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-442 {
    width: 442px !important;
  }
}

.w-min-442 {
  min-width: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-442 {
    min-width: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-442 {
    min-width: 442px !important;
  }
}

.w-max-442 {
  max-width: 442px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-442 {
    max-width: 442px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-442 {
    max-width: 442px !important;
  }
}

.h-443 {
  height: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-443 {
    height: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-443 {
    height: 443px !important;
  }
}

.h-min-443 {
  min-height: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-443 {
    min-height: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-443 {
    min-height: 443px !important;
  }
}

.h-max-443 {
  max-height: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-443 {
    max-height: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-443 {
    max-height: 443px !important;
  }
}

.w-443 {
  width: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-443 {
    width: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-443 {
    width: 443px !important;
  }
}

.w-min-443 {
  min-width: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-443 {
    min-width: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-443 {
    min-width: 443px !important;
  }
}

.w-max-443 {
  max-width: 443px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-443 {
    max-width: 443px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-443 {
    max-width: 443px !important;
  }
}

.h-444 {
  height: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-444 {
    height: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-444 {
    height: 444px !important;
  }
}

.h-min-444 {
  min-height: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-444 {
    min-height: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-444 {
    min-height: 444px !important;
  }
}

.h-max-444 {
  max-height: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-444 {
    max-height: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-444 {
    max-height: 444px !important;
  }
}

.w-444 {
  width: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-444 {
    width: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-444 {
    width: 444px !important;
  }
}

.w-min-444 {
  min-width: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-444 {
    min-width: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-444 {
    min-width: 444px !important;
  }
}

.w-max-444 {
  max-width: 444px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-444 {
    max-width: 444px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-444 {
    max-width: 444px !important;
  }
}

.h-445 {
  height: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-445 {
    height: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-445 {
    height: 445px !important;
  }
}

.h-min-445 {
  min-height: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-445 {
    min-height: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-445 {
    min-height: 445px !important;
  }
}

.h-max-445 {
  max-height: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-445 {
    max-height: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-445 {
    max-height: 445px !important;
  }
}

.w-445 {
  width: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-445 {
    width: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-445 {
    width: 445px !important;
  }
}

.w-min-445 {
  min-width: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-445 {
    min-width: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-445 {
    min-width: 445px !important;
  }
}

.w-max-445 {
  max-width: 445px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-445 {
    max-width: 445px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-445 {
    max-width: 445px !important;
  }
}

.h-446 {
  height: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-446 {
    height: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-446 {
    height: 446px !important;
  }
}

.h-min-446 {
  min-height: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-446 {
    min-height: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-446 {
    min-height: 446px !important;
  }
}

.h-max-446 {
  max-height: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-446 {
    max-height: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-446 {
    max-height: 446px !important;
  }
}

.w-446 {
  width: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-446 {
    width: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-446 {
    width: 446px !important;
  }
}

.w-min-446 {
  min-width: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-446 {
    min-width: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-446 {
    min-width: 446px !important;
  }
}

.w-max-446 {
  max-width: 446px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-446 {
    max-width: 446px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-446 {
    max-width: 446px !important;
  }
}

.h-447 {
  height: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-447 {
    height: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-447 {
    height: 447px !important;
  }
}

.h-min-447 {
  min-height: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-447 {
    min-height: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-447 {
    min-height: 447px !important;
  }
}

.h-max-447 {
  max-height: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-447 {
    max-height: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-447 {
    max-height: 447px !important;
  }
}

.w-447 {
  width: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-447 {
    width: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-447 {
    width: 447px !important;
  }
}

.w-min-447 {
  min-width: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-447 {
    min-width: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-447 {
    min-width: 447px !important;
  }
}

.w-max-447 {
  max-width: 447px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-447 {
    max-width: 447px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-447 {
    max-width: 447px !important;
  }
}

.h-448 {
  height: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-448 {
    height: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-448 {
    height: 448px !important;
  }
}

.h-min-448 {
  min-height: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-448 {
    min-height: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-448 {
    min-height: 448px !important;
  }
}

.h-max-448 {
  max-height: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-448 {
    max-height: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-448 {
    max-height: 448px !important;
  }
}

.w-448 {
  width: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-448 {
    width: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-448 {
    width: 448px !important;
  }
}

.w-min-448 {
  min-width: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-448 {
    min-width: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-448 {
    min-width: 448px !important;
  }
}

.w-max-448 {
  max-width: 448px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-448 {
    max-width: 448px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-448 {
    max-width: 448px !important;
  }
}

.h-449 {
  height: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-449 {
    height: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-449 {
    height: 449px !important;
  }
}

.h-min-449 {
  min-height: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-449 {
    min-height: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-449 {
    min-height: 449px !important;
  }
}

.h-max-449 {
  max-height: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-449 {
    max-height: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-449 {
    max-height: 449px !important;
  }
}

.w-449 {
  width: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-449 {
    width: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-449 {
    width: 449px !important;
  }
}

.w-min-449 {
  min-width: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-449 {
    min-width: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-449 {
    min-width: 449px !important;
  }
}

.w-max-449 {
  max-width: 449px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-449 {
    max-width: 449px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-449 {
    max-width: 449px !important;
  }
}

.h-450 {
  height: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-450 {
    height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-450 {
    height: 450px !important;
  }
}

.h-min-450 {
  min-height: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-450 {
    min-height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-450 {
    min-height: 450px !important;
  }
}

.h-max-450 {
  max-height: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-450 {
    max-height: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-450 {
    max-height: 450px !important;
  }
}

.w-450 {
  width: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-450 {
    width: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-450 {
    width: 450px !important;
  }
}

.w-min-450 {
  min-width: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-450 {
    min-width: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-450 {
    min-width: 450px !important;
  }
}

.w-max-450 {
  max-width: 450px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-450 {
    max-width: 450px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-450 {
    max-width: 450px !important;
  }
}

.h-451 {
  height: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-451 {
    height: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-451 {
    height: 451px !important;
  }
}

.h-min-451 {
  min-height: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-451 {
    min-height: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-451 {
    min-height: 451px !important;
  }
}

.h-max-451 {
  max-height: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-451 {
    max-height: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-451 {
    max-height: 451px !important;
  }
}

.w-451 {
  width: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-451 {
    width: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-451 {
    width: 451px !important;
  }
}

.w-min-451 {
  min-width: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-451 {
    min-width: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-451 {
    min-width: 451px !important;
  }
}

.w-max-451 {
  max-width: 451px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-451 {
    max-width: 451px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-451 {
    max-width: 451px !important;
  }
}

.h-452 {
  height: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-452 {
    height: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-452 {
    height: 452px !important;
  }
}

.h-min-452 {
  min-height: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-452 {
    min-height: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-452 {
    min-height: 452px !important;
  }
}

.h-max-452 {
  max-height: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-452 {
    max-height: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-452 {
    max-height: 452px !important;
  }
}

.w-452 {
  width: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-452 {
    width: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-452 {
    width: 452px !important;
  }
}

.w-min-452 {
  min-width: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-452 {
    min-width: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-452 {
    min-width: 452px !important;
  }
}

.w-max-452 {
  max-width: 452px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-452 {
    max-width: 452px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-452 {
    max-width: 452px !important;
  }
}

.h-453 {
  height: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-453 {
    height: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-453 {
    height: 453px !important;
  }
}

.h-min-453 {
  min-height: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-453 {
    min-height: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-453 {
    min-height: 453px !important;
  }
}

.h-max-453 {
  max-height: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-453 {
    max-height: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-453 {
    max-height: 453px !important;
  }
}

.w-453 {
  width: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-453 {
    width: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-453 {
    width: 453px !important;
  }
}

.w-min-453 {
  min-width: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-453 {
    min-width: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-453 {
    min-width: 453px !important;
  }
}

.w-max-453 {
  max-width: 453px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-453 {
    max-width: 453px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-453 {
    max-width: 453px !important;
  }
}

.h-454 {
  height: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-454 {
    height: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-454 {
    height: 454px !important;
  }
}

.h-min-454 {
  min-height: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-454 {
    min-height: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-454 {
    min-height: 454px !important;
  }
}

.h-max-454 {
  max-height: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-454 {
    max-height: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-454 {
    max-height: 454px !important;
  }
}

.w-454 {
  width: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-454 {
    width: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-454 {
    width: 454px !important;
  }
}

.w-min-454 {
  min-width: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-454 {
    min-width: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-454 {
    min-width: 454px !important;
  }
}

.w-max-454 {
  max-width: 454px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-454 {
    max-width: 454px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-454 {
    max-width: 454px !important;
  }
}

.h-455 {
  height: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-455 {
    height: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-455 {
    height: 455px !important;
  }
}

.h-min-455 {
  min-height: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-455 {
    min-height: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-455 {
    min-height: 455px !important;
  }
}

.h-max-455 {
  max-height: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-455 {
    max-height: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-455 {
    max-height: 455px !important;
  }
}

.w-455 {
  width: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-455 {
    width: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-455 {
    width: 455px !important;
  }
}

.w-min-455 {
  min-width: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-455 {
    min-width: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-455 {
    min-width: 455px !important;
  }
}

.w-max-455 {
  max-width: 455px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-455 {
    max-width: 455px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-455 {
    max-width: 455px !important;
  }
}

.h-456 {
  height: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-456 {
    height: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-456 {
    height: 456px !important;
  }
}

.h-min-456 {
  min-height: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-456 {
    min-height: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-456 {
    min-height: 456px !important;
  }
}

.h-max-456 {
  max-height: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-456 {
    max-height: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-456 {
    max-height: 456px !important;
  }
}

.w-456 {
  width: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-456 {
    width: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-456 {
    width: 456px !important;
  }
}

.w-min-456 {
  min-width: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-456 {
    min-width: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-456 {
    min-width: 456px !important;
  }
}

.w-max-456 {
  max-width: 456px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-456 {
    max-width: 456px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-456 {
    max-width: 456px !important;
  }
}

.h-457 {
  height: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-457 {
    height: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-457 {
    height: 457px !important;
  }
}

.h-min-457 {
  min-height: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-457 {
    min-height: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-457 {
    min-height: 457px !important;
  }
}

.h-max-457 {
  max-height: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-457 {
    max-height: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-457 {
    max-height: 457px !important;
  }
}

.w-457 {
  width: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-457 {
    width: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-457 {
    width: 457px !important;
  }
}

.w-min-457 {
  min-width: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-457 {
    min-width: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-457 {
    min-width: 457px !important;
  }
}

.w-max-457 {
  max-width: 457px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-457 {
    max-width: 457px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-457 {
    max-width: 457px !important;
  }
}

.h-458 {
  height: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-458 {
    height: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-458 {
    height: 458px !important;
  }
}

.h-min-458 {
  min-height: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-458 {
    min-height: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-458 {
    min-height: 458px !important;
  }
}

.h-max-458 {
  max-height: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-458 {
    max-height: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-458 {
    max-height: 458px !important;
  }
}

.w-458 {
  width: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-458 {
    width: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-458 {
    width: 458px !important;
  }
}

.w-min-458 {
  min-width: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-458 {
    min-width: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-458 {
    min-width: 458px !important;
  }
}

.w-max-458 {
  max-width: 458px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-458 {
    max-width: 458px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-458 {
    max-width: 458px !important;
  }
}

.h-459 {
  height: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-459 {
    height: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-459 {
    height: 459px !important;
  }
}

.h-min-459 {
  min-height: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-459 {
    min-height: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-459 {
    min-height: 459px !important;
  }
}

.h-max-459 {
  max-height: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-459 {
    max-height: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-459 {
    max-height: 459px !important;
  }
}

.w-459 {
  width: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-459 {
    width: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-459 {
    width: 459px !important;
  }
}

.w-min-459 {
  min-width: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-459 {
    min-width: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-459 {
    min-width: 459px !important;
  }
}

.w-max-459 {
  max-width: 459px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-459 {
    max-width: 459px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-459 {
    max-width: 459px !important;
  }
}

.h-460 {
  height: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-460 {
    height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-460 {
    height: 460px !important;
  }
}

.h-min-460 {
  min-height: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-460 {
    min-height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-460 {
    min-height: 460px !important;
  }
}

.h-max-460 {
  max-height: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-460 {
    max-height: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-460 {
    max-height: 460px !important;
  }
}

.w-460 {
  width: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-460 {
    width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-460 {
    width: 460px !important;
  }
}

.w-min-460 {
  min-width: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-460 {
    min-width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-460 {
    min-width: 460px !important;
  }
}

.w-max-460 {
  max-width: 460px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-460 {
    max-width: 460px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-460 {
    max-width: 460px !important;
  }
}

.h-461 {
  height: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-461 {
    height: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-461 {
    height: 461px !important;
  }
}

.h-min-461 {
  min-height: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-461 {
    min-height: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-461 {
    min-height: 461px !important;
  }
}

.h-max-461 {
  max-height: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-461 {
    max-height: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-461 {
    max-height: 461px !important;
  }
}

.w-461 {
  width: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-461 {
    width: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-461 {
    width: 461px !important;
  }
}

.w-min-461 {
  min-width: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-461 {
    min-width: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-461 {
    min-width: 461px !important;
  }
}

.w-max-461 {
  max-width: 461px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-461 {
    max-width: 461px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-461 {
    max-width: 461px !important;
  }
}

.h-462 {
  height: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-462 {
    height: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-462 {
    height: 462px !important;
  }
}

.h-min-462 {
  min-height: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-462 {
    min-height: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-462 {
    min-height: 462px !important;
  }
}

.h-max-462 {
  max-height: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-462 {
    max-height: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-462 {
    max-height: 462px !important;
  }
}

.w-462 {
  width: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-462 {
    width: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-462 {
    width: 462px !important;
  }
}

.w-min-462 {
  min-width: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-462 {
    min-width: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-462 {
    min-width: 462px !important;
  }
}

.w-max-462 {
  max-width: 462px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-462 {
    max-width: 462px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-462 {
    max-width: 462px !important;
  }
}

.h-463 {
  height: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-463 {
    height: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-463 {
    height: 463px !important;
  }
}

.h-min-463 {
  min-height: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-463 {
    min-height: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-463 {
    min-height: 463px !important;
  }
}

.h-max-463 {
  max-height: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-463 {
    max-height: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-463 {
    max-height: 463px !important;
  }
}

.w-463 {
  width: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-463 {
    width: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-463 {
    width: 463px !important;
  }
}

.w-min-463 {
  min-width: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-463 {
    min-width: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-463 {
    min-width: 463px !important;
  }
}

.w-max-463 {
  max-width: 463px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-463 {
    max-width: 463px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-463 {
    max-width: 463px !important;
  }
}

.h-464 {
  height: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-464 {
    height: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-464 {
    height: 464px !important;
  }
}

.h-min-464 {
  min-height: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-464 {
    min-height: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-464 {
    min-height: 464px !important;
  }
}

.h-max-464 {
  max-height: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-464 {
    max-height: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-464 {
    max-height: 464px !important;
  }
}

.w-464 {
  width: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-464 {
    width: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-464 {
    width: 464px !important;
  }
}

.w-min-464 {
  min-width: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-464 {
    min-width: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-464 {
    min-width: 464px !important;
  }
}

.w-max-464 {
  max-width: 464px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-464 {
    max-width: 464px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-464 {
    max-width: 464px !important;
  }
}

.h-465 {
  height: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-465 {
    height: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-465 {
    height: 465px !important;
  }
}

.h-min-465 {
  min-height: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-465 {
    min-height: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-465 {
    min-height: 465px !important;
  }
}

.h-max-465 {
  max-height: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-465 {
    max-height: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-465 {
    max-height: 465px !important;
  }
}

.w-465 {
  width: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-465 {
    width: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-465 {
    width: 465px !important;
  }
}

.w-min-465 {
  min-width: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-465 {
    min-width: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-465 {
    min-width: 465px !important;
  }
}

.w-max-465 {
  max-width: 465px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-465 {
    max-width: 465px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-465 {
    max-width: 465px !important;
  }
}

.h-466 {
  height: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-466 {
    height: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-466 {
    height: 466px !important;
  }
}

.h-min-466 {
  min-height: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-466 {
    min-height: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-466 {
    min-height: 466px !important;
  }
}

.h-max-466 {
  max-height: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-466 {
    max-height: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-466 {
    max-height: 466px !important;
  }
}

.w-466 {
  width: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-466 {
    width: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-466 {
    width: 466px !important;
  }
}

.w-min-466 {
  min-width: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-466 {
    min-width: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-466 {
    min-width: 466px !important;
  }
}

.w-max-466 {
  max-width: 466px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-466 {
    max-width: 466px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-466 {
    max-width: 466px !important;
  }
}

.h-467 {
  height: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-467 {
    height: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-467 {
    height: 467px !important;
  }
}

.h-min-467 {
  min-height: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-467 {
    min-height: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-467 {
    min-height: 467px !important;
  }
}

.h-max-467 {
  max-height: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-467 {
    max-height: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-467 {
    max-height: 467px !important;
  }
}

.w-467 {
  width: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-467 {
    width: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-467 {
    width: 467px !important;
  }
}

.w-min-467 {
  min-width: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-467 {
    min-width: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-467 {
    min-width: 467px !important;
  }
}

.w-max-467 {
  max-width: 467px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-467 {
    max-width: 467px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-467 {
    max-width: 467px !important;
  }
}

.h-468 {
  height: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-468 {
    height: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-468 {
    height: 468px !important;
  }
}

.h-min-468 {
  min-height: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-468 {
    min-height: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-468 {
    min-height: 468px !important;
  }
}

.h-max-468 {
  max-height: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-468 {
    max-height: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-468 {
    max-height: 468px !important;
  }
}

.w-468 {
  width: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-468 {
    width: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-468 {
    width: 468px !important;
  }
}

.w-min-468 {
  min-width: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-468 {
    min-width: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-468 {
    min-width: 468px !important;
  }
}

.w-max-468 {
  max-width: 468px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-468 {
    max-width: 468px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-468 {
    max-width: 468px !important;
  }
}

.h-469 {
  height: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-469 {
    height: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-469 {
    height: 469px !important;
  }
}

.h-min-469 {
  min-height: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-469 {
    min-height: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-469 {
    min-height: 469px !important;
  }
}

.h-max-469 {
  max-height: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-469 {
    max-height: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-469 {
    max-height: 469px !important;
  }
}

.w-469 {
  width: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-469 {
    width: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-469 {
    width: 469px !important;
  }
}

.w-min-469 {
  min-width: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-469 {
    min-width: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-469 {
    min-width: 469px !important;
  }
}

.w-max-469 {
  max-width: 469px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-469 {
    max-width: 469px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-469 {
    max-width: 469px !important;
  }
}

.h-470 {
  height: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-470 {
    height: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-470 {
    height: 470px !important;
  }
}

.h-min-470 {
  min-height: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-470 {
    min-height: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-470 {
    min-height: 470px !important;
  }
}

.h-max-470 {
  max-height: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-470 {
    max-height: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-470 {
    max-height: 470px !important;
  }
}

.w-470 {
  width: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-470 {
    width: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-470 {
    width: 470px !important;
  }
}

.w-min-470 {
  min-width: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-470 {
    min-width: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-470 {
    min-width: 470px !important;
  }
}

.w-max-470 {
  max-width: 470px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-470 {
    max-width: 470px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-470 {
    max-width: 470px !important;
  }
}

.h-471 {
  height: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-471 {
    height: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-471 {
    height: 471px !important;
  }
}

.h-min-471 {
  min-height: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-471 {
    min-height: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-471 {
    min-height: 471px !important;
  }
}

.h-max-471 {
  max-height: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-471 {
    max-height: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-471 {
    max-height: 471px !important;
  }
}

.w-471 {
  width: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-471 {
    width: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-471 {
    width: 471px !important;
  }
}

.w-min-471 {
  min-width: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-471 {
    min-width: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-471 {
    min-width: 471px !important;
  }
}

.w-max-471 {
  max-width: 471px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-471 {
    max-width: 471px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-471 {
    max-width: 471px !important;
  }
}

.h-472 {
  height: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-472 {
    height: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-472 {
    height: 472px !important;
  }
}

.h-min-472 {
  min-height: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-472 {
    min-height: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-472 {
    min-height: 472px !important;
  }
}

.h-max-472 {
  max-height: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-472 {
    max-height: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-472 {
    max-height: 472px !important;
  }
}

.w-472 {
  width: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-472 {
    width: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-472 {
    width: 472px !important;
  }
}

.w-min-472 {
  min-width: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-472 {
    min-width: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-472 {
    min-width: 472px !important;
  }
}

.w-max-472 {
  max-width: 472px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-472 {
    max-width: 472px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-472 {
    max-width: 472px !important;
  }
}

.h-473 {
  height: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-473 {
    height: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-473 {
    height: 473px !important;
  }
}

.h-min-473 {
  min-height: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-473 {
    min-height: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-473 {
    min-height: 473px !important;
  }
}

.h-max-473 {
  max-height: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-473 {
    max-height: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-473 {
    max-height: 473px !important;
  }
}

.w-473 {
  width: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-473 {
    width: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-473 {
    width: 473px !important;
  }
}

.w-min-473 {
  min-width: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-473 {
    min-width: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-473 {
    min-width: 473px !important;
  }
}

.w-max-473 {
  max-width: 473px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-473 {
    max-width: 473px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-473 {
    max-width: 473px !important;
  }
}

.h-474 {
  height: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-474 {
    height: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-474 {
    height: 474px !important;
  }
}

.h-min-474 {
  min-height: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-474 {
    min-height: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-474 {
    min-height: 474px !important;
  }
}

.h-max-474 {
  max-height: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-474 {
    max-height: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-474 {
    max-height: 474px !important;
  }
}

.w-474 {
  width: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-474 {
    width: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-474 {
    width: 474px !important;
  }
}

.w-min-474 {
  min-width: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-474 {
    min-width: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-474 {
    min-width: 474px !important;
  }
}

.w-max-474 {
  max-width: 474px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-474 {
    max-width: 474px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-474 {
    max-width: 474px !important;
  }
}

.h-475 {
  height: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-475 {
    height: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-475 {
    height: 475px !important;
  }
}

.h-min-475 {
  min-height: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-475 {
    min-height: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-475 {
    min-height: 475px !important;
  }
}

.h-max-475 {
  max-height: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-475 {
    max-height: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-475 {
    max-height: 475px !important;
  }
}

.w-475 {
  width: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-475 {
    width: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-475 {
    width: 475px !important;
  }
}

.w-min-475 {
  min-width: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-475 {
    min-width: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-475 {
    min-width: 475px !important;
  }
}

.w-max-475 {
  max-width: 475px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-475 {
    max-width: 475px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-475 {
    max-width: 475px !important;
  }
}

.h-476 {
  height: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-476 {
    height: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-476 {
    height: 476px !important;
  }
}

.h-min-476 {
  min-height: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-476 {
    min-height: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-476 {
    min-height: 476px !important;
  }
}

.h-max-476 {
  max-height: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-476 {
    max-height: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-476 {
    max-height: 476px !important;
  }
}

.w-476 {
  width: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-476 {
    width: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-476 {
    width: 476px !important;
  }
}

.w-min-476 {
  min-width: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-476 {
    min-width: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-476 {
    min-width: 476px !important;
  }
}

.w-max-476 {
  max-width: 476px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-476 {
    max-width: 476px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-476 {
    max-width: 476px !important;
  }
}

.h-477 {
  height: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-477 {
    height: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-477 {
    height: 477px !important;
  }
}

.h-min-477 {
  min-height: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-477 {
    min-height: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-477 {
    min-height: 477px !important;
  }
}

.h-max-477 {
  max-height: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-477 {
    max-height: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-477 {
    max-height: 477px !important;
  }
}

.w-477 {
  width: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-477 {
    width: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-477 {
    width: 477px !important;
  }
}

.w-min-477 {
  min-width: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-477 {
    min-width: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-477 {
    min-width: 477px !important;
  }
}

.w-max-477 {
  max-width: 477px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-477 {
    max-width: 477px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-477 {
    max-width: 477px !important;
  }
}

.h-478 {
  height: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-478 {
    height: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-478 {
    height: 478px !important;
  }
}

.h-min-478 {
  min-height: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-478 {
    min-height: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-478 {
    min-height: 478px !important;
  }
}

.h-max-478 {
  max-height: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-478 {
    max-height: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-478 {
    max-height: 478px !important;
  }
}

.w-478 {
  width: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-478 {
    width: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-478 {
    width: 478px !important;
  }
}

.w-min-478 {
  min-width: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-478 {
    min-width: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-478 {
    min-width: 478px !important;
  }
}

.w-max-478 {
  max-width: 478px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-478 {
    max-width: 478px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-478 {
    max-width: 478px !important;
  }
}

.h-479 {
  height: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-479 {
    height: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-479 {
    height: 479px !important;
  }
}

.h-min-479 {
  min-height: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-479 {
    min-height: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-479 {
    min-height: 479px !important;
  }
}

.h-max-479 {
  max-height: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-479 {
    max-height: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-479 {
    max-height: 479px !important;
  }
}

.w-479 {
  width: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-479 {
    width: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-479 {
    width: 479px !important;
  }
}

.w-min-479 {
  min-width: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-479 {
    min-width: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-479 {
    min-width: 479px !important;
  }
}

.w-max-479 {
  max-width: 479px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-479 {
    max-width: 479px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-479 {
    max-width: 479px !important;
  }
}

.h-480 {
  height: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-480 {
    height: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-480 {
    height: 480px !important;
  }
}

.h-min-480 {
  min-height: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-480 {
    min-height: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-480 {
    min-height: 480px !important;
  }
}

.h-max-480 {
  max-height: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-480 {
    max-height: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-480 {
    max-height: 480px !important;
  }
}

.w-480 {
  width: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-480 {
    width: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-480 {
    width: 480px !important;
  }
}

.w-min-480 {
  min-width: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-480 {
    min-width: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-480 {
    min-width: 480px !important;
  }
}

.w-max-480 {
  max-width: 480px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-480 {
    max-width: 480px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-480 {
    max-width: 480px !important;
  }
}

.h-481 {
  height: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-481 {
    height: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-481 {
    height: 481px !important;
  }
}

.h-min-481 {
  min-height: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-481 {
    min-height: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-481 {
    min-height: 481px !important;
  }
}

.h-max-481 {
  max-height: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-481 {
    max-height: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-481 {
    max-height: 481px !important;
  }
}

.w-481 {
  width: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-481 {
    width: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-481 {
    width: 481px !important;
  }
}

.w-min-481 {
  min-width: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-481 {
    min-width: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-481 {
    min-width: 481px !important;
  }
}

.w-max-481 {
  max-width: 481px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-481 {
    max-width: 481px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-481 {
    max-width: 481px !important;
  }
}

.h-482 {
  height: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-482 {
    height: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-482 {
    height: 482px !important;
  }
}

.h-min-482 {
  min-height: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-482 {
    min-height: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-482 {
    min-height: 482px !important;
  }
}

.h-max-482 {
  max-height: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-482 {
    max-height: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-482 {
    max-height: 482px !important;
  }
}

.w-482 {
  width: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-482 {
    width: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-482 {
    width: 482px !important;
  }
}

.w-min-482 {
  min-width: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-482 {
    min-width: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-482 {
    min-width: 482px !important;
  }
}

.w-max-482 {
  max-width: 482px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-482 {
    max-width: 482px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-482 {
    max-width: 482px !important;
  }
}

.h-483 {
  height: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-483 {
    height: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-483 {
    height: 483px !important;
  }
}

.h-min-483 {
  min-height: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-483 {
    min-height: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-483 {
    min-height: 483px !important;
  }
}

.h-max-483 {
  max-height: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-483 {
    max-height: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-483 {
    max-height: 483px !important;
  }
}

.w-483 {
  width: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-483 {
    width: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-483 {
    width: 483px !important;
  }
}

.w-min-483 {
  min-width: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-483 {
    min-width: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-483 {
    min-width: 483px !important;
  }
}

.w-max-483 {
  max-width: 483px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-483 {
    max-width: 483px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-483 {
    max-width: 483px !important;
  }
}

.h-484 {
  height: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-484 {
    height: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-484 {
    height: 484px !important;
  }
}

.h-min-484 {
  min-height: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-484 {
    min-height: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-484 {
    min-height: 484px !important;
  }
}

.h-max-484 {
  max-height: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-484 {
    max-height: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-484 {
    max-height: 484px !important;
  }
}

.w-484 {
  width: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-484 {
    width: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-484 {
    width: 484px !important;
  }
}

.w-min-484 {
  min-width: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-484 {
    min-width: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-484 {
    min-width: 484px !important;
  }
}

.w-max-484 {
  max-width: 484px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-484 {
    max-width: 484px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-484 {
    max-width: 484px !important;
  }
}

.h-485 {
  height: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-485 {
    height: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-485 {
    height: 485px !important;
  }
}

.h-min-485 {
  min-height: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-485 {
    min-height: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-485 {
    min-height: 485px !important;
  }
}

.h-max-485 {
  max-height: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-485 {
    max-height: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-485 {
    max-height: 485px !important;
  }
}

.w-485 {
  width: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-485 {
    width: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-485 {
    width: 485px !important;
  }
}

.w-min-485 {
  min-width: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-485 {
    min-width: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-485 {
    min-width: 485px !important;
  }
}

.w-max-485 {
  max-width: 485px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-485 {
    max-width: 485px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-485 {
    max-width: 485px !important;
  }
}

.h-486 {
  height: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-486 {
    height: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-486 {
    height: 486px !important;
  }
}

.h-min-486 {
  min-height: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-486 {
    min-height: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-486 {
    min-height: 486px !important;
  }
}

.h-max-486 {
  max-height: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-486 {
    max-height: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-486 {
    max-height: 486px !important;
  }
}

.w-486 {
  width: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-486 {
    width: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-486 {
    width: 486px !important;
  }
}

.w-min-486 {
  min-width: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-486 {
    min-width: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-486 {
    min-width: 486px !important;
  }
}

.w-max-486 {
  max-width: 486px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-486 {
    max-width: 486px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-486 {
    max-width: 486px !important;
  }
}

.h-487 {
  height: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-487 {
    height: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-487 {
    height: 487px !important;
  }
}

.h-min-487 {
  min-height: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-487 {
    min-height: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-487 {
    min-height: 487px !important;
  }
}

.h-max-487 {
  max-height: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-487 {
    max-height: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-487 {
    max-height: 487px !important;
  }
}

.w-487 {
  width: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-487 {
    width: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-487 {
    width: 487px !important;
  }
}

.w-min-487 {
  min-width: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-487 {
    min-width: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-487 {
    min-width: 487px !important;
  }
}

.w-max-487 {
  max-width: 487px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-487 {
    max-width: 487px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-487 {
    max-width: 487px !important;
  }
}

.h-488 {
  height: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-488 {
    height: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-488 {
    height: 488px !important;
  }
}

.h-min-488 {
  min-height: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-488 {
    min-height: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-488 {
    min-height: 488px !important;
  }
}

.h-max-488 {
  max-height: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-488 {
    max-height: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-488 {
    max-height: 488px !important;
  }
}

.w-488 {
  width: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-488 {
    width: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-488 {
    width: 488px !important;
  }
}

.w-min-488 {
  min-width: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-488 {
    min-width: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-488 {
    min-width: 488px !important;
  }
}

.w-max-488 {
  max-width: 488px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-488 {
    max-width: 488px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-488 {
    max-width: 488px !important;
  }
}

.h-489 {
  height: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-489 {
    height: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-489 {
    height: 489px !important;
  }
}

.h-min-489 {
  min-height: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-489 {
    min-height: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-489 {
    min-height: 489px !important;
  }
}

.h-max-489 {
  max-height: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-489 {
    max-height: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-489 {
    max-height: 489px !important;
  }
}

.w-489 {
  width: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-489 {
    width: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-489 {
    width: 489px !important;
  }
}

.w-min-489 {
  min-width: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-489 {
    min-width: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-489 {
    min-width: 489px !important;
  }
}

.w-max-489 {
  max-width: 489px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-489 {
    max-width: 489px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-489 {
    max-width: 489px !important;
  }
}

.h-490 {
  height: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-490 {
    height: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-490 {
    height: 490px !important;
  }
}

.h-min-490 {
  min-height: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-490 {
    min-height: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-490 {
    min-height: 490px !important;
  }
}

.h-max-490 {
  max-height: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-490 {
    max-height: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-490 {
    max-height: 490px !important;
  }
}

.w-490 {
  width: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-490 {
    width: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-490 {
    width: 490px !important;
  }
}

.w-min-490 {
  min-width: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-490 {
    min-width: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-490 {
    min-width: 490px !important;
  }
}

.w-max-490 {
  max-width: 490px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-490 {
    max-width: 490px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-490 {
    max-width: 490px !important;
  }
}

.h-491 {
  height: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-491 {
    height: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-491 {
    height: 491px !important;
  }
}

.h-min-491 {
  min-height: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-491 {
    min-height: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-491 {
    min-height: 491px !important;
  }
}

.h-max-491 {
  max-height: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-491 {
    max-height: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-491 {
    max-height: 491px !important;
  }
}

.w-491 {
  width: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-491 {
    width: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-491 {
    width: 491px !important;
  }
}

.w-min-491 {
  min-width: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-491 {
    min-width: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-491 {
    min-width: 491px !important;
  }
}

.w-max-491 {
  max-width: 491px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-491 {
    max-width: 491px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-491 {
    max-width: 491px !important;
  }
}

.h-492 {
  height: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-492 {
    height: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-492 {
    height: 492px !important;
  }
}

.h-min-492 {
  min-height: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-492 {
    min-height: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-492 {
    min-height: 492px !important;
  }
}

.h-max-492 {
  max-height: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-492 {
    max-height: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-492 {
    max-height: 492px !important;
  }
}

.w-492 {
  width: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-492 {
    width: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-492 {
    width: 492px !important;
  }
}

.w-min-492 {
  min-width: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-492 {
    min-width: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-492 {
    min-width: 492px !important;
  }
}

.w-max-492 {
  max-width: 492px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-492 {
    max-width: 492px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-492 {
    max-width: 492px !important;
  }
}

.h-493 {
  height: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-493 {
    height: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-493 {
    height: 493px !important;
  }
}

.h-min-493 {
  min-height: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-493 {
    min-height: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-493 {
    min-height: 493px !important;
  }
}

.h-max-493 {
  max-height: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-493 {
    max-height: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-493 {
    max-height: 493px !important;
  }
}

.w-493 {
  width: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-493 {
    width: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-493 {
    width: 493px !important;
  }
}

.w-min-493 {
  min-width: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-493 {
    min-width: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-493 {
    min-width: 493px !important;
  }
}

.w-max-493 {
  max-width: 493px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-493 {
    max-width: 493px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-493 {
    max-width: 493px !important;
  }
}

.h-494 {
  height: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-494 {
    height: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-494 {
    height: 494px !important;
  }
}

.h-min-494 {
  min-height: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-494 {
    min-height: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-494 {
    min-height: 494px !important;
  }
}

.h-max-494 {
  max-height: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-494 {
    max-height: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-494 {
    max-height: 494px !important;
  }
}

.w-494 {
  width: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-494 {
    width: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-494 {
    width: 494px !important;
  }
}

.w-min-494 {
  min-width: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-494 {
    min-width: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-494 {
    min-width: 494px !important;
  }
}

.w-max-494 {
  max-width: 494px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-494 {
    max-width: 494px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-494 {
    max-width: 494px !important;
  }
}

.h-495 {
  height: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-495 {
    height: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-495 {
    height: 495px !important;
  }
}

.h-min-495 {
  min-height: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-495 {
    min-height: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-495 {
    min-height: 495px !important;
  }
}

.h-max-495 {
  max-height: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-495 {
    max-height: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-495 {
    max-height: 495px !important;
  }
}

.w-495 {
  width: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-495 {
    width: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-495 {
    width: 495px !important;
  }
}

.w-min-495 {
  min-width: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-495 {
    min-width: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-495 {
    min-width: 495px !important;
  }
}

.w-max-495 {
  max-width: 495px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-495 {
    max-width: 495px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-495 {
    max-width: 495px !important;
  }
}

.h-496 {
  height: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-496 {
    height: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-496 {
    height: 496px !important;
  }
}

.h-min-496 {
  min-height: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-496 {
    min-height: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-496 {
    min-height: 496px !important;
  }
}

.h-max-496 {
  max-height: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-496 {
    max-height: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-496 {
    max-height: 496px !important;
  }
}

.w-496 {
  width: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-496 {
    width: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-496 {
    width: 496px !important;
  }
}

.w-min-496 {
  min-width: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-496 {
    min-width: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-496 {
    min-width: 496px !important;
  }
}

.w-max-496 {
  max-width: 496px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-496 {
    max-width: 496px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-496 {
    max-width: 496px !important;
  }
}

.h-497 {
  height: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-497 {
    height: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-497 {
    height: 497px !important;
  }
}

.h-min-497 {
  min-height: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-497 {
    min-height: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-497 {
    min-height: 497px !important;
  }
}

.h-max-497 {
  max-height: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-497 {
    max-height: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-497 {
    max-height: 497px !important;
  }
}

.w-497 {
  width: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-497 {
    width: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-497 {
    width: 497px !important;
  }
}

.w-min-497 {
  min-width: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-497 {
    min-width: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-497 {
    min-width: 497px !important;
  }
}

.w-max-497 {
  max-width: 497px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-497 {
    max-width: 497px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-497 {
    max-width: 497px !important;
  }
}

.h-498 {
  height: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-498 {
    height: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-498 {
    height: 498px !important;
  }
}

.h-min-498 {
  min-height: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-498 {
    min-height: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-498 {
    min-height: 498px !important;
  }
}

.h-max-498 {
  max-height: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-498 {
    max-height: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-498 {
    max-height: 498px !important;
  }
}

.w-498 {
  width: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-498 {
    width: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-498 {
    width: 498px !important;
  }
}

.w-min-498 {
  min-width: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-498 {
    min-width: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-498 {
    min-width: 498px !important;
  }
}

.w-max-498 {
  max-width: 498px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-498 {
    max-width: 498px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-498 {
    max-width: 498px !important;
  }
}

.h-499 {
  height: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-499 {
    height: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-499 {
    height: 499px !important;
  }
}

.h-min-499 {
  min-height: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-499 {
    min-height: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-499 {
    min-height: 499px !important;
  }
}

.h-max-499 {
  max-height: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-499 {
    max-height: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-499 {
    max-height: 499px !important;
  }
}

.w-499 {
  width: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-499 {
    width: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-499 {
    width: 499px !important;
  }
}

.w-min-499 {
  min-width: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-499 {
    min-width: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-499 {
    min-width: 499px !important;
  }
}

.w-max-499 {
  max-width: 499px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-499 {
    max-width: 499px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-499 {
    max-width: 499px !important;
  }
}

.h-500 {
  height: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-500 {
    height: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-500 {
    height: 500px !important;
  }
}

.h-min-500 {
  min-height: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-500 {
    min-height: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-500 {
    min-height: 500px !important;
  }
}

.h-max-500 {
  max-height: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-500 {
    max-height: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-500 {
    max-height: 500px !important;
  }
}

.w-500 {
  width: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-500 {
    width: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-500 {
    width: 500px !important;
  }
}

.w-min-500 {
  min-width: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-500 {
    min-width: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-500 {
    min-width: 500px !important;
  }
}

.w-max-500 {
  max-width: 500px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-500 {
    max-width: 500px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-500 {
    max-width: 500px !important;
  }
}

.h-501 {
  height: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-501 {
    height: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-501 {
    height: 501px !important;
  }
}

.h-min-501 {
  min-height: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-501 {
    min-height: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-501 {
    min-height: 501px !important;
  }
}

.h-max-501 {
  max-height: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-501 {
    max-height: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-501 {
    max-height: 501px !important;
  }
}

.w-501 {
  width: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-501 {
    width: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-501 {
    width: 501px !important;
  }
}

.w-min-501 {
  min-width: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-501 {
    min-width: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-501 {
    min-width: 501px !important;
  }
}

.w-max-501 {
  max-width: 501px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-501 {
    max-width: 501px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-501 {
    max-width: 501px !important;
  }
}

.h-502 {
  height: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-502 {
    height: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-502 {
    height: 502px !important;
  }
}

.h-min-502 {
  min-height: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-502 {
    min-height: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-502 {
    min-height: 502px !important;
  }
}

.h-max-502 {
  max-height: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-502 {
    max-height: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-502 {
    max-height: 502px !important;
  }
}

.w-502 {
  width: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-502 {
    width: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-502 {
    width: 502px !important;
  }
}

.w-min-502 {
  min-width: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-502 {
    min-width: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-502 {
    min-width: 502px !important;
  }
}

.w-max-502 {
  max-width: 502px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-502 {
    max-width: 502px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-502 {
    max-width: 502px !important;
  }
}

.h-503 {
  height: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-503 {
    height: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-503 {
    height: 503px !important;
  }
}

.h-min-503 {
  min-height: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-503 {
    min-height: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-503 {
    min-height: 503px !important;
  }
}

.h-max-503 {
  max-height: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-503 {
    max-height: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-503 {
    max-height: 503px !important;
  }
}

.w-503 {
  width: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-503 {
    width: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-503 {
    width: 503px !important;
  }
}

.w-min-503 {
  min-width: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-503 {
    min-width: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-503 {
    min-width: 503px !important;
  }
}

.w-max-503 {
  max-width: 503px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-503 {
    max-width: 503px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-503 {
    max-width: 503px !important;
  }
}

.h-504 {
  height: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-504 {
    height: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-504 {
    height: 504px !important;
  }
}

.h-min-504 {
  min-height: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-504 {
    min-height: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-504 {
    min-height: 504px !important;
  }
}

.h-max-504 {
  max-height: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-504 {
    max-height: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-504 {
    max-height: 504px !important;
  }
}

.w-504 {
  width: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-504 {
    width: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-504 {
    width: 504px !important;
  }
}

.w-min-504 {
  min-width: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-504 {
    min-width: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-504 {
    min-width: 504px !important;
  }
}

.w-max-504 {
  max-width: 504px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-504 {
    max-width: 504px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-504 {
    max-width: 504px !important;
  }
}

.h-505 {
  height: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-505 {
    height: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-505 {
    height: 505px !important;
  }
}

.h-min-505 {
  min-height: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-505 {
    min-height: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-505 {
    min-height: 505px !important;
  }
}

.h-max-505 {
  max-height: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-505 {
    max-height: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-505 {
    max-height: 505px !important;
  }
}

.w-505 {
  width: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-505 {
    width: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-505 {
    width: 505px !important;
  }
}

.w-min-505 {
  min-width: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-505 {
    min-width: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-505 {
    min-width: 505px !important;
  }
}

.w-max-505 {
  max-width: 505px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-505 {
    max-width: 505px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-505 {
    max-width: 505px !important;
  }
}

.h-506 {
  height: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-506 {
    height: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-506 {
    height: 506px !important;
  }
}

.h-min-506 {
  min-height: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-506 {
    min-height: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-506 {
    min-height: 506px !important;
  }
}

.h-max-506 {
  max-height: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-506 {
    max-height: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-506 {
    max-height: 506px !important;
  }
}

.w-506 {
  width: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-506 {
    width: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-506 {
    width: 506px !important;
  }
}

.w-min-506 {
  min-width: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-506 {
    min-width: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-506 {
    min-width: 506px !important;
  }
}

.w-max-506 {
  max-width: 506px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-506 {
    max-width: 506px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-506 {
    max-width: 506px !important;
  }
}

.h-507 {
  height: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-507 {
    height: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-507 {
    height: 507px !important;
  }
}

.h-min-507 {
  min-height: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-507 {
    min-height: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-507 {
    min-height: 507px !important;
  }
}

.h-max-507 {
  max-height: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-507 {
    max-height: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-507 {
    max-height: 507px !important;
  }
}

.w-507 {
  width: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-507 {
    width: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-507 {
    width: 507px !important;
  }
}

.w-min-507 {
  min-width: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-507 {
    min-width: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-507 {
    min-width: 507px !important;
  }
}

.w-max-507 {
  max-width: 507px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-507 {
    max-width: 507px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-507 {
    max-width: 507px !important;
  }
}

.h-508 {
  height: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-508 {
    height: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-508 {
    height: 508px !important;
  }
}

.h-min-508 {
  min-height: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-508 {
    min-height: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-508 {
    min-height: 508px !important;
  }
}

.h-max-508 {
  max-height: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-508 {
    max-height: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-508 {
    max-height: 508px !important;
  }
}

.w-508 {
  width: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-508 {
    width: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-508 {
    width: 508px !important;
  }
}

.w-min-508 {
  min-width: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-508 {
    min-width: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-508 {
    min-width: 508px !important;
  }
}

.w-max-508 {
  max-width: 508px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-508 {
    max-width: 508px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-508 {
    max-width: 508px !important;
  }
}

.h-509 {
  height: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-509 {
    height: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-509 {
    height: 509px !important;
  }
}

.h-min-509 {
  min-height: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-509 {
    min-height: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-509 {
    min-height: 509px !important;
  }
}

.h-max-509 {
  max-height: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-509 {
    max-height: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-509 {
    max-height: 509px !important;
  }
}

.w-509 {
  width: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-509 {
    width: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-509 {
    width: 509px !important;
  }
}

.w-min-509 {
  min-width: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-509 {
    min-width: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-509 {
    min-width: 509px !important;
  }
}

.w-max-509 {
  max-width: 509px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-509 {
    max-width: 509px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-509 {
    max-width: 509px !important;
  }
}

.h-510 {
  height: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-510 {
    height: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-510 {
    height: 510px !important;
  }
}

.h-min-510 {
  min-height: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-510 {
    min-height: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-510 {
    min-height: 510px !important;
  }
}

.h-max-510 {
  max-height: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-510 {
    max-height: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-510 {
    max-height: 510px !important;
  }
}

.w-510 {
  width: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-510 {
    width: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-510 {
    width: 510px !important;
  }
}

.w-min-510 {
  min-width: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-510 {
    min-width: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-510 {
    min-width: 510px !important;
  }
}

.w-max-510 {
  max-width: 510px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-510 {
    max-width: 510px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-510 {
    max-width: 510px !important;
  }
}

.h-511 {
  height: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-511 {
    height: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-511 {
    height: 511px !important;
  }
}

.h-min-511 {
  min-height: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-511 {
    min-height: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-511 {
    min-height: 511px !important;
  }
}

.h-max-511 {
  max-height: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-511 {
    max-height: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-511 {
    max-height: 511px !important;
  }
}

.w-511 {
  width: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-511 {
    width: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-511 {
    width: 511px !important;
  }
}

.w-min-511 {
  min-width: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-511 {
    min-width: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-511 {
    min-width: 511px !important;
  }
}

.w-max-511 {
  max-width: 511px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-511 {
    max-width: 511px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-511 {
    max-width: 511px !important;
  }
}

.h-512 {
  height: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-512 {
    height: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-512 {
    height: 512px !important;
  }
}

.h-min-512 {
  min-height: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-512 {
    min-height: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-512 {
    min-height: 512px !important;
  }
}

.h-max-512 {
  max-height: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-512 {
    max-height: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-512 {
    max-height: 512px !important;
  }
}

.w-512 {
  width: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-512 {
    width: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-512 {
    width: 512px !important;
  }
}

.w-min-512 {
  min-width: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-512 {
    min-width: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-512 {
    min-width: 512px !important;
  }
}

.w-max-512 {
  max-width: 512px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-512 {
    max-width: 512px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-512 {
    max-width: 512px !important;
  }
}

.h-513 {
  height: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-513 {
    height: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-513 {
    height: 513px !important;
  }
}

.h-min-513 {
  min-height: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-513 {
    min-height: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-513 {
    min-height: 513px !important;
  }
}

.h-max-513 {
  max-height: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-513 {
    max-height: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-513 {
    max-height: 513px !important;
  }
}

.w-513 {
  width: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-513 {
    width: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-513 {
    width: 513px !important;
  }
}

.w-min-513 {
  min-width: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-513 {
    min-width: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-513 {
    min-width: 513px !important;
  }
}

.w-max-513 {
  max-width: 513px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-513 {
    max-width: 513px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-513 {
    max-width: 513px !important;
  }
}

.h-514 {
  height: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-514 {
    height: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-514 {
    height: 514px !important;
  }
}

.h-min-514 {
  min-height: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-514 {
    min-height: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-514 {
    min-height: 514px !important;
  }
}

.h-max-514 {
  max-height: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-514 {
    max-height: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-514 {
    max-height: 514px !important;
  }
}

.w-514 {
  width: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-514 {
    width: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-514 {
    width: 514px !important;
  }
}

.w-min-514 {
  min-width: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-514 {
    min-width: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-514 {
    min-width: 514px !important;
  }
}

.w-max-514 {
  max-width: 514px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-514 {
    max-width: 514px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-514 {
    max-width: 514px !important;
  }
}

.h-515 {
  height: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-515 {
    height: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-515 {
    height: 515px !important;
  }
}

.h-min-515 {
  min-height: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-515 {
    min-height: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-515 {
    min-height: 515px !important;
  }
}

.h-max-515 {
  max-height: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-515 {
    max-height: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-515 {
    max-height: 515px !important;
  }
}

.w-515 {
  width: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-515 {
    width: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-515 {
    width: 515px !important;
  }
}

.w-min-515 {
  min-width: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-515 {
    min-width: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-515 {
    min-width: 515px !important;
  }
}

.w-max-515 {
  max-width: 515px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-515 {
    max-width: 515px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-515 {
    max-width: 515px !important;
  }
}

.h-516 {
  height: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-516 {
    height: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-516 {
    height: 516px !important;
  }
}

.h-min-516 {
  min-height: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-516 {
    min-height: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-516 {
    min-height: 516px !important;
  }
}

.h-max-516 {
  max-height: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-516 {
    max-height: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-516 {
    max-height: 516px !important;
  }
}

.w-516 {
  width: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-516 {
    width: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-516 {
    width: 516px !important;
  }
}

.w-min-516 {
  min-width: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-516 {
    min-width: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-516 {
    min-width: 516px !important;
  }
}

.w-max-516 {
  max-width: 516px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-516 {
    max-width: 516px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-516 {
    max-width: 516px !important;
  }
}

.h-517 {
  height: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-517 {
    height: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-517 {
    height: 517px !important;
  }
}

.h-min-517 {
  min-height: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-517 {
    min-height: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-517 {
    min-height: 517px !important;
  }
}

.h-max-517 {
  max-height: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-517 {
    max-height: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-517 {
    max-height: 517px !important;
  }
}

.w-517 {
  width: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-517 {
    width: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-517 {
    width: 517px !important;
  }
}

.w-min-517 {
  min-width: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-517 {
    min-width: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-517 {
    min-width: 517px !important;
  }
}

.w-max-517 {
  max-width: 517px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-517 {
    max-width: 517px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-517 {
    max-width: 517px !important;
  }
}

.h-518 {
  height: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-518 {
    height: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-518 {
    height: 518px !important;
  }
}

.h-min-518 {
  min-height: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-518 {
    min-height: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-518 {
    min-height: 518px !important;
  }
}

.h-max-518 {
  max-height: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-518 {
    max-height: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-518 {
    max-height: 518px !important;
  }
}

.w-518 {
  width: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-518 {
    width: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-518 {
    width: 518px !important;
  }
}

.w-min-518 {
  min-width: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-518 {
    min-width: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-518 {
    min-width: 518px !important;
  }
}

.w-max-518 {
  max-width: 518px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-518 {
    max-width: 518px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-518 {
    max-width: 518px !important;
  }
}

.h-519 {
  height: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-519 {
    height: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-519 {
    height: 519px !important;
  }
}

.h-min-519 {
  min-height: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-519 {
    min-height: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-519 {
    min-height: 519px !important;
  }
}

.h-max-519 {
  max-height: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-519 {
    max-height: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-519 {
    max-height: 519px !important;
  }
}

.w-519 {
  width: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-519 {
    width: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-519 {
    width: 519px !important;
  }
}

.w-min-519 {
  min-width: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-519 {
    min-width: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-519 {
    min-width: 519px !important;
  }
}

.w-max-519 {
  max-width: 519px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-519 {
    max-width: 519px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-519 {
    max-width: 519px !important;
  }
}

.h-520 {
  height: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-520 {
    height: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-520 {
    height: 520px !important;
  }
}

.h-min-520 {
  min-height: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-520 {
    min-height: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-520 {
    min-height: 520px !important;
  }
}

.h-max-520 {
  max-height: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-520 {
    max-height: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-520 {
    max-height: 520px !important;
  }
}

.w-520 {
  width: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-520 {
    width: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-520 {
    width: 520px !important;
  }
}

.w-min-520 {
  min-width: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-520 {
    min-width: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-520 {
    min-width: 520px !important;
  }
}

.w-max-520 {
  max-width: 520px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-520 {
    max-width: 520px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-520 {
    max-width: 520px !important;
  }
}

.h-521 {
  height: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-521 {
    height: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-521 {
    height: 521px !important;
  }
}

.h-min-521 {
  min-height: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-521 {
    min-height: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-521 {
    min-height: 521px !important;
  }
}

.h-max-521 {
  max-height: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-521 {
    max-height: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-521 {
    max-height: 521px !important;
  }
}

.w-521 {
  width: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-521 {
    width: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-521 {
    width: 521px !important;
  }
}

.w-min-521 {
  min-width: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-521 {
    min-width: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-521 {
    min-width: 521px !important;
  }
}

.w-max-521 {
  max-width: 521px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-521 {
    max-width: 521px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-521 {
    max-width: 521px !important;
  }
}

.h-522 {
  height: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-522 {
    height: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-522 {
    height: 522px !important;
  }
}

.h-min-522 {
  min-height: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-522 {
    min-height: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-522 {
    min-height: 522px !important;
  }
}

.h-max-522 {
  max-height: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-522 {
    max-height: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-522 {
    max-height: 522px !important;
  }
}

.w-522 {
  width: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-522 {
    width: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-522 {
    width: 522px !important;
  }
}

.w-min-522 {
  min-width: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-522 {
    min-width: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-522 {
    min-width: 522px !important;
  }
}

.w-max-522 {
  max-width: 522px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-522 {
    max-width: 522px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-522 {
    max-width: 522px !important;
  }
}

.h-523 {
  height: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-523 {
    height: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-523 {
    height: 523px !important;
  }
}

.h-min-523 {
  min-height: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-523 {
    min-height: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-523 {
    min-height: 523px !important;
  }
}

.h-max-523 {
  max-height: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-523 {
    max-height: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-523 {
    max-height: 523px !important;
  }
}

.w-523 {
  width: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-523 {
    width: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-523 {
    width: 523px !important;
  }
}

.w-min-523 {
  min-width: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-523 {
    min-width: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-523 {
    min-width: 523px !important;
  }
}

.w-max-523 {
  max-width: 523px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-523 {
    max-width: 523px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-523 {
    max-width: 523px !important;
  }
}

.h-524 {
  height: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-524 {
    height: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-524 {
    height: 524px !important;
  }
}

.h-min-524 {
  min-height: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-524 {
    min-height: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-524 {
    min-height: 524px !important;
  }
}

.h-max-524 {
  max-height: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-524 {
    max-height: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-524 {
    max-height: 524px !important;
  }
}

.w-524 {
  width: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-524 {
    width: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-524 {
    width: 524px !important;
  }
}

.w-min-524 {
  min-width: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-524 {
    min-width: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-524 {
    min-width: 524px !important;
  }
}

.w-max-524 {
  max-width: 524px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-524 {
    max-width: 524px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-524 {
    max-width: 524px !important;
  }
}

.h-525 {
  height: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-525 {
    height: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-525 {
    height: 525px !important;
  }
}

.h-min-525 {
  min-height: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-525 {
    min-height: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-525 {
    min-height: 525px !important;
  }
}

.h-max-525 {
  max-height: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-525 {
    max-height: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-525 {
    max-height: 525px !important;
  }
}

.w-525 {
  width: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-525 {
    width: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-525 {
    width: 525px !important;
  }
}

.w-min-525 {
  min-width: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-525 {
    min-width: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-525 {
    min-width: 525px !important;
  }
}

.w-max-525 {
  max-width: 525px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-525 {
    max-width: 525px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-525 {
    max-width: 525px !important;
  }
}

.h-526 {
  height: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-526 {
    height: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-526 {
    height: 526px !important;
  }
}

.h-min-526 {
  min-height: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-526 {
    min-height: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-526 {
    min-height: 526px !important;
  }
}

.h-max-526 {
  max-height: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-526 {
    max-height: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-526 {
    max-height: 526px !important;
  }
}

.w-526 {
  width: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-526 {
    width: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-526 {
    width: 526px !important;
  }
}

.w-min-526 {
  min-width: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-526 {
    min-width: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-526 {
    min-width: 526px !important;
  }
}

.w-max-526 {
  max-width: 526px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-526 {
    max-width: 526px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-526 {
    max-width: 526px !important;
  }
}

.h-527 {
  height: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-527 {
    height: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-527 {
    height: 527px !important;
  }
}

.h-min-527 {
  min-height: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-527 {
    min-height: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-527 {
    min-height: 527px !important;
  }
}

.h-max-527 {
  max-height: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-527 {
    max-height: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-527 {
    max-height: 527px !important;
  }
}

.w-527 {
  width: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-527 {
    width: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-527 {
    width: 527px !important;
  }
}

.w-min-527 {
  min-width: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-527 {
    min-width: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-527 {
    min-width: 527px !important;
  }
}

.w-max-527 {
  max-width: 527px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-527 {
    max-width: 527px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-527 {
    max-width: 527px !important;
  }
}

.h-528 {
  height: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-528 {
    height: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-528 {
    height: 528px !important;
  }
}

.h-min-528 {
  min-height: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-528 {
    min-height: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-528 {
    min-height: 528px !important;
  }
}

.h-max-528 {
  max-height: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-528 {
    max-height: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-528 {
    max-height: 528px !important;
  }
}

.w-528 {
  width: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-528 {
    width: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-528 {
    width: 528px !important;
  }
}

.w-min-528 {
  min-width: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-528 {
    min-width: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-528 {
    min-width: 528px !important;
  }
}

.w-max-528 {
  max-width: 528px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-528 {
    max-width: 528px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-528 {
    max-width: 528px !important;
  }
}

.h-529 {
  height: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-529 {
    height: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-529 {
    height: 529px !important;
  }
}

.h-min-529 {
  min-height: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-529 {
    min-height: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-529 {
    min-height: 529px !important;
  }
}

.h-max-529 {
  max-height: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-529 {
    max-height: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-529 {
    max-height: 529px !important;
  }
}

.w-529 {
  width: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-529 {
    width: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-529 {
    width: 529px !important;
  }
}

.w-min-529 {
  min-width: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-529 {
    min-width: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-529 {
    min-width: 529px !important;
  }
}

.w-max-529 {
  max-width: 529px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-529 {
    max-width: 529px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-529 {
    max-width: 529px !important;
  }
}

.h-530 {
  height: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-530 {
    height: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-530 {
    height: 530px !important;
  }
}

.h-min-530 {
  min-height: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-530 {
    min-height: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-530 {
    min-height: 530px !important;
  }
}

.h-max-530 {
  max-height: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-530 {
    max-height: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-530 {
    max-height: 530px !important;
  }
}

.w-530 {
  width: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-530 {
    width: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-530 {
    width: 530px !important;
  }
}

.w-min-530 {
  min-width: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-530 {
    min-width: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-530 {
    min-width: 530px !important;
  }
}

.w-max-530 {
  max-width: 530px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-530 {
    max-width: 530px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-530 {
    max-width: 530px !important;
  }
}

.h-531 {
  height: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-531 {
    height: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-531 {
    height: 531px !important;
  }
}

.h-min-531 {
  min-height: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-531 {
    min-height: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-531 {
    min-height: 531px !important;
  }
}

.h-max-531 {
  max-height: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-531 {
    max-height: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-531 {
    max-height: 531px !important;
  }
}

.w-531 {
  width: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-531 {
    width: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-531 {
    width: 531px !important;
  }
}

.w-min-531 {
  min-width: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-531 {
    min-width: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-531 {
    min-width: 531px !important;
  }
}

.w-max-531 {
  max-width: 531px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-531 {
    max-width: 531px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-531 {
    max-width: 531px !important;
  }
}

.h-532 {
  height: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-532 {
    height: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-532 {
    height: 532px !important;
  }
}

.h-min-532 {
  min-height: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-532 {
    min-height: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-532 {
    min-height: 532px !important;
  }
}

.h-max-532 {
  max-height: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-532 {
    max-height: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-532 {
    max-height: 532px !important;
  }
}

.w-532 {
  width: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-532 {
    width: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-532 {
    width: 532px !important;
  }
}

.w-min-532 {
  min-width: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-532 {
    min-width: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-532 {
    min-width: 532px !important;
  }
}

.w-max-532 {
  max-width: 532px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-532 {
    max-width: 532px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-532 {
    max-width: 532px !important;
  }
}

.h-533 {
  height: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-533 {
    height: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-533 {
    height: 533px !important;
  }
}

.h-min-533 {
  min-height: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-533 {
    min-height: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-533 {
    min-height: 533px !important;
  }
}

.h-max-533 {
  max-height: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-533 {
    max-height: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-533 {
    max-height: 533px !important;
  }
}

.w-533 {
  width: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-533 {
    width: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-533 {
    width: 533px !important;
  }
}

.w-min-533 {
  min-width: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-533 {
    min-width: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-533 {
    min-width: 533px !important;
  }
}

.w-max-533 {
  max-width: 533px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-533 {
    max-width: 533px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-533 {
    max-width: 533px !important;
  }
}

.h-534 {
  height: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-534 {
    height: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-534 {
    height: 534px !important;
  }
}

.h-min-534 {
  min-height: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-534 {
    min-height: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-534 {
    min-height: 534px !important;
  }
}

.h-max-534 {
  max-height: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-534 {
    max-height: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-534 {
    max-height: 534px !important;
  }
}

.w-534 {
  width: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-534 {
    width: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-534 {
    width: 534px !important;
  }
}

.w-min-534 {
  min-width: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-534 {
    min-width: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-534 {
    min-width: 534px !important;
  }
}

.w-max-534 {
  max-width: 534px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-534 {
    max-width: 534px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-534 {
    max-width: 534px !important;
  }
}

.h-535 {
  height: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-535 {
    height: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-535 {
    height: 535px !important;
  }
}

.h-min-535 {
  min-height: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-535 {
    min-height: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-535 {
    min-height: 535px !important;
  }
}

.h-max-535 {
  max-height: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-535 {
    max-height: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-535 {
    max-height: 535px !important;
  }
}

.w-535 {
  width: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-535 {
    width: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-535 {
    width: 535px !important;
  }
}

.w-min-535 {
  min-width: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-535 {
    min-width: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-535 {
    min-width: 535px !important;
  }
}

.w-max-535 {
  max-width: 535px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-535 {
    max-width: 535px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-535 {
    max-width: 535px !important;
  }
}

.h-536 {
  height: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-536 {
    height: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-536 {
    height: 536px !important;
  }
}

.h-min-536 {
  min-height: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-536 {
    min-height: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-536 {
    min-height: 536px !important;
  }
}

.h-max-536 {
  max-height: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-536 {
    max-height: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-536 {
    max-height: 536px !important;
  }
}

.w-536 {
  width: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-536 {
    width: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-536 {
    width: 536px !important;
  }
}

.w-min-536 {
  min-width: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-536 {
    min-width: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-536 {
    min-width: 536px !important;
  }
}

.w-max-536 {
  max-width: 536px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-536 {
    max-width: 536px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-536 {
    max-width: 536px !important;
  }
}

.h-537 {
  height: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-537 {
    height: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-537 {
    height: 537px !important;
  }
}

.h-min-537 {
  min-height: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-537 {
    min-height: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-537 {
    min-height: 537px !important;
  }
}

.h-max-537 {
  max-height: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-537 {
    max-height: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-537 {
    max-height: 537px !important;
  }
}

.w-537 {
  width: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-537 {
    width: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-537 {
    width: 537px !important;
  }
}

.w-min-537 {
  min-width: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-537 {
    min-width: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-537 {
    min-width: 537px !important;
  }
}

.w-max-537 {
  max-width: 537px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-537 {
    max-width: 537px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-537 {
    max-width: 537px !important;
  }
}

.h-538 {
  height: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-538 {
    height: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-538 {
    height: 538px !important;
  }
}

.h-min-538 {
  min-height: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-538 {
    min-height: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-538 {
    min-height: 538px !important;
  }
}

.h-max-538 {
  max-height: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-538 {
    max-height: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-538 {
    max-height: 538px !important;
  }
}

.w-538 {
  width: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-538 {
    width: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-538 {
    width: 538px !important;
  }
}

.w-min-538 {
  min-width: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-538 {
    min-width: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-538 {
    min-width: 538px !important;
  }
}

.w-max-538 {
  max-width: 538px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-538 {
    max-width: 538px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-538 {
    max-width: 538px !important;
  }
}

.h-539 {
  height: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-539 {
    height: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-539 {
    height: 539px !important;
  }
}

.h-min-539 {
  min-height: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-539 {
    min-height: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-539 {
    min-height: 539px !important;
  }
}

.h-max-539 {
  max-height: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-539 {
    max-height: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-539 {
    max-height: 539px !important;
  }
}

.w-539 {
  width: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-539 {
    width: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-539 {
    width: 539px !important;
  }
}

.w-min-539 {
  min-width: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-539 {
    min-width: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-539 {
    min-width: 539px !important;
  }
}

.w-max-539 {
  max-width: 539px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-539 {
    max-width: 539px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-539 {
    max-width: 539px !important;
  }
}

.h-540 {
  height: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-540 {
    height: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-540 {
    height: 540px !important;
  }
}

.h-min-540 {
  min-height: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-540 {
    min-height: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-540 {
    min-height: 540px !important;
  }
}

.h-max-540 {
  max-height: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-540 {
    max-height: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-540 {
    max-height: 540px !important;
  }
}

.w-540 {
  width: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-540 {
    width: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-540 {
    width: 540px !important;
  }
}

.w-min-540 {
  min-width: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-540 {
    min-width: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-540 {
    min-width: 540px !important;
  }
}

.w-max-540 {
  max-width: 540px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-540 {
    max-width: 540px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-540 {
    max-width: 540px !important;
  }
}

.h-541 {
  height: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-541 {
    height: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-541 {
    height: 541px !important;
  }
}

.h-min-541 {
  min-height: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-541 {
    min-height: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-541 {
    min-height: 541px !important;
  }
}

.h-max-541 {
  max-height: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-541 {
    max-height: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-541 {
    max-height: 541px !important;
  }
}

.w-541 {
  width: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-541 {
    width: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-541 {
    width: 541px !important;
  }
}

.w-min-541 {
  min-width: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-541 {
    min-width: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-541 {
    min-width: 541px !important;
  }
}

.w-max-541 {
  max-width: 541px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-541 {
    max-width: 541px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-541 {
    max-width: 541px !important;
  }
}

.h-542 {
  height: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-542 {
    height: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-542 {
    height: 542px !important;
  }
}

.h-min-542 {
  min-height: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-542 {
    min-height: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-542 {
    min-height: 542px !important;
  }
}

.h-max-542 {
  max-height: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-542 {
    max-height: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-542 {
    max-height: 542px !important;
  }
}

.w-542 {
  width: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-542 {
    width: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-542 {
    width: 542px !important;
  }
}

.w-min-542 {
  min-width: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-542 {
    min-width: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-542 {
    min-width: 542px !important;
  }
}

.w-max-542 {
  max-width: 542px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-542 {
    max-width: 542px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-542 {
    max-width: 542px !important;
  }
}

.h-543 {
  height: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-543 {
    height: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-543 {
    height: 543px !important;
  }
}

.h-min-543 {
  min-height: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-543 {
    min-height: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-543 {
    min-height: 543px !important;
  }
}

.h-max-543 {
  max-height: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-543 {
    max-height: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-543 {
    max-height: 543px !important;
  }
}

.w-543 {
  width: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-543 {
    width: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-543 {
    width: 543px !important;
  }
}

.w-min-543 {
  min-width: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-543 {
    min-width: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-543 {
    min-width: 543px !important;
  }
}

.w-max-543 {
  max-width: 543px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-543 {
    max-width: 543px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-543 {
    max-width: 543px !important;
  }
}

.h-544 {
  height: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-544 {
    height: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-544 {
    height: 544px !important;
  }
}

.h-min-544 {
  min-height: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-544 {
    min-height: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-544 {
    min-height: 544px !important;
  }
}

.h-max-544 {
  max-height: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-544 {
    max-height: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-544 {
    max-height: 544px !important;
  }
}

.w-544 {
  width: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-544 {
    width: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-544 {
    width: 544px !important;
  }
}

.w-min-544 {
  min-width: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-544 {
    min-width: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-544 {
    min-width: 544px !important;
  }
}

.w-max-544 {
  max-width: 544px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-544 {
    max-width: 544px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-544 {
    max-width: 544px !important;
  }
}

.h-545 {
  height: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-545 {
    height: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-545 {
    height: 545px !important;
  }
}

.h-min-545 {
  min-height: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-545 {
    min-height: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-545 {
    min-height: 545px !important;
  }
}

.h-max-545 {
  max-height: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-545 {
    max-height: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-545 {
    max-height: 545px !important;
  }
}

.w-545 {
  width: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-545 {
    width: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-545 {
    width: 545px !important;
  }
}

.w-min-545 {
  min-width: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-545 {
    min-width: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-545 {
    min-width: 545px !important;
  }
}

.w-max-545 {
  max-width: 545px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-545 {
    max-width: 545px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-545 {
    max-width: 545px !important;
  }
}

.h-546 {
  height: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-546 {
    height: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-546 {
    height: 546px !important;
  }
}

.h-min-546 {
  min-height: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-546 {
    min-height: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-546 {
    min-height: 546px !important;
  }
}

.h-max-546 {
  max-height: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-546 {
    max-height: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-546 {
    max-height: 546px !important;
  }
}

.w-546 {
  width: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-546 {
    width: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-546 {
    width: 546px !important;
  }
}

.w-min-546 {
  min-width: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-546 {
    min-width: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-546 {
    min-width: 546px !important;
  }
}

.w-max-546 {
  max-width: 546px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-546 {
    max-width: 546px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-546 {
    max-width: 546px !important;
  }
}

.h-547 {
  height: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-547 {
    height: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-547 {
    height: 547px !important;
  }
}

.h-min-547 {
  min-height: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-547 {
    min-height: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-547 {
    min-height: 547px !important;
  }
}

.h-max-547 {
  max-height: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-547 {
    max-height: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-547 {
    max-height: 547px !important;
  }
}

.w-547 {
  width: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-547 {
    width: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-547 {
    width: 547px !important;
  }
}

.w-min-547 {
  min-width: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-547 {
    min-width: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-547 {
    min-width: 547px !important;
  }
}

.w-max-547 {
  max-width: 547px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-547 {
    max-width: 547px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-547 {
    max-width: 547px !important;
  }
}

.h-548 {
  height: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-548 {
    height: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-548 {
    height: 548px !important;
  }
}

.h-min-548 {
  min-height: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-548 {
    min-height: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-548 {
    min-height: 548px !important;
  }
}

.h-max-548 {
  max-height: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-548 {
    max-height: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-548 {
    max-height: 548px !important;
  }
}

.w-548 {
  width: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-548 {
    width: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-548 {
    width: 548px !important;
  }
}

.w-min-548 {
  min-width: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-548 {
    min-width: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-548 {
    min-width: 548px !important;
  }
}

.w-max-548 {
  max-width: 548px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-548 {
    max-width: 548px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-548 {
    max-width: 548px !important;
  }
}

.h-549 {
  height: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-549 {
    height: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-549 {
    height: 549px !important;
  }
}

.h-min-549 {
  min-height: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-549 {
    min-height: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-549 {
    min-height: 549px !important;
  }
}

.h-max-549 {
  max-height: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-549 {
    max-height: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-549 {
    max-height: 549px !important;
  }
}

.w-549 {
  width: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-549 {
    width: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-549 {
    width: 549px !important;
  }
}

.w-min-549 {
  min-width: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-549 {
    min-width: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-549 {
    min-width: 549px !important;
  }
}

.w-max-549 {
  max-width: 549px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-549 {
    max-width: 549px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-549 {
    max-width: 549px !important;
  }
}

.h-550 {
  height: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-550 {
    height: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-550 {
    height: 550px !important;
  }
}

.h-min-550 {
  min-height: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-550 {
    min-height: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-550 {
    min-height: 550px !important;
  }
}

.h-max-550 {
  max-height: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-550 {
    max-height: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-550 {
    max-height: 550px !important;
  }
}

.w-550 {
  width: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-550 {
    width: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-550 {
    width: 550px !important;
  }
}

.w-min-550 {
  min-width: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-550 {
    min-width: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-550 {
    min-width: 550px !important;
  }
}

.w-max-550 {
  max-width: 550px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-550 {
    max-width: 550px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-550 {
    max-width: 550px !important;
  }
}

.h-551 {
  height: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-551 {
    height: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-551 {
    height: 551px !important;
  }
}

.h-min-551 {
  min-height: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-551 {
    min-height: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-551 {
    min-height: 551px !important;
  }
}

.h-max-551 {
  max-height: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-551 {
    max-height: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-551 {
    max-height: 551px !important;
  }
}

.w-551 {
  width: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-551 {
    width: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-551 {
    width: 551px !important;
  }
}

.w-min-551 {
  min-width: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-551 {
    min-width: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-551 {
    min-width: 551px !important;
  }
}

.w-max-551 {
  max-width: 551px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-551 {
    max-width: 551px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-551 {
    max-width: 551px !important;
  }
}

.h-552 {
  height: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-552 {
    height: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-552 {
    height: 552px !important;
  }
}

.h-min-552 {
  min-height: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-552 {
    min-height: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-552 {
    min-height: 552px !important;
  }
}

.h-max-552 {
  max-height: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-552 {
    max-height: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-552 {
    max-height: 552px !important;
  }
}

.w-552 {
  width: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-552 {
    width: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-552 {
    width: 552px !important;
  }
}

.w-min-552 {
  min-width: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-552 {
    min-width: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-552 {
    min-width: 552px !important;
  }
}

.w-max-552 {
  max-width: 552px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-552 {
    max-width: 552px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-552 {
    max-width: 552px !important;
  }
}

.h-553 {
  height: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-553 {
    height: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-553 {
    height: 553px !important;
  }
}

.h-min-553 {
  min-height: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-553 {
    min-height: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-553 {
    min-height: 553px !important;
  }
}

.h-max-553 {
  max-height: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-553 {
    max-height: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-553 {
    max-height: 553px !important;
  }
}

.w-553 {
  width: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-553 {
    width: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-553 {
    width: 553px !important;
  }
}

.w-min-553 {
  min-width: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-553 {
    min-width: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-553 {
    min-width: 553px !important;
  }
}

.w-max-553 {
  max-width: 553px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-553 {
    max-width: 553px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-553 {
    max-width: 553px !important;
  }
}

.h-554 {
  height: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-554 {
    height: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-554 {
    height: 554px !important;
  }
}

.h-min-554 {
  min-height: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-554 {
    min-height: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-554 {
    min-height: 554px !important;
  }
}

.h-max-554 {
  max-height: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-554 {
    max-height: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-554 {
    max-height: 554px !important;
  }
}

.w-554 {
  width: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-554 {
    width: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-554 {
    width: 554px !important;
  }
}

.w-min-554 {
  min-width: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-554 {
    min-width: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-554 {
    min-width: 554px !important;
  }
}

.w-max-554 {
  max-width: 554px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-554 {
    max-width: 554px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-554 {
    max-width: 554px !important;
  }
}

.h-555 {
  height: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-555 {
    height: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-555 {
    height: 555px !important;
  }
}

.h-min-555 {
  min-height: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-555 {
    min-height: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-555 {
    min-height: 555px !important;
  }
}

.h-max-555 {
  max-height: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-555 {
    max-height: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-555 {
    max-height: 555px !important;
  }
}

.w-555 {
  width: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-555 {
    width: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-555 {
    width: 555px !important;
  }
}

.w-min-555 {
  min-width: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-555 {
    min-width: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-555 {
    min-width: 555px !important;
  }
}

.w-max-555 {
  max-width: 555px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-555 {
    max-width: 555px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-555 {
    max-width: 555px !important;
  }
}

.h-556 {
  height: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-556 {
    height: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-556 {
    height: 556px !important;
  }
}

.h-min-556 {
  min-height: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-556 {
    min-height: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-556 {
    min-height: 556px !important;
  }
}

.h-max-556 {
  max-height: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-556 {
    max-height: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-556 {
    max-height: 556px !important;
  }
}

.w-556 {
  width: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-556 {
    width: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-556 {
    width: 556px !important;
  }
}

.w-min-556 {
  min-width: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-556 {
    min-width: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-556 {
    min-width: 556px !important;
  }
}

.w-max-556 {
  max-width: 556px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-556 {
    max-width: 556px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-556 {
    max-width: 556px !important;
  }
}

.h-557 {
  height: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-557 {
    height: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-557 {
    height: 557px !important;
  }
}

.h-min-557 {
  min-height: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-557 {
    min-height: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-557 {
    min-height: 557px !important;
  }
}

.h-max-557 {
  max-height: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-557 {
    max-height: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-557 {
    max-height: 557px !important;
  }
}

.w-557 {
  width: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-557 {
    width: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-557 {
    width: 557px !important;
  }
}

.w-min-557 {
  min-width: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-557 {
    min-width: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-557 {
    min-width: 557px !important;
  }
}

.w-max-557 {
  max-width: 557px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-557 {
    max-width: 557px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-557 {
    max-width: 557px !important;
  }
}

.h-558 {
  height: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-558 {
    height: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-558 {
    height: 558px !important;
  }
}

.h-min-558 {
  min-height: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-558 {
    min-height: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-558 {
    min-height: 558px !important;
  }
}

.h-max-558 {
  max-height: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-558 {
    max-height: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-558 {
    max-height: 558px !important;
  }
}

.w-558 {
  width: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-558 {
    width: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-558 {
    width: 558px !important;
  }
}

.w-min-558 {
  min-width: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-558 {
    min-width: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-558 {
    min-width: 558px !important;
  }
}

.w-max-558 {
  max-width: 558px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-558 {
    max-width: 558px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-558 {
    max-width: 558px !important;
  }
}

.h-559 {
  height: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-559 {
    height: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-559 {
    height: 559px !important;
  }
}

.h-min-559 {
  min-height: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-559 {
    min-height: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-559 {
    min-height: 559px !important;
  }
}

.h-max-559 {
  max-height: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-559 {
    max-height: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-559 {
    max-height: 559px !important;
  }
}

.w-559 {
  width: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-559 {
    width: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-559 {
    width: 559px !important;
  }
}

.w-min-559 {
  min-width: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-559 {
    min-width: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-559 {
    min-width: 559px !important;
  }
}

.w-max-559 {
  max-width: 559px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-559 {
    max-width: 559px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-559 {
    max-width: 559px !important;
  }
}

.h-560 {
  height: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-560 {
    height: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-560 {
    height: 560px !important;
  }
}

.h-min-560 {
  min-height: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-560 {
    min-height: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-560 {
    min-height: 560px !important;
  }
}

.h-max-560 {
  max-height: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-560 {
    max-height: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-560 {
    max-height: 560px !important;
  }
}

.w-560 {
  width: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-560 {
    width: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-560 {
    width: 560px !important;
  }
}

.w-min-560 {
  min-width: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-560 {
    min-width: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-560 {
    min-width: 560px !important;
  }
}

.w-max-560 {
  max-width: 560px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-560 {
    max-width: 560px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-560 {
    max-width: 560px !important;
  }
}

.h-561 {
  height: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-561 {
    height: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-561 {
    height: 561px !important;
  }
}

.h-min-561 {
  min-height: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-561 {
    min-height: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-561 {
    min-height: 561px !important;
  }
}

.h-max-561 {
  max-height: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-561 {
    max-height: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-561 {
    max-height: 561px !important;
  }
}

.w-561 {
  width: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-561 {
    width: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-561 {
    width: 561px !important;
  }
}

.w-min-561 {
  min-width: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-561 {
    min-width: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-561 {
    min-width: 561px !important;
  }
}

.w-max-561 {
  max-width: 561px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-561 {
    max-width: 561px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-561 {
    max-width: 561px !important;
  }
}

.h-562 {
  height: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-562 {
    height: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-562 {
    height: 562px !important;
  }
}

.h-min-562 {
  min-height: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-562 {
    min-height: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-562 {
    min-height: 562px !important;
  }
}

.h-max-562 {
  max-height: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-562 {
    max-height: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-562 {
    max-height: 562px !important;
  }
}

.w-562 {
  width: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-562 {
    width: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-562 {
    width: 562px !important;
  }
}

.w-min-562 {
  min-width: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-562 {
    min-width: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-562 {
    min-width: 562px !important;
  }
}

.w-max-562 {
  max-width: 562px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-562 {
    max-width: 562px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-562 {
    max-width: 562px !important;
  }
}

.h-563 {
  height: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-563 {
    height: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-563 {
    height: 563px !important;
  }
}

.h-min-563 {
  min-height: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-563 {
    min-height: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-563 {
    min-height: 563px !important;
  }
}

.h-max-563 {
  max-height: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-563 {
    max-height: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-563 {
    max-height: 563px !important;
  }
}

.w-563 {
  width: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-563 {
    width: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-563 {
    width: 563px !important;
  }
}

.w-min-563 {
  min-width: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-563 {
    min-width: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-563 {
    min-width: 563px !important;
  }
}

.w-max-563 {
  max-width: 563px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-563 {
    max-width: 563px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-563 {
    max-width: 563px !important;
  }
}

.h-564 {
  height: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-564 {
    height: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-564 {
    height: 564px !important;
  }
}

.h-min-564 {
  min-height: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-564 {
    min-height: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-564 {
    min-height: 564px !important;
  }
}

.h-max-564 {
  max-height: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-564 {
    max-height: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-564 {
    max-height: 564px !important;
  }
}

.w-564 {
  width: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-564 {
    width: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-564 {
    width: 564px !important;
  }
}

.w-min-564 {
  min-width: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-564 {
    min-width: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-564 {
    min-width: 564px !important;
  }
}

.w-max-564 {
  max-width: 564px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-564 {
    max-width: 564px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-564 {
    max-width: 564px !important;
  }
}

.h-565 {
  height: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-565 {
    height: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-565 {
    height: 565px !important;
  }
}

.h-min-565 {
  min-height: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-565 {
    min-height: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-565 {
    min-height: 565px !important;
  }
}

.h-max-565 {
  max-height: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-565 {
    max-height: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-565 {
    max-height: 565px !important;
  }
}

.w-565 {
  width: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-565 {
    width: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-565 {
    width: 565px !important;
  }
}

.w-min-565 {
  min-width: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-565 {
    min-width: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-565 {
    min-width: 565px !important;
  }
}

.w-max-565 {
  max-width: 565px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-565 {
    max-width: 565px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-565 {
    max-width: 565px !important;
  }
}

.h-566 {
  height: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-566 {
    height: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-566 {
    height: 566px !important;
  }
}

.h-min-566 {
  min-height: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-566 {
    min-height: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-566 {
    min-height: 566px !important;
  }
}

.h-max-566 {
  max-height: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-566 {
    max-height: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-566 {
    max-height: 566px !important;
  }
}

.w-566 {
  width: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-566 {
    width: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-566 {
    width: 566px !important;
  }
}

.w-min-566 {
  min-width: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-566 {
    min-width: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-566 {
    min-width: 566px !important;
  }
}

.w-max-566 {
  max-width: 566px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-566 {
    max-width: 566px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-566 {
    max-width: 566px !important;
  }
}

.h-567 {
  height: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-567 {
    height: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-567 {
    height: 567px !important;
  }
}

.h-min-567 {
  min-height: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-567 {
    min-height: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-567 {
    min-height: 567px !important;
  }
}

.h-max-567 {
  max-height: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-567 {
    max-height: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-567 {
    max-height: 567px !important;
  }
}

.w-567 {
  width: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-567 {
    width: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-567 {
    width: 567px !important;
  }
}

.w-min-567 {
  min-width: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-567 {
    min-width: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-567 {
    min-width: 567px !important;
  }
}

.w-max-567 {
  max-width: 567px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-567 {
    max-width: 567px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-567 {
    max-width: 567px !important;
  }
}

.h-568 {
  height: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-568 {
    height: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-568 {
    height: 568px !important;
  }
}

.h-min-568 {
  min-height: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-568 {
    min-height: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-568 {
    min-height: 568px !important;
  }
}

.h-max-568 {
  max-height: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-568 {
    max-height: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-568 {
    max-height: 568px !important;
  }
}

.w-568 {
  width: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-568 {
    width: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-568 {
    width: 568px !important;
  }
}

.w-min-568 {
  min-width: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-568 {
    min-width: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-568 {
    min-width: 568px !important;
  }
}

.w-max-568 {
  max-width: 568px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-568 {
    max-width: 568px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-568 {
    max-width: 568px !important;
  }
}

.h-569 {
  height: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-569 {
    height: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-569 {
    height: 569px !important;
  }
}

.h-min-569 {
  min-height: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-569 {
    min-height: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-569 {
    min-height: 569px !important;
  }
}

.h-max-569 {
  max-height: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-569 {
    max-height: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-569 {
    max-height: 569px !important;
  }
}

.w-569 {
  width: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-569 {
    width: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-569 {
    width: 569px !important;
  }
}

.w-min-569 {
  min-width: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-569 {
    min-width: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-569 {
    min-width: 569px !important;
  }
}

.w-max-569 {
  max-width: 569px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-569 {
    max-width: 569px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-569 {
    max-width: 569px !important;
  }
}

.h-570 {
  height: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-570 {
    height: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-570 {
    height: 570px !important;
  }
}

.h-min-570 {
  min-height: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-570 {
    min-height: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-570 {
    min-height: 570px !important;
  }
}

.h-max-570 {
  max-height: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-570 {
    max-height: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-570 {
    max-height: 570px !important;
  }
}

.w-570 {
  width: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-570 {
    width: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-570 {
    width: 570px !important;
  }
}

.w-min-570 {
  min-width: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-570 {
    min-width: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-570 {
    min-width: 570px !important;
  }
}

.w-max-570 {
  max-width: 570px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-570 {
    max-width: 570px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-570 {
    max-width: 570px !important;
  }
}

.h-571 {
  height: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-571 {
    height: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-571 {
    height: 571px !important;
  }
}

.h-min-571 {
  min-height: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-571 {
    min-height: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-571 {
    min-height: 571px !important;
  }
}

.h-max-571 {
  max-height: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-571 {
    max-height: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-571 {
    max-height: 571px !important;
  }
}

.w-571 {
  width: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-571 {
    width: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-571 {
    width: 571px !important;
  }
}

.w-min-571 {
  min-width: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-571 {
    min-width: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-571 {
    min-width: 571px !important;
  }
}

.w-max-571 {
  max-width: 571px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-571 {
    max-width: 571px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-571 {
    max-width: 571px !important;
  }
}

.h-572 {
  height: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-572 {
    height: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-572 {
    height: 572px !important;
  }
}

.h-min-572 {
  min-height: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-572 {
    min-height: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-572 {
    min-height: 572px !important;
  }
}

.h-max-572 {
  max-height: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-572 {
    max-height: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-572 {
    max-height: 572px !important;
  }
}

.w-572 {
  width: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-572 {
    width: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-572 {
    width: 572px !important;
  }
}

.w-min-572 {
  min-width: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-572 {
    min-width: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-572 {
    min-width: 572px !important;
  }
}

.w-max-572 {
  max-width: 572px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-572 {
    max-width: 572px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-572 {
    max-width: 572px !important;
  }
}

.h-573 {
  height: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-573 {
    height: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-573 {
    height: 573px !important;
  }
}

.h-min-573 {
  min-height: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-573 {
    min-height: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-573 {
    min-height: 573px !important;
  }
}

.h-max-573 {
  max-height: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-573 {
    max-height: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-573 {
    max-height: 573px !important;
  }
}

.w-573 {
  width: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-573 {
    width: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-573 {
    width: 573px !important;
  }
}

.w-min-573 {
  min-width: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-573 {
    min-width: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-573 {
    min-width: 573px !important;
  }
}

.w-max-573 {
  max-width: 573px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-573 {
    max-width: 573px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-573 {
    max-width: 573px !important;
  }
}

.h-574 {
  height: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-574 {
    height: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-574 {
    height: 574px !important;
  }
}

.h-min-574 {
  min-height: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-574 {
    min-height: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-574 {
    min-height: 574px !important;
  }
}

.h-max-574 {
  max-height: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-574 {
    max-height: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-574 {
    max-height: 574px !important;
  }
}

.w-574 {
  width: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-574 {
    width: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-574 {
    width: 574px !important;
  }
}

.w-min-574 {
  min-width: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-574 {
    min-width: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-574 {
    min-width: 574px !important;
  }
}

.w-max-574 {
  max-width: 574px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-574 {
    max-width: 574px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-574 {
    max-width: 574px !important;
  }
}

.h-575 {
  height: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-575 {
    height: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-575 {
    height: 575px !important;
  }
}

.h-min-575 {
  min-height: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-575 {
    min-height: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-575 {
    min-height: 575px !important;
  }
}

.h-max-575 {
  max-height: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-575 {
    max-height: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-575 {
    max-height: 575px !important;
  }
}

.w-575 {
  width: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-575 {
    width: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-575 {
    width: 575px !important;
  }
}

.w-min-575 {
  min-width: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-575 {
    min-width: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-575 {
    min-width: 575px !important;
  }
}

.w-max-575 {
  max-width: 575px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-575 {
    max-width: 575px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-575 {
    max-width: 575px !important;
  }
}

.h-576 {
  height: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-576 {
    height: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-576 {
    height: 576px !important;
  }
}

.h-min-576 {
  min-height: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-576 {
    min-height: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-576 {
    min-height: 576px !important;
  }
}

.h-max-576 {
  max-height: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-576 {
    max-height: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-576 {
    max-height: 576px !important;
  }
}

.w-576 {
  width: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-576 {
    width: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-576 {
    width: 576px !important;
  }
}

.w-min-576 {
  min-width: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-576 {
    min-width: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-576 {
    min-width: 576px !important;
  }
}

.w-max-576 {
  max-width: 576px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-576 {
    max-width: 576px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-576 {
    max-width: 576px !important;
  }
}

.h-577 {
  height: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-577 {
    height: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-577 {
    height: 577px !important;
  }
}

.h-min-577 {
  min-height: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-577 {
    min-height: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-577 {
    min-height: 577px !important;
  }
}

.h-max-577 {
  max-height: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-577 {
    max-height: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-577 {
    max-height: 577px !important;
  }
}

.w-577 {
  width: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-577 {
    width: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-577 {
    width: 577px !important;
  }
}

.w-min-577 {
  min-width: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-577 {
    min-width: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-577 {
    min-width: 577px !important;
  }
}

.w-max-577 {
  max-width: 577px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-577 {
    max-width: 577px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-577 {
    max-width: 577px !important;
  }
}

.h-578 {
  height: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-578 {
    height: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-578 {
    height: 578px !important;
  }
}

.h-min-578 {
  min-height: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-578 {
    min-height: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-578 {
    min-height: 578px !important;
  }
}

.h-max-578 {
  max-height: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-578 {
    max-height: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-578 {
    max-height: 578px !important;
  }
}

.w-578 {
  width: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-578 {
    width: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-578 {
    width: 578px !important;
  }
}

.w-min-578 {
  min-width: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-578 {
    min-width: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-578 {
    min-width: 578px !important;
  }
}

.w-max-578 {
  max-width: 578px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-578 {
    max-width: 578px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-578 {
    max-width: 578px !important;
  }
}

.h-579 {
  height: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-579 {
    height: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-579 {
    height: 579px !important;
  }
}

.h-min-579 {
  min-height: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-579 {
    min-height: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-579 {
    min-height: 579px !important;
  }
}

.h-max-579 {
  max-height: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-579 {
    max-height: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-579 {
    max-height: 579px !important;
  }
}

.w-579 {
  width: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-579 {
    width: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-579 {
    width: 579px !important;
  }
}

.w-min-579 {
  min-width: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-579 {
    min-width: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-579 {
    min-width: 579px !important;
  }
}

.w-max-579 {
  max-width: 579px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-579 {
    max-width: 579px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-579 {
    max-width: 579px !important;
  }
}

.h-580 {
  height: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-580 {
    height: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-580 {
    height: 580px !important;
  }
}

.h-min-580 {
  min-height: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-580 {
    min-height: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-580 {
    min-height: 580px !important;
  }
}

.h-max-580 {
  max-height: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-580 {
    max-height: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-580 {
    max-height: 580px !important;
  }
}

.w-580 {
  width: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-580 {
    width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-580 {
    width: 580px !important;
  }
}

.w-min-580 {
  min-width: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-580 {
    min-width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-580 {
    min-width: 580px !important;
  }
}

.w-max-580 {
  max-width: 580px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-580 {
    max-width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-580 {
    max-width: 580px !important;
  }
}

.h-581 {
  height: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-581 {
    height: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-581 {
    height: 581px !important;
  }
}

.h-min-581 {
  min-height: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-581 {
    min-height: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-581 {
    min-height: 581px !important;
  }
}

.h-max-581 {
  max-height: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-581 {
    max-height: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-581 {
    max-height: 581px !important;
  }
}

.w-581 {
  width: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-581 {
    width: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-581 {
    width: 581px !important;
  }
}

.w-min-581 {
  min-width: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-581 {
    min-width: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-581 {
    min-width: 581px !important;
  }
}

.w-max-581 {
  max-width: 581px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-581 {
    max-width: 581px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-581 {
    max-width: 581px !important;
  }
}

.h-582 {
  height: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-582 {
    height: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-582 {
    height: 582px !important;
  }
}

.h-min-582 {
  min-height: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-582 {
    min-height: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-582 {
    min-height: 582px !important;
  }
}

.h-max-582 {
  max-height: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-582 {
    max-height: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-582 {
    max-height: 582px !important;
  }
}

.w-582 {
  width: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-582 {
    width: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-582 {
    width: 582px !important;
  }
}

.w-min-582 {
  min-width: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-582 {
    min-width: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-582 {
    min-width: 582px !important;
  }
}

.w-max-582 {
  max-width: 582px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-582 {
    max-width: 582px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-582 {
    max-width: 582px !important;
  }
}

.h-583 {
  height: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-583 {
    height: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-583 {
    height: 583px !important;
  }
}

.h-min-583 {
  min-height: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-583 {
    min-height: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-583 {
    min-height: 583px !important;
  }
}

.h-max-583 {
  max-height: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-583 {
    max-height: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-583 {
    max-height: 583px !important;
  }
}

.w-583 {
  width: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-583 {
    width: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-583 {
    width: 583px !important;
  }
}

.w-min-583 {
  min-width: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-583 {
    min-width: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-583 {
    min-width: 583px !important;
  }
}

.w-max-583 {
  max-width: 583px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-583 {
    max-width: 583px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-583 {
    max-width: 583px !important;
  }
}

.h-584 {
  height: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-584 {
    height: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-584 {
    height: 584px !important;
  }
}

.h-min-584 {
  min-height: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-584 {
    min-height: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-584 {
    min-height: 584px !important;
  }
}

.h-max-584 {
  max-height: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-584 {
    max-height: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-584 {
    max-height: 584px !important;
  }
}

.w-584 {
  width: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-584 {
    width: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-584 {
    width: 584px !important;
  }
}

.w-min-584 {
  min-width: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-584 {
    min-width: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-584 {
    min-width: 584px !important;
  }
}

.w-max-584 {
  max-width: 584px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-584 {
    max-width: 584px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-584 {
    max-width: 584px !important;
  }
}

.h-585 {
  height: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-585 {
    height: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-585 {
    height: 585px !important;
  }
}

.h-min-585 {
  min-height: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-585 {
    min-height: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-585 {
    min-height: 585px !important;
  }
}

.h-max-585 {
  max-height: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-585 {
    max-height: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-585 {
    max-height: 585px !important;
  }
}

.w-585 {
  width: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-585 {
    width: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-585 {
    width: 585px !important;
  }
}

.w-min-585 {
  min-width: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-585 {
    min-width: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-585 {
    min-width: 585px !important;
  }
}

.w-max-585 {
  max-width: 585px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-585 {
    max-width: 585px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-585 {
    max-width: 585px !important;
  }
}

.h-586 {
  height: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-586 {
    height: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-586 {
    height: 586px !important;
  }
}

.h-min-586 {
  min-height: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-586 {
    min-height: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-586 {
    min-height: 586px !important;
  }
}

.h-max-586 {
  max-height: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-586 {
    max-height: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-586 {
    max-height: 586px !important;
  }
}

.w-586 {
  width: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-586 {
    width: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-586 {
    width: 586px !important;
  }
}

.w-min-586 {
  min-width: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-586 {
    min-width: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-586 {
    min-width: 586px !important;
  }
}

.w-max-586 {
  max-width: 586px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-586 {
    max-width: 586px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-586 {
    max-width: 586px !important;
  }
}

.h-587 {
  height: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-587 {
    height: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-587 {
    height: 587px !important;
  }
}

.h-min-587 {
  min-height: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-587 {
    min-height: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-587 {
    min-height: 587px !important;
  }
}

.h-max-587 {
  max-height: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-587 {
    max-height: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-587 {
    max-height: 587px !important;
  }
}

.w-587 {
  width: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-587 {
    width: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-587 {
    width: 587px !important;
  }
}

.w-min-587 {
  min-width: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-587 {
    min-width: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-587 {
    min-width: 587px !important;
  }
}

.w-max-587 {
  max-width: 587px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-587 {
    max-width: 587px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-587 {
    max-width: 587px !important;
  }
}

.h-588 {
  height: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-588 {
    height: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-588 {
    height: 588px !important;
  }
}

.h-min-588 {
  min-height: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-588 {
    min-height: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-588 {
    min-height: 588px !important;
  }
}

.h-max-588 {
  max-height: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-588 {
    max-height: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-588 {
    max-height: 588px !important;
  }
}

.w-588 {
  width: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-588 {
    width: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-588 {
    width: 588px !important;
  }
}

.w-min-588 {
  min-width: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-588 {
    min-width: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-588 {
    min-width: 588px !important;
  }
}

.w-max-588 {
  max-width: 588px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-588 {
    max-width: 588px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-588 {
    max-width: 588px !important;
  }
}

.h-589 {
  height: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-589 {
    height: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-589 {
    height: 589px !important;
  }
}

.h-min-589 {
  min-height: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-589 {
    min-height: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-589 {
    min-height: 589px !important;
  }
}

.h-max-589 {
  max-height: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-589 {
    max-height: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-589 {
    max-height: 589px !important;
  }
}

.w-589 {
  width: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-589 {
    width: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-589 {
    width: 589px !important;
  }
}

.w-min-589 {
  min-width: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-589 {
    min-width: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-589 {
    min-width: 589px !important;
  }
}

.w-max-589 {
  max-width: 589px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-589 {
    max-width: 589px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-589 {
    max-width: 589px !important;
  }
}

.h-590 {
  height: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-590 {
    height: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-590 {
    height: 590px !important;
  }
}

.h-min-590 {
  min-height: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-590 {
    min-height: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-590 {
    min-height: 590px !important;
  }
}

.h-max-590 {
  max-height: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-590 {
    max-height: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-590 {
    max-height: 590px !important;
  }
}

.w-590 {
  width: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-590 {
    width: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-590 {
    width: 590px !important;
  }
}

.w-min-590 {
  min-width: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-590 {
    min-width: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-590 {
    min-width: 590px !important;
  }
}

.w-max-590 {
  max-width: 590px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-590 {
    max-width: 590px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-590 {
    max-width: 590px !important;
  }
}

.h-591 {
  height: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-591 {
    height: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-591 {
    height: 591px !important;
  }
}

.h-min-591 {
  min-height: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-591 {
    min-height: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-591 {
    min-height: 591px !important;
  }
}

.h-max-591 {
  max-height: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-591 {
    max-height: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-591 {
    max-height: 591px !important;
  }
}

.w-591 {
  width: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-591 {
    width: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-591 {
    width: 591px !important;
  }
}

.w-min-591 {
  min-width: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-591 {
    min-width: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-591 {
    min-width: 591px !important;
  }
}

.w-max-591 {
  max-width: 591px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-591 {
    max-width: 591px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-591 {
    max-width: 591px !important;
  }
}

.h-592 {
  height: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-592 {
    height: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-592 {
    height: 592px !important;
  }
}

.h-min-592 {
  min-height: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-592 {
    min-height: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-592 {
    min-height: 592px !important;
  }
}

.h-max-592 {
  max-height: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-592 {
    max-height: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-592 {
    max-height: 592px !important;
  }
}

.w-592 {
  width: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-592 {
    width: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-592 {
    width: 592px !important;
  }
}

.w-min-592 {
  min-width: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-592 {
    min-width: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-592 {
    min-width: 592px !important;
  }
}

.w-max-592 {
  max-width: 592px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-592 {
    max-width: 592px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-592 {
    max-width: 592px !important;
  }
}

.h-593 {
  height: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-593 {
    height: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-593 {
    height: 593px !important;
  }
}

.h-min-593 {
  min-height: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-593 {
    min-height: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-593 {
    min-height: 593px !important;
  }
}

.h-max-593 {
  max-height: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-593 {
    max-height: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-593 {
    max-height: 593px !important;
  }
}

.w-593 {
  width: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-593 {
    width: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-593 {
    width: 593px !important;
  }
}

.w-min-593 {
  min-width: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-593 {
    min-width: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-593 {
    min-width: 593px !important;
  }
}

.w-max-593 {
  max-width: 593px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-593 {
    max-width: 593px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-593 {
    max-width: 593px !important;
  }
}

.h-594 {
  height: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-594 {
    height: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-594 {
    height: 594px !important;
  }
}

.h-min-594 {
  min-height: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-594 {
    min-height: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-594 {
    min-height: 594px !important;
  }
}

.h-max-594 {
  max-height: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-594 {
    max-height: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-594 {
    max-height: 594px !important;
  }
}

.w-594 {
  width: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-594 {
    width: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-594 {
    width: 594px !important;
  }
}

.w-min-594 {
  min-width: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-594 {
    min-width: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-594 {
    min-width: 594px !important;
  }
}

.w-max-594 {
  max-width: 594px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-594 {
    max-width: 594px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-594 {
    max-width: 594px !important;
  }
}

.h-595 {
  height: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-595 {
    height: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-595 {
    height: 595px !important;
  }
}

.h-min-595 {
  min-height: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-595 {
    min-height: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-595 {
    min-height: 595px !important;
  }
}

.h-max-595 {
  max-height: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-595 {
    max-height: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-595 {
    max-height: 595px !important;
  }
}

.w-595 {
  width: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-595 {
    width: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-595 {
    width: 595px !important;
  }
}

.w-min-595 {
  min-width: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-595 {
    min-width: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-595 {
    min-width: 595px !important;
  }
}

.w-max-595 {
  max-width: 595px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-595 {
    max-width: 595px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-595 {
    max-width: 595px !important;
  }
}

.h-596 {
  height: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-596 {
    height: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-596 {
    height: 596px !important;
  }
}

.h-min-596 {
  min-height: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-596 {
    min-height: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-596 {
    min-height: 596px !important;
  }
}

.h-max-596 {
  max-height: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-596 {
    max-height: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-596 {
    max-height: 596px !important;
  }
}

.w-596 {
  width: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-596 {
    width: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-596 {
    width: 596px !important;
  }
}

.w-min-596 {
  min-width: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-596 {
    min-width: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-596 {
    min-width: 596px !important;
  }
}

.w-max-596 {
  max-width: 596px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-596 {
    max-width: 596px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-596 {
    max-width: 596px !important;
  }
}

.h-597 {
  height: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-597 {
    height: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-597 {
    height: 597px !important;
  }
}

.h-min-597 {
  min-height: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-597 {
    min-height: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-597 {
    min-height: 597px !important;
  }
}

.h-max-597 {
  max-height: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-597 {
    max-height: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-597 {
    max-height: 597px !important;
  }
}

.w-597 {
  width: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-597 {
    width: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-597 {
    width: 597px !important;
  }
}

.w-min-597 {
  min-width: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-597 {
    min-width: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-597 {
    min-width: 597px !important;
  }
}

.w-max-597 {
  max-width: 597px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-597 {
    max-width: 597px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-597 {
    max-width: 597px !important;
  }
}

.h-598 {
  height: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-598 {
    height: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-598 {
    height: 598px !important;
  }
}

.h-min-598 {
  min-height: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-598 {
    min-height: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-598 {
    min-height: 598px !important;
  }
}

.h-max-598 {
  max-height: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-598 {
    max-height: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-598 {
    max-height: 598px !important;
  }
}

.w-598 {
  width: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-598 {
    width: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-598 {
    width: 598px !important;
  }
}

.w-min-598 {
  min-width: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-598 {
    min-width: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-598 {
    min-width: 598px !important;
  }
}

.w-max-598 {
  max-width: 598px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-598 {
    max-width: 598px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-598 {
    max-width: 598px !important;
  }
}

.h-599 {
  height: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-599 {
    height: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-599 {
    height: 599px !important;
  }
}

.h-min-599 {
  min-height: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-599 {
    min-height: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-599 {
    min-height: 599px !important;
  }
}

.h-max-599 {
  max-height: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-599 {
    max-height: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-599 {
    max-height: 599px !important;
  }
}

.w-599 {
  width: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-599 {
    width: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-599 {
    width: 599px !important;
  }
}

.w-min-599 {
  min-width: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-599 {
    min-width: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-599 {
    min-width: 599px !important;
  }
}

.w-max-599 {
  max-width: 599px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-599 {
    max-width: 599px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-599 {
    max-width: 599px !important;
  }
}

.h-600 {
  height: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-600 {
    height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-600 {
    height: 600px !important;
  }
}

.h-min-600 {
  min-height: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-600 {
    min-height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-600 {
    min-height: 600px !important;
  }
}

.h-max-600 {
  max-height: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-600 {
    max-height: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-600 {
    max-height: 600px !important;
  }
}

.w-600 {
  width: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-600 {
    width: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-600 {
    width: 600px !important;
  }
}

.w-min-600 {
  min-width: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-600 {
    min-width: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-600 {
    min-width: 600px !important;
  }
}

.w-max-600 {
  max-width: 600px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-600 {
    max-width: 600px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-600 {
    max-width: 600px !important;
  }
}

.h-601 {
  height: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-601 {
    height: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-601 {
    height: 601px !important;
  }
}

.h-min-601 {
  min-height: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-601 {
    min-height: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-601 {
    min-height: 601px !important;
  }
}

.h-max-601 {
  max-height: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-601 {
    max-height: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-601 {
    max-height: 601px !important;
  }
}

.w-601 {
  width: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-601 {
    width: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-601 {
    width: 601px !important;
  }
}

.w-min-601 {
  min-width: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-601 {
    min-width: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-601 {
    min-width: 601px !important;
  }
}

.w-max-601 {
  max-width: 601px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-601 {
    max-width: 601px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-601 {
    max-width: 601px !important;
  }
}

.h-602 {
  height: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-602 {
    height: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-602 {
    height: 602px !important;
  }
}

.h-min-602 {
  min-height: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-602 {
    min-height: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-602 {
    min-height: 602px !important;
  }
}

.h-max-602 {
  max-height: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-602 {
    max-height: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-602 {
    max-height: 602px !important;
  }
}

.w-602 {
  width: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-602 {
    width: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-602 {
    width: 602px !important;
  }
}

.w-min-602 {
  min-width: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-602 {
    min-width: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-602 {
    min-width: 602px !important;
  }
}

.w-max-602 {
  max-width: 602px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-602 {
    max-width: 602px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-602 {
    max-width: 602px !important;
  }
}

.h-603 {
  height: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-603 {
    height: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-603 {
    height: 603px !important;
  }
}

.h-min-603 {
  min-height: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-603 {
    min-height: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-603 {
    min-height: 603px !important;
  }
}

.h-max-603 {
  max-height: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-603 {
    max-height: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-603 {
    max-height: 603px !important;
  }
}

.w-603 {
  width: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-603 {
    width: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-603 {
    width: 603px !important;
  }
}

.w-min-603 {
  min-width: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-603 {
    min-width: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-603 {
    min-width: 603px !important;
  }
}

.w-max-603 {
  max-width: 603px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-603 {
    max-width: 603px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-603 {
    max-width: 603px !important;
  }
}

.h-604 {
  height: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-604 {
    height: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-604 {
    height: 604px !important;
  }
}

.h-min-604 {
  min-height: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-604 {
    min-height: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-604 {
    min-height: 604px !important;
  }
}

.h-max-604 {
  max-height: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-604 {
    max-height: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-604 {
    max-height: 604px !important;
  }
}

.w-604 {
  width: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-604 {
    width: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-604 {
    width: 604px !important;
  }
}

.w-min-604 {
  min-width: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-604 {
    min-width: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-604 {
    min-width: 604px !important;
  }
}

.w-max-604 {
  max-width: 604px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-604 {
    max-width: 604px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-604 {
    max-width: 604px !important;
  }
}

.h-605 {
  height: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-605 {
    height: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-605 {
    height: 605px !important;
  }
}

.h-min-605 {
  min-height: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-605 {
    min-height: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-605 {
    min-height: 605px !important;
  }
}

.h-max-605 {
  max-height: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-605 {
    max-height: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-605 {
    max-height: 605px !important;
  }
}

.w-605 {
  width: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-605 {
    width: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-605 {
    width: 605px !important;
  }
}

.w-min-605 {
  min-width: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-605 {
    min-width: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-605 {
    min-width: 605px !important;
  }
}

.w-max-605 {
  max-width: 605px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-605 {
    max-width: 605px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-605 {
    max-width: 605px !important;
  }
}

.h-606 {
  height: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-606 {
    height: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-606 {
    height: 606px !important;
  }
}

.h-min-606 {
  min-height: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-606 {
    min-height: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-606 {
    min-height: 606px !important;
  }
}

.h-max-606 {
  max-height: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-606 {
    max-height: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-606 {
    max-height: 606px !important;
  }
}

.w-606 {
  width: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-606 {
    width: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-606 {
    width: 606px !important;
  }
}

.w-min-606 {
  min-width: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-606 {
    min-width: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-606 {
    min-width: 606px !important;
  }
}

.w-max-606 {
  max-width: 606px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-606 {
    max-width: 606px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-606 {
    max-width: 606px !important;
  }
}

.h-607 {
  height: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-607 {
    height: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-607 {
    height: 607px !important;
  }
}

.h-min-607 {
  min-height: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-607 {
    min-height: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-607 {
    min-height: 607px !important;
  }
}

.h-max-607 {
  max-height: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-607 {
    max-height: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-607 {
    max-height: 607px !important;
  }
}

.w-607 {
  width: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-607 {
    width: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-607 {
    width: 607px !important;
  }
}

.w-min-607 {
  min-width: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-607 {
    min-width: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-607 {
    min-width: 607px !important;
  }
}

.w-max-607 {
  max-width: 607px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-607 {
    max-width: 607px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-607 {
    max-width: 607px !important;
  }
}

.h-608 {
  height: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-608 {
    height: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-608 {
    height: 608px !important;
  }
}

.h-min-608 {
  min-height: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-608 {
    min-height: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-608 {
    min-height: 608px !important;
  }
}

.h-max-608 {
  max-height: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-608 {
    max-height: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-608 {
    max-height: 608px !important;
  }
}

.w-608 {
  width: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-608 {
    width: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-608 {
    width: 608px !important;
  }
}

.w-min-608 {
  min-width: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-608 {
    min-width: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-608 {
    min-width: 608px !important;
  }
}

.w-max-608 {
  max-width: 608px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-608 {
    max-width: 608px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-608 {
    max-width: 608px !important;
  }
}

.h-609 {
  height: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-609 {
    height: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-609 {
    height: 609px !important;
  }
}

.h-min-609 {
  min-height: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-609 {
    min-height: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-609 {
    min-height: 609px !important;
  }
}

.h-max-609 {
  max-height: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-609 {
    max-height: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-609 {
    max-height: 609px !important;
  }
}

.w-609 {
  width: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-609 {
    width: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-609 {
    width: 609px !important;
  }
}

.w-min-609 {
  min-width: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-609 {
    min-width: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-609 {
    min-width: 609px !important;
  }
}

.w-max-609 {
  max-width: 609px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-609 {
    max-width: 609px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-609 {
    max-width: 609px !important;
  }
}

.h-610 {
  height: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-610 {
    height: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-610 {
    height: 610px !important;
  }
}

.h-min-610 {
  min-height: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-610 {
    min-height: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-610 {
    min-height: 610px !important;
  }
}

.h-max-610 {
  max-height: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-610 {
    max-height: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-610 {
    max-height: 610px !important;
  }
}

.w-610 {
  width: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-610 {
    width: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-610 {
    width: 610px !important;
  }
}

.w-min-610 {
  min-width: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-610 {
    min-width: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-610 {
    min-width: 610px !important;
  }
}

.w-max-610 {
  max-width: 610px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-610 {
    max-width: 610px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-610 {
    max-width: 610px !important;
  }
}

.h-611 {
  height: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-611 {
    height: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-611 {
    height: 611px !important;
  }
}

.h-min-611 {
  min-height: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-611 {
    min-height: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-611 {
    min-height: 611px !important;
  }
}

.h-max-611 {
  max-height: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-611 {
    max-height: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-611 {
    max-height: 611px !important;
  }
}

.w-611 {
  width: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-611 {
    width: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-611 {
    width: 611px !important;
  }
}

.w-min-611 {
  min-width: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-611 {
    min-width: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-611 {
    min-width: 611px !important;
  }
}

.w-max-611 {
  max-width: 611px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-611 {
    max-width: 611px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-611 {
    max-width: 611px !important;
  }
}

.h-612 {
  height: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-612 {
    height: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-612 {
    height: 612px !important;
  }
}

.h-min-612 {
  min-height: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-612 {
    min-height: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-612 {
    min-height: 612px !important;
  }
}

.h-max-612 {
  max-height: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-612 {
    max-height: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-612 {
    max-height: 612px !important;
  }
}

.w-612 {
  width: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-612 {
    width: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-612 {
    width: 612px !important;
  }
}

.w-min-612 {
  min-width: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-612 {
    min-width: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-612 {
    min-width: 612px !important;
  }
}

.w-max-612 {
  max-width: 612px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-612 {
    max-width: 612px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-612 {
    max-width: 612px !important;
  }
}

.h-613 {
  height: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-613 {
    height: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-613 {
    height: 613px !important;
  }
}

.h-min-613 {
  min-height: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-613 {
    min-height: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-613 {
    min-height: 613px !important;
  }
}

.h-max-613 {
  max-height: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-613 {
    max-height: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-613 {
    max-height: 613px !important;
  }
}

.w-613 {
  width: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-613 {
    width: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-613 {
    width: 613px !important;
  }
}

.w-min-613 {
  min-width: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-613 {
    min-width: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-613 {
    min-width: 613px !important;
  }
}

.w-max-613 {
  max-width: 613px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-613 {
    max-width: 613px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-613 {
    max-width: 613px !important;
  }
}

.h-614 {
  height: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-614 {
    height: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-614 {
    height: 614px !important;
  }
}

.h-min-614 {
  min-height: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-614 {
    min-height: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-614 {
    min-height: 614px !important;
  }
}

.h-max-614 {
  max-height: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-614 {
    max-height: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-614 {
    max-height: 614px !important;
  }
}

.w-614 {
  width: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-614 {
    width: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-614 {
    width: 614px !important;
  }
}

.w-min-614 {
  min-width: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-614 {
    min-width: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-614 {
    min-width: 614px !important;
  }
}

.w-max-614 {
  max-width: 614px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-614 {
    max-width: 614px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-614 {
    max-width: 614px !important;
  }
}

.h-615 {
  height: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-615 {
    height: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-615 {
    height: 615px !important;
  }
}

.h-min-615 {
  min-height: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-615 {
    min-height: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-615 {
    min-height: 615px !important;
  }
}

.h-max-615 {
  max-height: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-615 {
    max-height: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-615 {
    max-height: 615px !important;
  }
}

.w-615 {
  width: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-615 {
    width: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-615 {
    width: 615px !important;
  }
}

.w-min-615 {
  min-width: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-615 {
    min-width: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-615 {
    min-width: 615px !important;
  }
}

.w-max-615 {
  max-width: 615px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-615 {
    max-width: 615px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-615 {
    max-width: 615px !important;
  }
}

.h-616 {
  height: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-616 {
    height: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-616 {
    height: 616px !important;
  }
}

.h-min-616 {
  min-height: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-616 {
    min-height: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-616 {
    min-height: 616px !important;
  }
}

.h-max-616 {
  max-height: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-616 {
    max-height: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-616 {
    max-height: 616px !important;
  }
}

.w-616 {
  width: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-616 {
    width: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-616 {
    width: 616px !important;
  }
}

.w-min-616 {
  min-width: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-616 {
    min-width: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-616 {
    min-width: 616px !important;
  }
}

.w-max-616 {
  max-width: 616px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-616 {
    max-width: 616px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-616 {
    max-width: 616px !important;
  }
}

.h-617 {
  height: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-617 {
    height: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-617 {
    height: 617px !important;
  }
}

.h-min-617 {
  min-height: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-617 {
    min-height: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-617 {
    min-height: 617px !important;
  }
}

.h-max-617 {
  max-height: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-617 {
    max-height: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-617 {
    max-height: 617px !important;
  }
}

.w-617 {
  width: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-617 {
    width: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-617 {
    width: 617px !important;
  }
}

.w-min-617 {
  min-width: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-617 {
    min-width: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-617 {
    min-width: 617px !important;
  }
}

.w-max-617 {
  max-width: 617px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-617 {
    max-width: 617px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-617 {
    max-width: 617px !important;
  }
}

.h-618 {
  height: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-618 {
    height: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-618 {
    height: 618px !important;
  }
}

.h-min-618 {
  min-height: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-618 {
    min-height: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-618 {
    min-height: 618px !important;
  }
}

.h-max-618 {
  max-height: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-618 {
    max-height: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-618 {
    max-height: 618px !important;
  }
}

.w-618 {
  width: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-618 {
    width: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-618 {
    width: 618px !important;
  }
}

.w-min-618 {
  min-width: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-618 {
    min-width: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-618 {
    min-width: 618px !important;
  }
}

.w-max-618 {
  max-width: 618px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-618 {
    max-width: 618px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-618 {
    max-width: 618px !important;
  }
}

.h-619 {
  height: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-619 {
    height: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-619 {
    height: 619px !important;
  }
}

.h-min-619 {
  min-height: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-619 {
    min-height: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-619 {
    min-height: 619px !important;
  }
}

.h-max-619 {
  max-height: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-619 {
    max-height: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-619 {
    max-height: 619px !important;
  }
}

.w-619 {
  width: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-619 {
    width: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-619 {
    width: 619px !important;
  }
}

.w-min-619 {
  min-width: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-619 {
    min-width: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-619 {
    min-width: 619px !important;
  }
}

.w-max-619 {
  max-width: 619px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-619 {
    max-width: 619px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-619 {
    max-width: 619px !important;
  }
}

.h-620 {
  height: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-620 {
    height: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-620 {
    height: 620px !important;
  }
}

.h-min-620 {
  min-height: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-620 {
    min-height: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-620 {
    min-height: 620px !important;
  }
}

.h-max-620 {
  max-height: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-620 {
    max-height: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-620 {
    max-height: 620px !important;
  }
}

.w-620 {
  width: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-620 {
    width: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-620 {
    width: 620px !important;
  }
}

.w-min-620 {
  min-width: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-620 {
    min-width: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-620 {
    min-width: 620px !important;
  }
}

.w-max-620 {
  max-width: 620px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-620 {
    max-width: 620px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-620 {
    max-width: 620px !important;
  }
}

.h-621 {
  height: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-621 {
    height: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-621 {
    height: 621px !important;
  }
}

.h-min-621 {
  min-height: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-621 {
    min-height: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-621 {
    min-height: 621px !important;
  }
}

.h-max-621 {
  max-height: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-621 {
    max-height: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-621 {
    max-height: 621px !important;
  }
}

.w-621 {
  width: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-621 {
    width: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-621 {
    width: 621px !important;
  }
}

.w-min-621 {
  min-width: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-621 {
    min-width: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-621 {
    min-width: 621px !important;
  }
}

.w-max-621 {
  max-width: 621px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-621 {
    max-width: 621px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-621 {
    max-width: 621px !important;
  }
}

.h-622 {
  height: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-622 {
    height: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-622 {
    height: 622px !important;
  }
}

.h-min-622 {
  min-height: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-622 {
    min-height: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-622 {
    min-height: 622px !important;
  }
}

.h-max-622 {
  max-height: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-622 {
    max-height: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-622 {
    max-height: 622px !important;
  }
}

.w-622 {
  width: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-622 {
    width: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-622 {
    width: 622px !important;
  }
}

.w-min-622 {
  min-width: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-622 {
    min-width: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-622 {
    min-width: 622px !important;
  }
}

.w-max-622 {
  max-width: 622px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-622 {
    max-width: 622px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-622 {
    max-width: 622px !important;
  }
}

.h-623 {
  height: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-623 {
    height: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-623 {
    height: 623px !important;
  }
}

.h-min-623 {
  min-height: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-623 {
    min-height: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-623 {
    min-height: 623px !important;
  }
}

.h-max-623 {
  max-height: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-623 {
    max-height: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-623 {
    max-height: 623px !important;
  }
}

.w-623 {
  width: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-623 {
    width: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-623 {
    width: 623px !important;
  }
}

.w-min-623 {
  min-width: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-623 {
    min-width: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-623 {
    min-width: 623px !important;
  }
}

.w-max-623 {
  max-width: 623px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-623 {
    max-width: 623px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-623 {
    max-width: 623px !important;
  }
}

.h-624 {
  height: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-624 {
    height: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-624 {
    height: 624px !important;
  }
}

.h-min-624 {
  min-height: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-624 {
    min-height: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-624 {
    min-height: 624px !important;
  }
}

.h-max-624 {
  max-height: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-624 {
    max-height: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-624 {
    max-height: 624px !important;
  }
}

.w-624 {
  width: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-624 {
    width: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-624 {
    width: 624px !important;
  }
}

.w-min-624 {
  min-width: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-624 {
    min-width: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-624 {
    min-width: 624px !important;
  }
}

.w-max-624 {
  max-width: 624px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-624 {
    max-width: 624px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-624 {
    max-width: 624px !important;
  }
}

.h-625 {
  height: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-625 {
    height: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-625 {
    height: 625px !important;
  }
}

.h-min-625 {
  min-height: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-625 {
    min-height: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-625 {
    min-height: 625px !important;
  }
}

.h-max-625 {
  max-height: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-625 {
    max-height: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-625 {
    max-height: 625px !important;
  }
}

.w-625 {
  width: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-625 {
    width: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-625 {
    width: 625px !important;
  }
}

.w-min-625 {
  min-width: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-625 {
    min-width: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-625 {
    min-width: 625px !important;
  }
}

.w-max-625 {
  max-width: 625px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-625 {
    max-width: 625px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-625 {
    max-width: 625px !important;
  }
}

.h-626 {
  height: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-626 {
    height: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-626 {
    height: 626px !important;
  }
}

.h-min-626 {
  min-height: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-626 {
    min-height: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-626 {
    min-height: 626px !important;
  }
}

.h-max-626 {
  max-height: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-626 {
    max-height: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-626 {
    max-height: 626px !important;
  }
}

.w-626 {
  width: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-626 {
    width: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-626 {
    width: 626px !important;
  }
}

.w-min-626 {
  min-width: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-626 {
    min-width: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-626 {
    min-width: 626px !important;
  }
}

.w-max-626 {
  max-width: 626px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-626 {
    max-width: 626px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-626 {
    max-width: 626px !important;
  }
}

.h-627 {
  height: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-627 {
    height: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-627 {
    height: 627px !important;
  }
}

.h-min-627 {
  min-height: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-627 {
    min-height: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-627 {
    min-height: 627px !important;
  }
}

.h-max-627 {
  max-height: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-627 {
    max-height: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-627 {
    max-height: 627px !important;
  }
}

.w-627 {
  width: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-627 {
    width: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-627 {
    width: 627px !important;
  }
}

.w-min-627 {
  min-width: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-627 {
    min-width: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-627 {
    min-width: 627px !important;
  }
}

.w-max-627 {
  max-width: 627px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-627 {
    max-width: 627px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-627 {
    max-width: 627px !important;
  }
}

.h-628 {
  height: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-628 {
    height: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-628 {
    height: 628px !important;
  }
}

.h-min-628 {
  min-height: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-628 {
    min-height: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-628 {
    min-height: 628px !important;
  }
}

.h-max-628 {
  max-height: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-628 {
    max-height: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-628 {
    max-height: 628px !important;
  }
}

.w-628 {
  width: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-628 {
    width: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-628 {
    width: 628px !important;
  }
}

.w-min-628 {
  min-width: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-628 {
    min-width: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-628 {
    min-width: 628px !important;
  }
}

.w-max-628 {
  max-width: 628px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-628 {
    max-width: 628px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-628 {
    max-width: 628px !important;
  }
}

.h-629 {
  height: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-629 {
    height: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-629 {
    height: 629px !important;
  }
}

.h-min-629 {
  min-height: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-629 {
    min-height: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-629 {
    min-height: 629px !important;
  }
}

.h-max-629 {
  max-height: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-629 {
    max-height: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-629 {
    max-height: 629px !important;
  }
}

.w-629 {
  width: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-629 {
    width: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-629 {
    width: 629px !important;
  }
}

.w-min-629 {
  min-width: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-629 {
    min-width: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-629 {
    min-width: 629px !important;
  }
}

.w-max-629 {
  max-width: 629px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-629 {
    max-width: 629px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-629 {
    max-width: 629px !important;
  }
}

.h-630 {
  height: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-630 {
    height: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-630 {
    height: 630px !important;
  }
}

.h-min-630 {
  min-height: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-630 {
    min-height: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-630 {
    min-height: 630px !important;
  }
}

.h-max-630 {
  max-height: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-630 {
    max-height: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-630 {
    max-height: 630px !important;
  }
}

.w-630 {
  width: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-630 {
    width: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-630 {
    width: 630px !important;
  }
}

.w-min-630 {
  min-width: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-630 {
    min-width: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-630 {
    min-width: 630px !important;
  }
}

.w-max-630 {
  max-width: 630px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-630 {
    max-width: 630px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-630 {
    max-width: 630px !important;
  }
}

.h-631 {
  height: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-631 {
    height: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-631 {
    height: 631px !important;
  }
}

.h-min-631 {
  min-height: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-631 {
    min-height: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-631 {
    min-height: 631px !important;
  }
}

.h-max-631 {
  max-height: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-631 {
    max-height: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-631 {
    max-height: 631px !important;
  }
}

.w-631 {
  width: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-631 {
    width: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-631 {
    width: 631px !important;
  }
}

.w-min-631 {
  min-width: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-631 {
    min-width: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-631 {
    min-width: 631px !important;
  }
}

.w-max-631 {
  max-width: 631px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-631 {
    max-width: 631px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-631 {
    max-width: 631px !important;
  }
}

.h-632 {
  height: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-632 {
    height: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-632 {
    height: 632px !important;
  }
}

.h-min-632 {
  min-height: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-632 {
    min-height: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-632 {
    min-height: 632px !important;
  }
}

.h-max-632 {
  max-height: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-632 {
    max-height: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-632 {
    max-height: 632px !important;
  }
}

.w-632 {
  width: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-632 {
    width: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-632 {
    width: 632px !important;
  }
}

.w-min-632 {
  min-width: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-632 {
    min-width: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-632 {
    min-width: 632px !important;
  }
}

.w-max-632 {
  max-width: 632px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-632 {
    max-width: 632px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-632 {
    max-width: 632px !important;
  }
}

.h-633 {
  height: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-633 {
    height: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-633 {
    height: 633px !important;
  }
}

.h-min-633 {
  min-height: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-633 {
    min-height: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-633 {
    min-height: 633px !important;
  }
}

.h-max-633 {
  max-height: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-633 {
    max-height: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-633 {
    max-height: 633px !important;
  }
}

.w-633 {
  width: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-633 {
    width: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-633 {
    width: 633px !important;
  }
}

.w-min-633 {
  min-width: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-633 {
    min-width: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-633 {
    min-width: 633px !important;
  }
}

.w-max-633 {
  max-width: 633px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-633 {
    max-width: 633px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-633 {
    max-width: 633px !important;
  }
}

.h-634 {
  height: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-634 {
    height: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-634 {
    height: 634px !important;
  }
}

.h-min-634 {
  min-height: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-634 {
    min-height: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-634 {
    min-height: 634px !important;
  }
}

.h-max-634 {
  max-height: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-634 {
    max-height: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-634 {
    max-height: 634px !important;
  }
}

.w-634 {
  width: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-634 {
    width: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-634 {
    width: 634px !important;
  }
}

.w-min-634 {
  min-width: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-634 {
    min-width: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-634 {
    min-width: 634px !important;
  }
}

.w-max-634 {
  max-width: 634px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-634 {
    max-width: 634px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-634 {
    max-width: 634px !important;
  }
}

.h-635 {
  height: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-635 {
    height: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-635 {
    height: 635px !important;
  }
}

.h-min-635 {
  min-height: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-635 {
    min-height: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-635 {
    min-height: 635px !important;
  }
}

.h-max-635 {
  max-height: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-635 {
    max-height: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-635 {
    max-height: 635px !important;
  }
}

.w-635 {
  width: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-635 {
    width: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-635 {
    width: 635px !important;
  }
}

.w-min-635 {
  min-width: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-635 {
    min-width: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-635 {
    min-width: 635px !important;
  }
}

.w-max-635 {
  max-width: 635px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-635 {
    max-width: 635px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-635 {
    max-width: 635px !important;
  }
}

.h-636 {
  height: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-636 {
    height: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-636 {
    height: 636px !important;
  }
}

.h-min-636 {
  min-height: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-636 {
    min-height: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-636 {
    min-height: 636px !important;
  }
}

.h-max-636 {
  max-height: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-636 {
    max-height: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-636 {
    max-height: 636px !important;
  }
}

.w-636 {
  width: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-636 {
    width: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-636 {
    width: 636px !important;
  }
}

.w-min-636 {
  min-width: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-636 {
    min-width: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-636 {
    min-width: 636px !important;
  }
}

.w-max-636 {
  max-width: 636px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-636 {
    max-width: 636px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-636 {
    max-width: 636px !important;
  }
}

.h-637 {
  height: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-637 {
    height: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-637 {
    height: 637px !important;
  }
}

.h-min-637 {
  min-height: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-637 {
    min-height: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-637 {
    min-height: 637px !important;
  }
}

.h-max-637 {
  max-height: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-637 {
    max-height: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-637 {
    max-height: 637px !important;
  }
}

.w-637 {
  width: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-637 {
    width: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-637 {
    width: 637px !important;
  }
}

.w-min-637 {
  min-width: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-637 {
    min-width: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-637 {
    min-width: 637px !important;
  }
}

.w-max-637 {
  max-width: 637px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-637 {
    max-width: 637px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-637 {
    max-width: 637px !important;
  }
}

.h-638 {
  height: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-638 {
    height: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-638 {
    height: 638px !important;
  }
}

.h-min-638 {
  min-height: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-638 {
    min-height: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-638 {
    min-height: 638px !important;
  }
}

.h-max-638 {
  max-height: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-638 {
    max-height: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-638 {
    max-height: 638px !important;
  }
}

.w-638 {
  width: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-638 {
    width: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-638 {
    width: 638px !important;
  }
}

.w-min-638 {
  min-width: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-638 {
    min-width: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-638 {
    min-width: 638px !important;
  }
}

.w-max-638 {
  max-width: 638px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-638 {
    max-width: 638px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-638 {
    max-width: 638px !important;
  }
}

.h-639 {
  height: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-639 {
    height: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-639 {
    height: 639px !important;
  }
}

.h-min-639 {
  min-height: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-639 {
    min-height: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-639 {
    min-height: 639px !important;
  }
}

.h-max-639 {
  max-height: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-639 {
    max-height: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-639 {
    max-height: 639px !important;
  }
}

.w-639 {
  width: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-639 {
    width: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-639 {
    width: 639px !important;
  }
}

.w-min-639 {
  min-width: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-639 {
    min-width: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-639 {
    min-width: 639px !important;
  }
}

.w-max-639 {
  max-width: 639px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-639 {
    max-width: 639px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-639 {
    max-width: 639px !important;
  }
}

.h-640 {
  height: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-640 {
    height: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-640 {
    height: 640px !important;
  }
}

.h-min-640 {
  min-height: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-640 {
    min-height: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-640 {
    min-height: 640px !important;
  }
}

.h-max-640 {
  max-height: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-640 {
    max-height: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-640 {
    max-height: 640px !important;
  }
}

.w-640 {
  width: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-640 {
    width: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-640 {
    width: 640px !important;
  }
}

.w-min-640 {
  min-width: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-640 {
    min-width: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-640 {
    min-width: 640px !important;
  }
}

.w-max-640 {
  max-width: 640px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-640 {
    max-width: 640px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-640 {
    max-width: 640px !important;
  }
}

.h-641 {
  height: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-641 {
    height: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-641 {
    height: 641px !important;
  }
}

.h-min-641 {
  min-height: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-641 {
    min-height: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-641 {
    min-height: 641px !important;
  }
}

.h-max-641 {
  max-height: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-641 {
    max-height: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-641 {
    max-height: 641px !important;
  }
}

.w-641 {
  width: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-641 {
    width: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-641 {
    width: 641px !important;
  }
}

.w-min-641 {
  min-width: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-641 {
    min-width: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-641 {
    min-width: 641px !important;
  }
}

.w-max-641 {
  max-width: 641px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-641 {
    max-width: 641px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-641 {
    max-width: 641px !important;
  }
}

.h-642 {
  height: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-642 {
    height: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-642 {
    height: 642px !important;
  }
}

.h-min-642 {
  min-height: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-642 {
    min-height: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-642 {
    min-height: 642px !important;
  }
}

.h-max-642 {
  max-height: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-642 {
    max-height: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-642 {
    max-height: 642px !important;
  }
}

.w-642 {
  width: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-642 {
    width: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-642 {
    width: 642px !important;
  }
}

.w-min-642 {
  min-width: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-642 {
    min-width: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-642 {
    min-width: 642px !important;
  }
}

.w-max-642 {
  max-width: 642px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-642 {
    max-width: 642px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-642 {
    max-width: 642px !important;
  }
}

.h-643 {
  height: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-643 {
    height: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-643 {
    height: 643px !important;
  }
}

.h-min-643 {
  min-height: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-643 {
    min-height: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-643 {
    min-height: 643px !important;
  }
}

.h-max-643 {
  max-height: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-643 {
    max-height: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-643 {
    max-height: 643px !important;
  }
}

.w-643 {
  width: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-643 {
    width: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-643 {
    width: 643px !important;
  }
}

.w-min-643 {
  min-width: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-643 {
    min-width: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-643 {
    min-width: 643px !important;
  }
}

.w-max-643 {
  max-width: 643px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-643 {
    max-width: 643px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-643 {
    max-width: 643px !important;
  }
}

.h-644 {
  height: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-644 {
    height: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-644 {
    height: 644px !important;
  }
}

.h-min-644 {
  min-height: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-644 {
    min-height: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-644 {
    min-height: 644px !important;
  }
}

.h-max-644 {
  max-height: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-644 {
    max-height: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-644 {
    max-height: 644px !important;
  }
}

.w-644 {
  width: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-644 {
    width: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-644 {
    width: 644px !important;
  }
}

.w-min-644 {
  min-width: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-644 {
    min-width: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-644 {
    min-width: 644px !important;
  }
}

.w-max-644 {
  max-width: 644px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-644 {
    max-width: 644px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-644 {
    max-width: 644px !important;
  }
}

.h-645 {
  height: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-645 {
    height: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-645 {
    height: 645px !important;
  }
}

.h-min-645 {
  min-height: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-645 {
    min-height: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-645 {
    min-height: 645px !important;
  }
}

.h-max-645 {
  max-height: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-645 {
    max-height: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-645 {
    max-height: 645px !important;
  }
}

.w-645 {
  width: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-645 {
    width: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-645 {
    width: 645px !important;
  }
}

.w-min-645 {
  min-width: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-645 {
    min-width: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-645 {
    min-width: 645px !important;
  }
}

.w-max-645 {
  max-width: 645px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-645 {
    max-width: 645px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-645 {
    max-width: 645px !important;
  }
}

.h-646 {
  height: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-646 {
    height: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-646 {
    height: 646px !important;
  }
}

.h-min-646 {
  min-height: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-646 {
    min-height: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-646 {
    min-height: 646px !important;
  }
}

.h-max-646 {
  max-height: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-646 {
    max-height: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-646 {
    max-height: 646px !important;
  }
}

.w-646 {
  width: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-646 {
    width: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-646 {
    width: 646px !important;
  }
}

.w-min-646 {
  min-width: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-646 {
    min-width: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-646 {
    min-width: 646px !important;
  }
}

.w-max-646 {
  max-width: 646px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-646 {
    max-width: 646px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-646 {
    max-width: 646px !important;
  }
}

.h-647 {
  height: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-647 {
    height: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-647 {
    height: 647px !important;
  }
}

.h-min-647 {
  min-height: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-647 {
    min-height: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-647 {
    min-height: 647px !important;
  }
}

.h-max-647 {
  max-height: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-647 {
    max-height: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-647 {
    max-height: 647px !important;
  }
}

.w-647 {
  width: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-647 {
    width: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-647 {
    width: 647px !important;
  }
}

.w-min-647 {
  min-width: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-647 {
    min-width: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-647 {
    min-width: 647px !important;
  }
}

.w-max-647 {
  max-width: 647px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-647 {
    max-width: 647px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-647 {
    max-width: 647px !important;
  }
}

.h-648 {
  height: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-648 {
    height: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-648 {
    height: 648px !important;
  }
}

.h-min-648 {
  min-height: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-648 {
    min-height: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-648 {
    min-height: 648px !important;
  }
}

.h-max-648 {
  max-height: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-648 {
    max-height: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-648 {
    max-height: 648px !important;
  }
}

.w-648 {
  width: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-648 {
    width: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-648 {
    width: 648px !important;
  }
}

.w-min-648 {
  min-width: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-648 {
    min-width: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-648 {
    min-width: 648px !important;
  }
}

.w-max-648 {
  max-width: 648px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-648 {
    max-width: 648px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-648 {
    max-width: 648px !important;
  }
}

.h-649 {
  height: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-649 {
    height: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-649 {
    height: 649px !important;
  }
}

.h-min-649 {
  min-height: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-649 {
    min-height: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-649 {
    min-height: 649px !important;
  }
}

.h-max-649 {
  max-height: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-649 {
    max-height: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-649 {
    max-height: 649px !important;
  }
}

.w-649 {
  width: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-649 {
    width: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-649 {
    width: 649px !important;
  }
}

.w-min-649 {
  min-width: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-649 {
    min-width: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-649 {
    min-width: 649px !important;
  }
}

.w-max-649 {
  max-width: 649px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-649 {
    max-width: 649px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-649 {
    max-width: 649px !important;
  }
}

.h-650 {
  height: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-650 {
    height: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-650 {
    height: 650px !important;
  }
}

.h-min-650 {
  min-height: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-650 {
    min-height: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-650 {
    min-height: 650px !important;
  }
}

.h-max-650 {
  max-height: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-650 {
    max-height: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-650 {
    max-height: 650px !important;
  }
}

.w-650 {
  width: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-650 {
    width: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-650 {
    width: 650px !important;
  }
}

.w-min-650 {
  min-width: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-650 {
    min-width: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-650 {
    min-width: 650px !important;
  }
}

.w-max-650 {
  max-width: 650px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-650 {
    max-width: 650px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-650 {
    max-width: 650px !important;
  }
}

.h-651 {
  height: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-651 {
    height: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-651 {
    height: 651px !important;
  }
}

.h-min-651 {
  min-height: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-651 {
    min-height: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-651 {
    min-height: 651px !important;
  }
}

.h-max-651 {
  max-height: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-651 {
    max-height: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-651 {
    max-height: 651px !important;
  }
}

.w-651 {
  width: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-651 {
    width: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-651 {
    width: 651px !important;
  }
}

.w-min-651 {
  min-width: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-651 {
    min-width: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-651 {
    min-width: 651px !important;
  }
}

.w-max-651 {
  max-width: 651px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-651 {
    max-width: 651px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-651 {
    max-width: 651px !important;
  }
}

.h-652 {
  height: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-652 {
    height: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-652 {
    height: 652px !important;
  }
}

.h-min-652 {
  min-height: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-652 {
    min-height: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-652 {
    min-height: 652px !important;
  }
}

.h-max-652 {
  max-height: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-652 {
    max-height: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-652 {
    max-height: 652px !important;
  }
}

.w-652 {
  width: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-652 {
    width: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-652 {
    width: 652px !important;
  }
}

.w-min-652 {
  min-width: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-652 {
    min-width: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-652 {
    min-width: 652px !important;
  }
}

.w-max-652 {
  max-width: 652px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-652 {
    max-width: 652px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-652 {
    max-width: 652px !important;
  }
}

.h-653 {
  height: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-653 {
    height: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-653 {
    height: 653px !important;
  }
}

.h-min-653 {
  min-height: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-653 {
    min-height: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-653 {
    min-height: 653px !important;
  }
}

.h-max-653 {
  max-height: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-653 {
    max-height: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-653 {
    max-height: 653px !important;
  }
}

.w-653 {
  width: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-653 {
    width: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-653 {
    width: 653px !important;
  }
}

.w-min-653 {
  min-width: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-653 {
    min-width: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-653 {
    min-width: 653px !important;
  }
}

.w-max-653 {
  max-width: 653px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-653 {
    max-width: 653px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-653 {
    max-width: 653px !important;
  }
}

.h-654 {
  height: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-654 {
    height: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-654 {
    height: 654px !important;
  }
}

.h-min-654 {
  min-height: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-654 {
    min-height: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-654 {
    min-height: 654px !important;
  }
}

.h-max-654 {
  max-height: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-654 {
    max-height: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-654 {
    max-height: 654px !important;
  }
}

.w-654 {
  width: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-654 {
    width: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-654 {
    width: 654px !important;
  }
}

.w-min-654 {
  min-width: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-654 {
    min-width: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-654 {
    min-width: 654px !important;
  }
}

.w-max-654 {
  max-width: 654px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-654 {
    max-width: 654px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-654 {
    max-width: 654px !important;
  }
}

.h-655 {
  height: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-655 {
    height: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-655 {
    height: 655px !important;
  }
}

.h-min-655 {
  min-height: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-655 {
    min-height: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-655 {
    min-height: 655px !important;
  }
}

.h-max-655 {
  max-height: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-655 {
    max-height: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-655 {
    max-height: 655px !important;
  }
}

.w-655 {
  width: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-655 {
    width: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-655 {
    width: 655px !important;
  }
}

.w-min-655 {
  min-width: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-655 {
    min-width: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-655 {
    min-width: 655px !important;
  }
}

.w-max-655 {
  max-width: 655px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-655 {
    max-width: 655px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-655 {
    max-width: 655px !important;
  }
}

.h-656 {
  height: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-656 {
    height: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-656 {
    height: 656px !important;
  }
}

.h-min-656 {
  min-height: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-656 {
    min-height: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-656 {
    min-height: 656px !important;
  }
}

.h-max-656 {
  max-height: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-656 {
    max-height: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-656 {
    max-height: 656px !important;
  }
}

.w-656 {
  width: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-656 {
    width: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-656 {
    width: 656px !important;
  }
}

.w-min-656 {
  min-width: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-656 {
    min-width: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-656 {
    min-width: 656px !important;
  }
}

.w-max-656 {
  max-width: 656px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-656 {
    max-width: 656px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-656 {
    max-width: 656px !important;
  }
}

.h-657 {
  height: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-657 {
    height: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-657 {
    height: 657px !important;
  }
}

.h-min-657 {
  min-height: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-657 {
    min-height: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-657 {
    min-height: 657px !important;
  }
}

.h-max-657 {
  max-height: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-657 {
    max-height: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-657 {
    max-height: 657px !important;
  }
}

.w-657 {
  width: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-657 {
    width: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-657 {
    width: 657px !important;
  }
}

.w-min-657 {
  min-width: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-657 {
    min-width: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-657 {
    min-width: 657px !important;
  }
}

.w-max-657 {
  max-width: 657px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-657 {
    max-width: 657px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-657 {
    max-width: 657px !important;
  }
}

.h-658 {
  height: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-658 {
    height: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-658 {
    height: 658px !important;
  }
}

.h-min-658 {
  min-height: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-658 {
    min-height: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-658 {
    min-height: 658px !important;
  }
}

.h-max-658 {
  max-height: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-658 {
    max-height: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-658 {
    max-height: 658px !important;
  }
}

.w-658 {
  width: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-658 {
    width: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-658 {
    width: 658px !important;
  }
}

.w-min-658 {
  min-width: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-658 {
    min-width: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-658 {
    min-width: 658px !important;
  }
}

.w-max-658 {
  max-width: 658px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-658 {
    max-width: 658px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-658 {
    max-width: 658px !important;
  }
}

.h-659 {
  height: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-659 {
    height: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-659 {
    height: 659px !important;
  }
}

.h-min-659 {
  min-height: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-659 {
    min-height: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-659 {
    min-height: 659px !important;
  }
}

.h-max-659 {
  max-height: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-659 {
    max-height: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-659 {
    max-height: 659px !important;
  }
}

.w-659 {
  width: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-659 {
    width: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-659 {
    width: 659px !important;
  }
}

.w-min-659 {
  min-width: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-659 {
    min-width: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-659 {
    min-width: 659px !important;
  }
}

.w-max-659 {
  max-width: 659px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-659 {
    max-width: 659px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-659 {
    max-width: 659px !important;
  }
}

.h-660 {
  height: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-660 {
    height: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-660 {
    height: 660px !important;
  }
}

.h-min-660 {
  min-height: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-660 {
    min-height: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-660 {
    min-height: 660px !important;
  }
}

.h-max-660 {
  max-height: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-660 {
    max-height: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-660 {
    max-height: 660px !important;
  }
}

.w-660 {
  width: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-660 {
    width: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-660 {
    width: 660px !important;
  }
}

.w-min-660 {
  min-width: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-660 {
    min-width: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-660 {
    min-width: 660px !important;
  }
}

.w-max-660 {
  max-width: 660px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-660 {
    max-width: 660px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-660 {
    max-width: 660px !important;
  }
}

.h-661 {
  height: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-661 {
    height: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-661 {
    height: 661px !important;
  }
}

.h-min-661 {
  min-height: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-661 {
    min-height: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-661 {
    min-height: 661px !important;
  }
}

.h-max-661 {
  max-height: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-661 {
    max-height: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-661 {
    max-height: 661px !important;
  }
}

.w-661 {
  width: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-661 {
    width: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-661 {
    width: 661px !important;
  }
}

.w-min-661 {
  min-width: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-661 {
    min-width: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-661 {
    min-width: 661px !important;
  }
}

.w-max-661 {
  max-width: 661px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-661 {
    max-width: 661px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-661 {
    max-width: 661px !important;
  }
}

.h-662 {
  height: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-662 {
    height: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-662 {
    height: 662px !important;
  }
}

.h-min-662 {
  min-height: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-662 {
    min-height: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-662 {
    min-height: 662px !important;
  }
}

.h-max-662 {
  max-height: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-662 {
    max-height: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-662 {
    max-height: 662px !important;
  }
}

.w-662 {
  width: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-662 {
    width: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-662 {
    width: 662px !important;
  }
}

.w-min-662 {
  min-width: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-662 {
    min-width: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-662 {
    min-width: 662px !important;
  }
}

.w-max-662 {
  max-width: 662px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-662 {
    max-width: 662px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-662 {
    max-width: 662px !important;
  }
}

.h-663 {
  height: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-663 {
    height: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-663 {
    height: 663px !important;
  }
}

.h-min-663 {
  min-height: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-663 {
    min-height: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-663 {
    min-height: 663px !important;
  }
}

.h-max-663 {
  max-height: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-663 {
    max-height: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-663 {
    max-height: 663px !important;
  }
}

.w-663 {
  width: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-663 {
    width: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-663 {
    width: 663px !important;
  }
}

.w-min-663 {
  min-width: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-663 {
    min-width: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-663 {
    min-width: 663px !important;
  }
}

.w-max-663 {
  max-width: 663px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-663 {
    max-width: 663px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-663 {
    max-width: 663px !important;
  }
}

.h-664 {
  height: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-664 {
    height: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-664 {
    height: 664px !important;
  }
}

.h-min-664 {
  min-height: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-664 {
    min-height: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-664 {
    min-height: 664px !important;
  }
}

.h-max-664 {
  max-height: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-664 {
    max-height: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-664 {
    max-height: 664px !important;
  }
}

.w-664 {
  width: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-664 {
    width: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-664 {
    width: 664px !important;
  }
}

.w-min-664 {
  min-width: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-664 {
    min-width: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-664 {
    min-width: 664px !important;
  }
}

.w-max-664 {
  max-width: 664px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-664 {
    max-width: 664px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-664 {
    max-width: 664px !important;
  }
}

.h-665 {
  height: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-665 {
    height: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-665 {
    height: 665px !important;
  }
}

.h-min-665 {
  min-height: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-665 {
    min-height: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-665 {
    min-height: 665px !important;
  }
}

.h-max-665 {
  max-height: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-665 {
    max-height: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-665 {
    max-height: 665px !important;
  }
}

.w-665 {
  width: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-665 {
    width: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-665 {
    width: 665px !important;
  }
}

.w-min-665 {
  min-width: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-665 {
    min-width: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-665 {
    min-width: 665px !important;
  }
}

.w-max-665 {
  max-width: 665px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-665 {
    max-width: 665px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-665 {
    max-width: 665px !important;
  }
}

.h-666 {
  height: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-666 {
    height: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-666 {
    height: 666px !important;
  }
}

.h-min-666 {
  min-height: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-666 {
    min-height: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-666 {
    min-height: 666px !important;
  }
}

.h-max-666 {
  max-height: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-666 {
    max-height: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-666 {
    max-height: 666px !important;
  }
}

.w-666 {
  width: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-666 {
    width: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-666 {
    width: 666px !important;
  }
}

.w-min-666 {
  min-width: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-666 {
    min-width: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-666 {
    min-width: 666px !important;
  }
}

.w-max-666 {
  max-width: 666px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-666 {
    max-width: 666px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-666 {
    max-width: 666px !important;
  }
}

.h-667 {
  height: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-667 {
    height: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-667 {
    height: 667px !important;
  }
}

.h-min-667 {
  min-height: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-667 {
    min-height: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-667 {
    min-height: 667px !important;
  }
}

.h-max-667 {
  max-height: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-667 {
    max-height: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-667 {
    max-height: 667px !important;
  }
}

.w-667 {
  width: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-667 {
    width: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-667 {
    width: 667px !important;
  }
}

.w-min-667 {
  min-width: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-667 {
    min-width: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-667 {
    min-width: 667px !important;
  }
}

.w-max-667 {
  max-width: 667px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-667 {
    max-width: 667px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-667 {
    max-width: 667px !important;
  }
}

.h-668 {
  height: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-668 {
    height: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-668 {
    height: 668px !important;
  }
}

.h-min-668 {
  min-height: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-668 {
    min-height: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-668 {
    min-height: 668px !important;
  }
}

.h-max-668 {
  max-height: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-668 {
    max-height: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-668 {
    max-height: 668px !important;
  }
}

.w-668 {
  width: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-668 {
    width: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-668 {
    width: 668px !important;
  }
}

.w-min-668 {
  min-width: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-668 {
    min-width: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-668 {
    min-width: 668px !important;
  }
}

.w-max-668 {
  max-width: 668px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-668 {
    max-width: 668px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-668 {
    max-width: 668px !important;
  }
}

.h-669 {
  height: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-669 {
    height: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-669 {
    height: 669px !important;
  }
}

.h-min-669 {
  min-height: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-669 {
    min-height: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-669 {
    min-height: 669px !important;
  }
}

.h-max-669 {
  max-height: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-669 {
    max-height: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-669 {
    max-height: 669px !important;
  }
}

.w-669 {
  width: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-669 {
    width: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-669 {
    width: 669px !important;
  }
}

.w-min-669 {
  min-width: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-669 {
    min-width: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-669 {
    min-width: 669px !important;
  }
}

.w-max-669 {
  max-width: 669px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-669 {
    max-width: 669px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-669 {
    max-width: 669px !important;
  }
}

.h-670 {
  height: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-670 {
    height: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-670 {
    height: 670px !important;
  }
}

.h-min-670 {
  min-height: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-670 {
    min-height: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-670 {
    min-height: 670px !important;
  }
}

.h-max-670 {
  max-height: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-670 {
    max-height: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-670 {
    max-height: 670px !important;
  }
}

.w-670 {
  width: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-670 {
    width: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-670 {
    width: 670px !important;
  }
}

.w-min-670 {
  min-width: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-670 {
    min-width: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-670 {
    min-width: 670px !important;
  }
}

.w-max-670 {
  max-width: 670px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-670 {
    max-width: 670px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-670 {
    max-width: 670px !important;
  }
}

.h-671 {
  height: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-671 {
    height: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-671 {
    height: 671px !important;
  }
}

.h-min-671 {
  min-height: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-671 {
    min-height: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-671 {
    min-height: 671px !important;
  }
}

.h-max-671 {
  max-height: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-671 {
    max-height: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-671 {
    max-height: 671px !important;
  }
}

.w-671 {
  width: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-671 {
    width: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-671 {
    width: 671px !important;
  }
}

.w-min-671 {
  min-width: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-671 {
    min-width: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-671 {
    min-width: 671px !important;
  }
}

.w-max-671 {
  max-width: 671px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-671 {
    max-width: 671px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-671 {
    max-width: 671px !important;
  }
}

.h-672 {
  height: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-672 {
    height: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-672 {
    height: 672px !important;
  }
}

.h-min-672 {
  min-height: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-672 {
    min-height: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-672 {
    min-height: 672px !important;
  }
}

.h-max-672 {
  max-height: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-672 {
    max-height: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-672 {
    max-height: 672px !important;
  }
}

.w-672 {
  width: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-672 {
    width: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-672 {
    width: 672px !important;
  }
}

.w-min-672 {
  min-width: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-672 {
    min-width: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-672 {
    min-width: 672px !important;
  }
}

.w-max-672 {
  max-width: 672px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-672 {
    max-width: 672px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-672 {
    max-width: 672px !important;
  }
}

.h-673 {
  height: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-673 {
    height: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-673 {
    height: 673px !important;
  }
}

.h-min-673 {
  min-height: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-673 {
    min-height: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-673 {
    min-height: 673px !important;
  }
}

.h-max-673 {
  max-height: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-673 {
    max-height: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-673 {
    max-height: 673px !important;
  }
}

.w-673 {
  width: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-673 {
    width: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-673 {
    width: 673px !important;
  }
}

.w-min-673 {
  min-width: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-673 {
    min-width: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-673 {
    min-width: 673px !important;
  }
}

.w-max-673 {
  max-width: 673px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-673 {
    max-width: 673px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-673 {
    max-width: 673px !important;
  }
}

.h-674 {
  height: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-674 {
    height: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-674 {
    height: 674px !important;
  }
}

.h-min-674 {
  min-height: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-674 {
    min-height: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-674 {
    min-height: 674px !important;
  }
}

.h-max-674 {
  max-height: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-674 {
    max-height: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-674 {
    max-height: 674px !important;
  }
}

.w-674 {
  width: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-674 {
    width: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-674 {
    width: 674px !important;
  }
}

.w-min-674 {
  min-width: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-674 {
    min-width: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-674 {
    min-width: 674px !important;
  }
}

.w-max-674 {
  max-width: 674px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-674 {
    max-width: 674px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-674 {
    max-width: 674px !important;
  }
}

.h-675 {
  height: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-675 {
    height: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-675 {
    height: 675px !important;
  }
}

.h-min-675 {
  min-height: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-675 {
    min-height: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-675 {
    min-height: 675px !important;
  }
}

.h-max-675 {
  max-height: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-675 {
    max-height: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-675 {
    max-height: 675px !important;
  }
}

.w-675 {
  width: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-675 {
    width: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-675 {
    width: 675px !important;
  }
}

.w-min-675 {
  min-width: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-675 {
    min-width: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-675 {
    min-width: 675px !important;
  }
}

.w-max-675 {
  max-width: 675px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-675 {
    max-width: 675px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-675 {
    max-width: 675px !important;
  }
}

.h-676 {
  height: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-676 {
    height: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-676 {
    height: 676px !important;
  }
}

.h-min-676 {
  min-height: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-676 {
    min-height: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-676 {
    min-height: 676px !important;
  }
}

.h-max-676 {
  max-height: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-676 {
    max-height: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-676 {
    max-height: 676px !important;
  }
}

.w-676 {
  width: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-676 {
    width: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-676 {
    width: 676px !important;
  }
}

.w-min-676 {
  min-width: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-676 {
    min-width: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-676 {
    min-width: 676px !important;
  }
}

.w-max-676 {
  max-width: 676px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-676 {
    max-width: 676px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-676 {
    max-width: 676px !important;
  }
}

.h-677 {
  height: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-677 {
    height: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-677 {
    height: 677px !important;
  }
}

.h-min-677 {
  min-height: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-677 {
    min-height: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-677 {
    min-height: 677px !important;
  }
}

.h-max-677 {
  max-height: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-677 {
    max-height: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-677 {
    max-height: 677px !important;
  }
}

.w-677 {
  width: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-677 {
    width: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-677 {
    width: 677px !important;
  }
}

.w-min-677 {
  min-width: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-677 {
    min-width: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-677 {
    min-width: 677px !important;
  }
}

.w-max-677 {
  max-width: 677px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-677 {
    max-width: 677px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-677 {
    max-width: 677px !important;
  }
}

.h-678 {
  height: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-678 {
    height: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-678 {
    height: 678px !important;
  }
}

.h-min-678 {
  min-height: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-678 {
    min-height: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-678 {
    min-height: 678px !important;
  }
}

.h-max-678 {
  max-height: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-678 {
    max-height: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-678 {
    max-height: 678px !important;
  }
}

.w-678 {
  width: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-678 {
    width: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-678 {
    width: 678px !important;
  }
}

.w-min-678 {
  min-width: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-678 {
    min-width: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-678 {
    min-width: 678px !important;
  }
}

.w-max-678 {
  max-width: 678px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-678 {
    max-width: 678px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-678 {
    max-width: 678px !important;
  }
}

.h-679 {
  height: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-679 {
    height: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-679 {
    height: 679px !important;
  }
}

.h-min-679 {
  min-height: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-679 {
    min-height: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-679 {
    min-height: 679px !important;
  }
}

.h-max-679 {
  max-height: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-679 {
    max-height: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-679 {
    max-height: 679px !important;
  }
}

.w-679 {
  width: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-679 {
    width: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-679 {
    width: 679px !important;
  }
}

.w-min-679 {
  min-width: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-679 {
    min-width: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-679 {
    min-width: 679px !important;
  }
}

.w-max-679 {
  max-width: 679px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-679 {
    max-width: 679px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-679 {
    max-width: 679px !important;
  }
}

.h-680 {
  height: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-680 {
    height: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-680 {
    height: 680px !important;
  }
}

.h-min-680 {
  min-height: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-680 {
    min-height: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-680 {
    min-height: 680px !important;
  }
}

.h-max-680 {
  max-height: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-680 {
    max-height: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-680 {
    max-height: 680px !important;
  }
}

.w-680 {
  width: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-680 {
    width: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-680 {
    width: 680px !important;
  }
}

.w-min-680 {
  min-width: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-680 {
    min-width: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-680 {
    min-width: 680px !important;
  }
}

.w-max-680 {
  max-width: 680px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-680 {
    max-width: 680px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-680 {
    max-width: 680px !important;
  }
}

.h-681 {
  height: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-681 {
    height: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-681 {
    height: 681px !important;
  }
}

.h-min-681 {
  min-height: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-681 {
    min-height: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-681 {
    min-height: 681px !important;
  }
}

.h-max-681 {
  max-height: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-681 {
    max-height: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-681 {
    max-height: 681px !important;
  }
}

.w-681 {
  width: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-681 {
    width: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-681 {
    width: 681px !important;
  }
}

.w-min-681 {
  min-width: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-681 {
    min-width: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-681 {
    min-width: 681px !important;
  }
}

.w-max-681 {
  max-width: 681px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-681 {
    max-width: 681px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-681 {
    max-width: 681px !important;
  }
}

.h-682 {
  height: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-682 {
    height: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-682 {
    height: 682px !important;
  }
}

.h-min-682 {
  min-height: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-682 {
    min-height: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-682 {
    min-height: 682px !important;
  }
}

.h-max-682 {
  max-height: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-682 {
    max-height: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-682 {
    max-height: 682px !important;
  }
}

.w-682 {
  width: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-682 {
    width: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-682 {
    width: 682px !important;
  }
}

.w-min-682 {
  min-width: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-682 {
    min-width: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-682 {
    min-width: 682px !important;
  }
}

.w-max-682 {
  max-width: 682px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-682 {
    max-width: 682px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-682 {
    max-width: 682px !important;
  }
}

.h-683 {
  height: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-683 {
    height: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-683 {
    height: 683px !important;
  }
}

.h-min-683 {
  min-height: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-683 {
    min-height: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-683 {
    min-height: 683px !important;
  }
}

.h-max-683 {
  max-height: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-683 {
    max-height: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-683 {
    max-height: 683px !important;
  }
}

.w-683 {
  width: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-683 {
    width: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-683 {
    width: 683px !important;
  }
}

.w-min-683 {
  min-width: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-683 {
    min-width: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-683 {
    min-width: 683px !important;
  }
}

.w-max-683 {
  max-width: 683px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-683 {
    max-width: 683px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-683 {
    max-width: 683px !important;
  }
}

.h-684 {
  height: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-684 {
    height: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-684 {
    height: 684px !important;
  }
}

.h-min-684 {
  min-height: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-684 {
    min-height: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-684 {
    min-height: 684px !important;
  }
}

.h-max-684 {
  max-height: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-684 {
    max-height: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-684 {
    max-height: 684px !important;
  }
}

.w-684 {
  width: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-684 {
    width: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-684 {
    width: 684px !important;
  }
}

.w-min-684 {
  min-width: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-684 {
    min-width: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-684 {
    min-width: 684px !important;
  }
}

.w-max-684 {
  max-width: 684px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-684 {
    max-width: 684px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-684 {
    max-width: 684px !important;
  }
}

.h-685 {
  height: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-685 {
    height: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-685 {
    height: 685px !important;
  }
}

.h-min-685 {
  min-height: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-685 {
    min-height: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-685 {
    min-height: 685px !important;
  }
}

.h-max-685 {
  max-height: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-685 {
    max-height: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-685 {
    max-height: 685px !important;
  }
}

.w-685 {
  width: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-685 {
    width: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-685 {
    width: 685px !important;
  }
}

.w-min-685 {
  min-width: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-685 {
    min-width: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-685 {
    min-width: 685px !important;
  }
}

.w-max-685 {
  max-width: 685px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-685 {
    max-width: 685px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-685 {
    max-width: 685px !important;
  }
}

.h-686 {
  height: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-686 {
    height: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-686 {
    height: 686px !important;
  }
}

.h-min-686 {
  min-height: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-686 {
    min-height: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-686 {
    min-height: 686px !important;
  }
}

.h-max-686 {
  max-height: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-686 {
    max-height: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-686 {
    max-height: 686px !important;
  }
}

.w-686 {
  width: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-686 {
    width: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-686 {
    width: 686px !important;
  }
}

.w-min-686 {
  min-width: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-686 {
    min-width: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-686 {
    min-width: 686px !important;
  }
}

.w-max-686 {
  max-width: 686px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-686 {
    max-width: 686px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-686 {
    max-width: 686px !important;
  }
}

.h-687 {
  height: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-687 {
    height: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-687 {
    height: 687px !important;
  }
}

.h-min-687 {
  min-height: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-687 {
    min-height: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-687 {
    min-height: 687px !important;
  }
}

.h-max-687 {
  max-height: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-687 {
    max-height: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-687 {
    max-height: 687px !important;
  }
}

.w-687 {
  width: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-687 {
    width: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-687 {
    width: 687px !important;
  }
}

.w-min-687 {
  min-width: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-687 {
    min-width: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-687 {
    min-width: 687px !important;
  }
}

.w-max-687 {
  max-width: 687px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-687 {
    max-width: 687px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-687 {
    max-width: 687px !important;
  }
}

.h-688 {
  height: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-688 {
    height: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-688 {
    height: 688px !important;
  }
}

.h-min-688 {
  min-height: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-688 {
    min-height: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-688 {
    min-height: 688px !important;
  }
}

.h-max-688 {
  max-height: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-688 {
    max-height: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-688 {
    max-height: 688px !important;
  }
}

.w-688 {
  width: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-688 {
    width: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-688 {
    width: 688px !important;
  }
}

.w-min-688 {
  min-width: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-688 {
    min-width: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-688 {
    min-width: 688px !important;
  }
}

.w-max-688 {
  max-width: 688px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-688 {
    max-width: 688px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-688 {
    max-width: 688px !important;
  }
}

.h-689 {
  height: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-689 {
    height: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-689 {
    height: 689px !important;
  }
}

.h-min-689 {
  min-height: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-689 {
    min-height: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-689 {
    min-height: 689px !important;
  }
}

.h-max-689 {
  max-height: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-689 {
    max-height: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-689 {
    max-height: 689px !important;
  }
}

.w-689 {
  width: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-689 {
    width: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-689 {
    width: 689px !important;
  }
}

.w-min-689 {
  min-width: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-689 {
    min-width: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-689 {
    min-width: 689px !important;
  }
}

.w-max-689 {
  max-width: 689px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-689 {
    max-width: 689px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-689 {
    max-width: 689px !important;
  }
}

.h-690 {
  height: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-690 {
    height: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-690 {
    height: 690px !important;
  }
}

.h-min-690 {
  min-height: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-690 {
    min-height: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-690 {
    min-height: 690px !important;
  }
}

.h-max-690 {
  max-height: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-690 {
    max-height: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-690 {
    max-height: 690px !important;
  }
}

.w-690 {
  width: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-690 {
    width: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-690 {
    width: 690px !important;
  }
}

.w-min-690 {
  min-width: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-690 {
    min-width: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-690 {
    min-width: 690px !important;
  }
}

.w-max-690 {
  max-width: 690px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-690 {
    max-width: 690px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-690 {
    max-width: 690px !important;
  }
}

.h-691 {
  height: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-691 {
    height: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-691 {
    height: 691px !important;
  }
}

.h-min-691 {
  min-height: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-691 {
    min-height: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-691 {
    min-height: 691px !important;
  }
}

.h-max-691 {
  max-height: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-691 {
    max-height: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-691 {
    max-height: 691px !important;
  }
}

.w-691 {
  width: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-691 {
    width: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-691 {
    width: 691px !important;
  }
}

.w-min-691 {
  min-width: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-691 {
    min-width: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-691 {
    min-width: 691px !important;
  }
}

.w-max-691 {
  max-width: 691px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-691 {
    max-width: 691px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-691 {
    max-width: 691px !important;
  }
}

.h-692 {
  height: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-692 {
    height: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-692 {
    height: 692px !important;
  }
}

.h-min-692 {
  min-height: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-692 {
    min-height: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-692 {
    min-height: 692px !important;
  }
}

.h-max-692 {
  max-height: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-692 {
    max-height: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-692 {
    max-height: 692px !important;
  }
}

.w-692 {
  width: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-692 {
    width: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-692 {
    width: 692px !important;
  }
}

.w-min-692 {
  min-width: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-692 {
    min-width: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-692 {
    min-width: 692px !important;
  }
}

.w-max-692 {
  max-width: 692px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-692 {
    max-width: 692px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-692 {
    max-width: 692px !important;
  }
}

.h-693 {
  height: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-693 {
    height: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-693 {
    height: 693px !important;
  }
}

.h-min-693 {
  min-height: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-693 {
    min-height: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-693 {
    min-height: 693px !important;
  }
}

.h-max-693 {
  max-height: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-693 {
    max-height: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-693 {
    max-height: 693px !important;
  }
}

.w-693 {
  width: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-693 {
    width: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-693 {
    width: 693px !important;
  }
}

.w-min-693 {
  min-width: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-693 {
    min-width: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-693 {
    min-width: 693px !important;
  }
}

.w-max-693 {
  max-width: 693px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-693 {
    max-width: 693px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-693 {
    max-width: 693px !important;
  }
}

.h-694 {
  height: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-694 {
    height: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-694 {
    height: 694px !important;
  }
}

.h-min-694 {
  min-height: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-694 {
    min-height: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-694 {
    min-height: 694px !important;
  }
}

.h-max-694 {
  max-height: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-694 {
    max-height: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-694 {
    max-height: 694px !important;
  }
}

.w-694 {
  width: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-694 {
    width: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-694 {
    width: 694px !important;
  }
}

.w-min-694 {
  min-width: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-694 {
    min-width: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-694 {
    min-width: 694px !important;
  }
}

.w-max-694 {
  max-width: 694px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-694 {
    max-width: 694px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-694 {
    max-width: 694px !important;
  }
}

.h-695 {
  height: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-695 {
    height: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-695 {
    height: 695px !important;
  }
}

.h-min-695 {
  min-height: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-695 {
    min-height: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-695 {
    min-height: 695px !important;
  }
}

.h-max-695 {
  max-height: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-695 {
    max-height: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-695 {
    max-height: 695px !important;
  }
}

.w-695 {
  width: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-695 {
    width: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-695 {
    width: 695px !important;
  }
}

.w-min-695 {
  min-width: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-695 {
    min-width: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-695 {
    min-width: 695px !important;
  }
}

.w-max-695 {
  max-width: 695px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-695 {
    max-width: 695px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-695 {
    max-width: 695px !important;
  }
}

.h-696 {
  height: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-696 {
    height: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-696 {
    height: 696px !important;
  }
}

.h-min-696 {
  min-height: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-696 {
    min-height: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-696 {
    min-height: 696px !important;
  }
}

.h-max-696 {
  max-height: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-696 {
    max-height: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-696 {
    max-height: 696px !important;
  }
}

.w-696 {
  width: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-696 {
    width: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-696 {
    width: 696px !important;
  }
}

.w-min-696 {
  min-width: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-696 {
    min-width: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-696 {
    min-width: 696px !important;
  }
}

.w-max-696 {
  max-width: 696px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-696 {
    max-width: 696px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-696 {
    max-width: 696px !important;
  }
}

.h-697 {
  height: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-697 {
    height: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-697 {
    height: 697px !important;
  }
}

.h-min-697 {
  min-height: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-697 {
    min-height: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-697 {
    min-height: 697px !important;
  }
}

.h-max-697 {
  max-height: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-697 {
    max-height: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-697 {
    max-height: 697px !important;
  }
}

.w-697 {
  width: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-697 {
    width: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-697 {
    width: 697px !important;
  }
}

.w-min-697 {
  min-width: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-697 {
    min-width: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-697 {
    min-width: 697px !important;
  }
}

.w-max-697 {
  max-width: 697px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-697 {
    max-width: 697px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-697 {
    max-width: 697px !important;
  }
}

.h-698 {
  height: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-698 {
    height: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-698 {
    height: 698px !important;
  }
}

.h-min-698 {
  min-height: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-698 {
    min-height: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-698 {
    min-height: 698px !important;
  }
}

.h-max-698 {
  max-height: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-698 {
    max-height: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-698 {
    max-height: 698px !important;
  }
}

.w-698 {
  width: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-698 {
    width: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-698 {
    width: 698px !important;
  }
}

.w-min-698 {
  min-width: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-698 {
    min-width: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-698 {
    min-width: 698px !important;
  }
}

.w-max-698 {
  max-width: 698px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-698 {
    max-width: 698px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-698 {
    max-width: 698px !important;
  }
}

.h-699 {
  height: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-699 {
    height: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-699 {
    height: 699px !important;
  }
}

.h-min-699 {
  min-height: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-699 {
    min-height: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-699 {
    min-height: 699px !important;
  }
}

.h-max-699 {
  max-height: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-699 {
    max-height: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-699 {
    max-height: 699px !important;
  }
}

.w-699 {
  width: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-699 {
    width: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-699 {
    width: 699px !important;
  }
}

.w-min-699 {
  min-width: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-699 {
    min-width: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-699 {
    min-width: 699px !important;
  }
}

.w-max-699 {
  max-width: 699px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-699 {
    max-width: 699px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-699 {
    max-width: 699px !important;
  }
}

.h-700 {
  height: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-700 {
    height: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-700 {
    height: 700px !important;
  }
}

.h-min-700 {
  min-height: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-700 {
    min-height: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-700 {
    min-height: 700px !important;
  }
}

.h-max-700 {
  max-height: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-700 {
    max-height: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-700 {
    max-height: 700px !important;
  }
}

.w-700 {
  width: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-700 {
    width: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-700 {
    width: 700px !important;
  }
}

.w-min-700 {
  min-width: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-700 {
    min-width: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-700 {
    min-width: 700px !important;
  }
}

.w-max-700 {
  max-width: 700px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-700 {
    max-width: 700px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-700 {
    max-width: 700px !important;
  }
}

.h-701 {
  height: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-701 {
    height: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-701 {
    height: 701px !important;
  }
}

.h-min-701 {
  min-height: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-701 {
    min-height: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-701 {
    min-height: 701px !important;
  }
}

.h-max-701 {
  max-height: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-701 {
    max-height: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-701 {
    max-height: 701px !important;
  }
}

.w-701 {
  width: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-701 {
    width: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-701 {
    width: 701px !important;
  }
}

.w-min-701 {
  min-width: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-701 {
    min-width: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-701 {
    min-width: 701px !important;
  }
}

.w-max-701 {
  max-width: 701px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-701 {
    max-width: 701px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-701 {
    max-width: 701px !important;
  }
}

.h-702 {
  height: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-702 {
    height: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-702 {
    height: 702px !important;
  }
}

.h-min-702 {
  min-height: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-702 {
    min-height: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-702 {
    min-height: 702px !important;
  }
}

.h-max-702 {
  max-height: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-702 {
    max-height: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-702 {
    max-height: 702px !important;
  }
}

.w-702 {
  width: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-702 {
    width: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-702 {
    width: 702px !important;
  }
}

.w-min-702 {
  min-width: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-702 {
    min-width: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-702 {
    min-width: 702px !important;
  }
}

.w-max-702 {
  max-width: 702px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-702 {
    max-width: 702px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-702 {
    max-width: 702px !important;
  }
}

.h-703 {
  height: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-703 {
    height: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-703 {
    height: 703px !important;
  }
}

.h-min-703 {
  min-height: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-703 {
    min-height: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-703 {
    min-height: 703px !important;
  }
}

.h-max-703 {
  max-height: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-703 {
    max-height: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-703 {
    max-height: 703px !important;
  }
}

.w-703 {
  width: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-703 {
    width: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-703 {
    width: 703px !important;
  }
}

.w-min-703 {
  min-width: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-703 {
    min-width: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-703 {
    min-width: 703px !important;
  }
}

.w-max-703 {
  max-width: 703px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-703 {
    max-width: 703px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-703 {
    max-width: 703px !important;
  }
}

.h-704 {
  height: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-704 {
    height: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-704 {
    height: 704px !important;
  }
}

.h-min-704 {
  min-height: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-704 {
    min-height: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-704 {
    min-height: 704px !important;
  }
}

.h-max-704 {
  max-height: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-704 {
    max-height: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-704 {
    max-height: 704px !important;
  }
}

.w-704 {
  width: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-704 {
    width: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-704 {
    width: 704px !important;
  }
}

.w-min-704 {
  min-width: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-704 {
    min-width: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-704 {
    min-width: 704px !important;
  }
}

.w-max-704 {
  max-width: 704px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-704 {
    max-width: 704px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-704 {
    max-width: 704px !important;
  }
}

.h-705 {
  height: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-705 {
    height: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-705 {
    height: 705px !important;
  }
}

.h-min-705 {
  min-height: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-705 {
    min-height: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-705 {
    min-height: 705px !important;
  }
}

.h-max-705 {
  max-height: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-705 {
    max-height: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-705 {
    max-height: 705px !important;
  }
}

.w-705 {
  width: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-705 {
    width: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-705 {
    width: 705px !important;
  }
}

.w-min-705 {
  min-width: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-705 {
    min-width: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-705 {
    min-width: 705px !important;
  }
}

.w-max-705 {
  max-width: 705px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-705 {
    max-width: 705px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-705 {
    max-width: 705px !important;
  }
}

.h-706 {
  height: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-706 {
    height: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-706 {
    height: 706px !important;
  }
}

.h-min-706 {
  min-height: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-706 {
    min-height: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-706 {
    min-height: 706px !important;
  }
}

.h-max-706 {
  max-height: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-706 {
    max-height: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-706 {
    max-height: 706px !important;
  }
}

.w-706 {
  width: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-706 {
    width: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-706 {
    width: 706px !important;
  }
}

.w-min-706 {
  min-width: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-706 {
    min-width: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-706 {
    min-width: 706px !important;
  }
}

.w-max-706 {
  max-width: 706px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-706 {
    max-width: 706px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-706 {
    max-width: 706px !important;
  }
}

.h-707 {
  height: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-707 {
    height: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-707 {
    height: 707px !important;
  }
}

.h-min-707 {
  min-height: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-707 {
    min-height: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-707 {
    min-height: 707px !important;
  }
}

.h-max-707 {
  max-height: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-707 {
    max-height: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-707 {
    max-height: 707px !important;
  }
}

.w-707 {
  width: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-707 {
    width: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-707 {
    width: 707px !important;
  }
}

.w-min-707 {
  min-width: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-707 {
    min-width: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-707 {
    min-width: 707px !important;
  }
}

.w-max-707 {
  max-width: 707px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-707 {
    max-width: 707px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-707 {
    max-width: 707px !important;
  }
}

.h-708 {
  height: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-708 {
    height: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-708 {
    height: 708px !important;
  }
}

.h-min-708 {
  min-height: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-708 {
    min-height: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-708 {
    min-height: 708px !important;
  }
}

.h-max-708 {
  max-height: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-708 {
    max-height: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-708 {
    max-height: 708px !important;
  }
}

.w-708 {
  width: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-708 {
    width: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-708 {
    width: 708px !important;
  }
}

.w-min-708 {
  min-width: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-708 {
    min-width: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-708 {
    min-width: 708px !important;
  }
}

.w-max-708 {
  max-width: 708px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-708 {
    max-width: 708px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-708 {
    max-width: 708px !important;
  }
}

.h-709 {
  height: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-709 {
    height: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-709 {
    height: 709px !important;
  }
}

.h-min-709 {
  min-height: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-709 {
    min-height: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-709 {
    min-height: 709px !important;
  }
}

.h-max-709 {
  max-height: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-709 {
    max-height: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-709 {
    max-height: 709px !important;
  }
}

.w-709 {
  width: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-709 {
    width: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-709 {
    width: 709px !important;
  }
}

.w-min-709 {
  min-width: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-709 {
    min-width: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-709 {
    min-width: 709px !important;
  }
}

.w-max-709 {
  max-width: 709px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-709 {
    max-width: 709px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-709 {
    max-width: 709px !important;
  }
}

.h-710 {
  height: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-710 {
    height: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-710 {
    height: 710px !important;
  }
}

.h-min-710 {
  min-height: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-710 {
    min-height: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-710 {
    min-height: 710px !important;
  }
}

.h-max-710 {
  max-height: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-710 {
    max-height: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-710 {
    max-height: 710px !important;
  }
}

.w-710 {
  width: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-710 {
    width: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-710 {
    width: 710px !important;
  }
}

.w-min-710 {
  min-width: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-710 {
    min-width: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-710 {
    min-width: 710px !important;
  }
}

.w-max-710 {
  max-width: 710px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-710 {
    max-width: 710px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-710 {
    max-width: 710px !important;
  }
}

.h-711 {
  height: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-711 {
    height: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-711 {
    height: 711px !important;
  }
}

.h-min-711 {
  min-height: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-711 {
    min-height: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-711 {
    min-height: 711px !important;
  }
}

.h-max-711 {
  max-height: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-711 {
    max-height: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-711 {
    max-height: 711px !important;
  }
}

.w-711 {
  width: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-711 {
    width: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-711 {
    width: 711px !important;
  }
}

.w-min-711 {
  min-width: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-711 {
    min-width: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-711 {
    min-width: 711px !important;
  }
}

.w-max-711 {
  max-width: 711px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-711 {
    max-width: 711px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-711 {
    max-width: 711px !important;
  }
}

.h-712 {
  height: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-712 {
    height: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-712 {
    height: 712px !important;
  }
}

.h-min-712 {
  min-height: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-712 {
    min-height: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-712 {
    min-height: 712px !important;
  }
}

.h-max-712 {
  max-height: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-712 {
    max-height: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-712 {
    max-height: 712px !important;
  }
}

.w-712 {
  width: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-712 {
    width: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-712 {
    width: 712px !important;
  }
}

.w-min-712 {
  min-width: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-712 {
    min-width: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-712 {
    min-width: 712px !important;
  }
}

.w-max-712 {
  max-width: 712px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-712 {
    max-width: 712px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-712 {
    max-width: 712px !important;
  }
}

.h-713 {
  height: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-713 {
    height: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-713 {
    height: 713px !important;
  }
}

.h-min-713 {
  min-height: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-713 {
    min-height: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-713 {
    min-height: 713px !important;
  }
}

.h-max-713 {
  max-height: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-713 {
    max-height: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-713 {
    max-height: 713px !important;
  }
}

.w-713 {
  width: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-713 {
    width: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-713 {
    width: 713px !important;
  }
}

.w-min-713 {
  min-width: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-713 {
    min-width: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-713 {
    min-width: 713px !important;
  }
}

.w-max-713 {
  max-width: 713px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-713 {
    max-width: 713px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-713 {
    max-width: 713px !important;
  }
}

.h-714 {
  height: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-714 {
    height: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-714 {
    height: 714px !important;
  }
}

.h-min-714 {
  min-height: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-714 {
    min-height: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-714 {
    min-height: 714px !important;
  }
}

.h-max-714 {
  max-height: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-714 {
    max-height: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-714 {
    max-height: 714px !important;
  }
}

.w-714 {
  width: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-714 {
    width: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-714 {
    width: 714px !important;
  }
}

.w-min-714 {
  min-width: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-714 {
    min-width: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-714 {
    min-width: 714px !important;
  }
}

.w-max-714 {
  max-width: 714px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-714 {
    max-width: 714px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-714 {
    max-width: 714px !important;
  }
}

.h-715 {
  height: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-715 {
    height: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-715 {
    height: 715px !important;
  }
}

.h-min-715 {
  min-height: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-715 {
    min-height: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-715 {
    min-height: 715px !important;
  }
}

.h-max-715 {
  max-height: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-715 {
    max-height: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-715 {
    max-height: 715px !important;
  }
}

.w-715 {
  width: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-715 {
    width: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-715 {
    width: 715px !important;
  }
}

.w-min-715 {
  min-width: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-715 {
    min-width: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-715 {
    min-width: 715px !important;
  }
}

.w-max-715 {
  max-width: 715px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-715 {
    max-width: 715px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-715 {
    max-width: 715px !important;
  }
}

.h-716 {
  height: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-716 {
    height: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-716 {
    height: 716px !important;
  }
}

.h-min-716 {
  min-height: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-716 {
    min-height: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-716 {
    min-height: 716px !important;
  }
}

.h-max-716 {
  max-height: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-716 {
    max-height: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-716 {
    max-height: 716px !important;
  }
}

.w-716 {
  width: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-716 {
    width: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-716 {
    width: 716px !important;
  }
}

.w-min-716 {
  min-width: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-716 {
    min-width: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-716 {
    min-width: 716px !important;
  }
}

.w-max-716 {
  max-width: 716px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-716 {
    max-width: 716px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-716 {
    max-width: 716px !important;
  }
}

.h-717 {
  height: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-717 {
    height: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-717 {
    height: 717px !important;
  }
}

.h-min-717 {
  min-height: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-717 {
    min-height: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-717 {
    min-height: 717px !important;
  }
}

.h-max-717 {
  max-height: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-717 {
    max-height: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-717 {
    max-height: 717px !important;
  }
}

.w-717 {
  width: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-717 {
    width: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-717 {
    width: 717px !important;
  }
}

.w-min-717 {
  min-width: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-717 {
    min-width: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-717 {
    min-width: 717px !important;
  }
}

.w-max-717 {
  max-width: 717px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-717 {
    max-width: 717px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-717 {
    max-width: 717px !important;
  }
}

.h-718 {
  height: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-718 {
    height: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-718 {
    height: 718px !important;
  }
}

.h-min-718 {
  min-height: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-718 {
    min-height: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-718 {
    min-height: 718px !important;
  }
}

.h-max-718 {
  max-height: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-718 {
    max-height: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-718 {
    max-height: 718px !important;
  }
}

.w-718 {
  width: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-718 {
    width: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-718 {
    width: 718px !important;
  }
}

.w-min-718 {
  min-width: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-718 {
    min-width: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-718 {
    min-width: 718px !important;
  }
}

.w-max-718 {
  max-width: 718px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-718 {
    max-width: 718px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-718 {
    max-width: 718px !important;
  }
}

.h-719 {
  height: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-719 {
    height: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-719 {
    height: 719px !important;
  }
}

.h-min-719 {
  min-height: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-719 {
    min-height: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-719 {
    min-height: 719px !important;
  }
}

.h-max-719 {
  max-height: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-719 {
    max-height: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-719 {
    max-height: 719px !important;
  }
}

.w-719 {
  width: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-719 {
    width: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-719 {
    width: 719px !important;
  }
}

.w-min-719 {
  min-width: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-719 {
    min-width: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-719 {
    min-width: 719px !important;
  }
}

.w-max-719 {
  max-width: 719px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-719 {
    max-width: 719px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-719 {
    max-width: 719px !important;
  }
}

.h-720 {
  height: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-720 {
    height: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-720 {
    height: 720px !important;
  }
}

.h-min-720 {
  min-height: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-720 {
    min-height: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-720 {
    min-height: 720px !important;
  }
}

.h-max-720 {
  max-height: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-720 {
    max-height: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-720 {
    max-height: 720px !important;
  }
}

.w-720 {
  width: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-720 {
    width: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-720 {
    width: 720px !important;
  }
}

.w-min-720 {
  min-width: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-720 {
    min-width: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-720 {
    min-width: 720px !important;
  }
}

.w-max-720 {
  max-width: 720px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-720 {
    max-width: 720px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-720 {
    max-width: 720px !important;
  }
}

.h-721 {
  height: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-721 {
    height: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-721 {
    height: 721px !important;
  }
}

.h-min-721 {
  min-height: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-721 {
    min-height: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-721 {
    min-height: 721px !important;
  }
}

.h-max-721 {
  max-height: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-721 {
    max-height: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-721 {
    max-height: 721px !important;
  }
}

.w-721 {
  width: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-721 {
    width: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-721 {
    width: 721px !important;
  }
}

.w-min-721 {
  min-width: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-721 {
    min-width: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-721 {
    min-width: 721px !important;
  }
}

.w-max-721 {
  max-width: 721px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-721 {
    max-width: 721px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-721 {
    max-width: 721px !important;
  }
}

.h-722 {
  height: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-722 {
    height: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-722 {
    height: 722px !important;
  }
}

.h-min-722 {
  min-height: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-722 {
    min-height: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-722 {
    min-height: 722px !important;
  }
}

.h-max-722 {
  max-height: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-722 {
    max-height: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-722 {
    max-height: 722px !important;
  }
}

.w-722 {
  width: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-722 {
    width: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-722 {
    width: 722px !important;
  }
}

.w-min-722 {
  min-width: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-722 {
    min-width: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-722 {
    min-width: 722px !important;
  }
}

.w-max-722 {
  max-width: 722px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-722 {
    max-width: 722px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-722 {
    max-width: 722px !important;
  }
}

.h-723 {
  height: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-723 {
    height: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-723 {
    height: 723px !important;
  }
}

.h-min-723 {
  min-height: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-723 {
    min-height: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-723 {
    min-height: 723px !important;
  }
}

.h-max-723 {
  max-height: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-723 {
    max-height: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-723 {
    max-height: 723px !important;
  }
}

.w-723 {
  width: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-723 {
    width: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-723 {
    width: 723px !important;
  }
}

.w-min-723 {
  min-width: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-723 {
    min-width: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-723 {
    min-width: 723px !important;
  }
}

.w-max-723 {
  max-width: 723px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-723 {
    max-width: 723px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-723 {
    max-width: 723px !important;
  }
}

.h-724 {
  height: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-724 {
    height: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-724 {
    height: 724px !important;
  }
}

.h-min-724 {
  min-height: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-724 {
    min-height: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-724 {
    min-height: 724px !important;
  }
}

.h-max-724 {
  max-height: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-724 {
    max-height: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-724 {
    max-height: 724px !important;
  }
}

.w-724 {
  width: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-724 {
    width: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-724 {
    width: 724px !important;
  }
}

.w-min-724 {
  min-width: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-724 {
    min-width: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-724 {
    min-width: 724px !important;
  }
}

.w-max-724 {
  max-width: 724px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-724 {
    max-width: 724px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-724 {
    max-width: 724px !important;
  }
}

.h-725 {
  height: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-725 {
    height: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-725 {
    height: 725px !important;
  }
}

.h-min-725 {
  min-height: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-725 {
    min-height: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-725 {
    min-height: 725px !important;
  }
}

.h-max-725 {
  max-height: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-725 {
    max-height: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-725 {
    max-height: 725px !important;
  }
}

.w-725 {
  width: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-725 {
    width: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-725 {
    width: 725px !important;
  }
}

.w-min-725 {
  min-width: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-725 {
    min-width: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-725 {
    min-width: 725px !important;
  }
}

.w-max-725 {
  max-width: 725px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-725 {
    max-width: 725px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-725 {
    max-width: 725px !important;
  }
}

.h-726 {
  height: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-726 {
    height: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-726 {
    height: 726px !important;
  }
}

.h-min-726 {
  min-height: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-726 {
    min-height: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-726 {
    min-height: 726px !important;
  }
}

.h-max-726 {
  max-height: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-726 {
    max-height: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-726 {
    max-height: 726px !important;
  }
}

.w-726 {
  width: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-726 {
    width: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-726 {
    width: 726px !important;
  }
}

.w-min-726 {
  min-width: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-726 {
    min-width: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-726 {
    min-width: 726px !important;
  }
}

.w-max-726 {
  max-width: 726px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-726 {
    max-width: 726px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-726 {
    max-width: 726px !important;
  }
}

.h-727 {
  height: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-727 {
    height: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-727 {
    height: 727px !important;
  }
}

.h-min-727 {
  min-height: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-727 {
    min-height: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-727 {
    min-height: 727px !important;
  }
}

.h-max-727 {
  max-height: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-727 {
    max-height: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-727 {
    max-height: 727px !important;
  }
}

.w-727 {
  width: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-727 {
    width: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-727 {
    width: 727px !important;
  }
}

.w-min-727 {
  min-width: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-727 {
    min-width: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-727 {
    min-width: 727px !important;
  }
}

.w-max-727 {
  max-width: 727px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-727 {
    max-width: 727px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-727 {
    max-width: 727px !important;
  }
}

.h-728 {
  height: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-728 {
    height: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-728 {
    height: 728px !important;
  }
}

.h-min-728 {
  min-height: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-728 {
    min-height: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-728 {
    min-height: 728px !important;
  }
}

.h-max-728 {
  max-height: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-728 {
    max-height: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-728 {
    max-height: 728px !important;
  }
}

.w-728 {
  width: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-728 {
    width: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-728 {
    width: 728px !important;
  }
}

.w-min-728 {
  min-width: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-728 {
    min-width: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-728 {
    min-width: 728px !important;
  }
}

.w-max-728 {
  max-width: 728px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-728 {
    max-width: 728px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-728 {
    max-width: 728px !important;
  }
}

.h-729 {
  height: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-729 {
    height: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-729 {
    height: 729px !important;
  }
}

.h-min-729 {
  min-height: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-729 {
    min-height: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-729 {
    min-height: 729px !important;
  }
}

.h-max-729 {
  max-height: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-729 {
    max-height: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-729 {
    max-height: 729px !important;
  }
}

.w-729 {
  width: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-729 {
    width: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-729 {
    width: 729px !important;
  }
}

.w-min-729 {
  min-width: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-729 {
    min-width: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-729 {
    min-width: 729px !important;
  }
}

.w-max-729 {
  max-width: 729px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-729 {
    max-width: 729px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-729 {
    max-width: 729px !important;
  }
}

.h-730 {
  height: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-730 {
    height: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-730 {
    height: 730px !important;
  }
}

.h-min-730 {
  min-height: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-730 {
    min-height: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-730 {
    min-height: 730px !important;
  }
}

.h-max-730 {
  max-height: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-730 {
    max-height: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-730 {
    max-height: 730px !important;
  }
}

.w-730 {
  width: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-730 {
    width: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-730 {
    width: 730px !important;
  }
}

.w-min-730 {
  min-width: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-730 {
    min-width: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-730 {
    min-width: 730px !important;
  }
}

.w-max-730 {
  max-width: 730px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-730 {
    max-width: 730px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-730 {
    max-width: 730px !important;
  }
}

.h-731 {
  height: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-731 {
    height: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-731 {
    height: 731px !important;
  }
}

.h-min-731 {
  min-height: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-731 {
    min-height: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-731 {
    min-height: 731px !important;
  }
}

.h-max-731 {
  max-height: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-731 {
    max-height: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-731 {
    max-height: 731px !important;
  }
}

.w-731 {
  width: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-731 {
    width: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-731 {
    width: 731px !important;
  }
}

.w-min-731 {
  min-width: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-731 {
    min-width: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-731 {
    min-width: 731px !important;
  }
}

.w-max-731 {
  max-width: 731px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-731 {
    max-width: 731px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-731 {
    max-width: 731px !important;
  }
}

.h-732 {
  height: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-732 {
    height: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-732 {
    height: 732px !important;
  }
}

.h-min-732 {
  min-height: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-732 {
    min-height: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-732 {
    min-height: 732px !important;
  }
}

.h-max-732 {
  max-height: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-732 {
    max-height: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-732 {
    max-height: 732px !important;
  }
}

.w-732 {
  width: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-732 {
    width: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-732 {
    width: 732px !important;
  }
}

.w-min-732 {
  min-width: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-732 {
    min-width: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-732 {
    min-width: 732px !important;
  }
}

.w-max-732 {
  max-width: 732px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-732 {
    max-width: 732px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-732 {
    max-width: 732px !important;
  }
}

.h-733 {
  height: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-733 {
    height: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-733 {
    height: 733px !important;
  }
}

.h-min-733 {
  min-height: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-733 {
    min-height: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-733 {
    min-height: 733px !important;
  }
}

.h-max-733 {
  max-height: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-733 {
    max-height: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-733 {
    max-height: 733px !important;
  }
}

.w-733 {
  width: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-733 {
    width: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-733 {
    width: 733px !important;
  }
}

.w-min-733 {
  min-width: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-733 {
    min-width: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-733 {
    min-width: 733px !important;
  }
}

.w-max-733 {
  max-width: 733px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-733 {
    max-width: 733px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-733 {
    max-width: 733px !important;
  }
}

.h-734 {
  height: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-734 {
    height: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-734 {
    height: 734px !important;
  }
}

.h-min-734 {
  min-height: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-734 {
    min-height: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-734 {
    min-height: 734px !important;
  }
}

.h-max-734 {
  max-height: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-734 {
    max-height: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-734 {
    max-height: 734px !important;
  }
}

.w-734 {
  width: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-734 {
    width: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-734 {
    width: 734px !important;
  }
}

.w-min-734 {
  min-width: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-734 {
    min-width: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-734 {
    min-width: 734px !important;
  }
}

.w-max-734 {
  max-width: 734px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-734 {
    max-width: 734px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-734 {
    max-width: 734px !important;
  }
}

.h-735 {
  height: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-735 {
    height: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-735 {
    height: 735px !important;
  }
}

.h-min-735 {
  min-height: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-735 {
    min-height: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-735 {
    min-height: 735px !important;
  }
}

.h-max-735 {
  max-height: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-735 {
    max-height: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-735 {
    max-height: 735px !important;
  }
}

.w-735 {
  width: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-735 {
    width: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-735 {
    width: 735px !important;
  }
}

.w-min-735 {
  min-width: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-735 {
    min-width: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-735 {
    min-width: 735px !important;
  }
}

.w-max-735 {
  max-width: 735px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-735 {
    max-width: 735px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-735 {
    max-width: 735px !important;
  }
}

.h-736 {
  height: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-736 {
    height: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-736 {
    height: 736px !important;
  }
}

.h-min-736 {
  min-height: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-736 {
    min-height: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-736 {
    min-height: 736px !important;
  }
}

.h-max-736 {
  max-height: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-736 {
    max-height: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-736 {
    max-height: 736px !important;
  }
}

.w-736 {
  width: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-736 {
    width: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-736 {
    width: 736px !important;
  }
}

.w-min-736 {
  min-width: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-736 {
    min-width: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-736 {
    min-width: 736px !important;
  }
}

.w-max-736 {
  max-width: 736px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-736 {
    max-width: 736px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-736 {
    max-width: 736px !important;
  }
}

.h-737 {
  height: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-737 {
    height: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-737 {
    height: 737px !important;
  }
}

.h-min-737 {
  min-height: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-737 {
    min-height: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-737 {
    min-height: 737px !important;
  }
}

.h-max-737 {
  max-height: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-737 {
    max-height: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-737 {
    max-height: 737px !important;
  }
}

.w-737 {
  width: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-737 {
    width: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-737 {
    width: 737px !important;
  }
}

.w-min-737 {
  min-width: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-737 {
    min-width: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-737 {
    min-width: 737px !important;
  }
}

.w-max-737 {
  max-width: 737px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-737 {
    max-width: 737px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-737 {
    max-width: 737px !important;
  }
}

.h-738 {
  height: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-738 {
    height: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-738 {
    height: 738px !important;
  }
}

.h-min-738 {
  min-height: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-738 {
    min-height: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-738 {
    min-height: 738px !important;
  }
}

.h-max-738 {
  max-height: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-738 {
    max-height: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-738 {
    max-height: 738px !important;
  }
}

.w-738 {
  width: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-738 {
    width: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-738 {
    width: 738px !important;
  }
}

.w-min-738 {
  min-width: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-738 {
    min-width: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-738 {
    min-width: 738px !important;
  }
}

.w-max-738 {
  max-width: 738px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-738 {
    max-width: 738px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-738 {
    max-width: 738px !important;
  }
}

.h-739 {
  height: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-739 {
    height: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-739 {
    height: 739px !important;
  }
}

.h-min-739 {
  min-height: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-739 {
    min-height: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-739 {
    min-height: 739px !important;
  }
}

.h-max-739 {
  max-height: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-739 {
    max-height: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-739 {
    max-height: 739px !important;
  }
}

.w-739 {
  width: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-739 {
    width: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-739 {
    width: 739px !important;
  }
}

.w-min-739 {
  min-width: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-739 {
    min-width: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-739 {
    min-width: 739px !important;
  }
}

.w-max-739 {
  max-width: 739px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-739 {
    max-width: 739px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-739 {
    max-width: 739px !important;
  }
}

.h-740 {
  height: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-740 {
    height: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-740 {
    height: 740px !important;
  }
}

.h-min-740 {
  min-height: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-740 {
    min-height: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-740 {
    min-height: 740px !important;
  }
}

.h-max-740 {
  max-height: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-740 {
    max-height: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-740 {
    max-height: 740px !important;
  }
}

.w-740 {
  width: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-740 {
    width: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-740 {
    width: 740px !important;
  }
}

.w-min-740 {
  min-width: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-740 {
    min-width: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-740 {
    min-width: 740px !important;
  }
}

.w-max-740 {
  max-width: 740px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-740 {
    max-width: 740px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-740 {
    max-width: 740px !important;
  }
}

.h-741 {
  height: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-741 {
    height: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-741 {
    height: 741px !important;
  }
}

.h-min-741 {
  min-height: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-741 {
    min-height: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-741 {
    min-height: 741px !important;
  }
}

.h-max-741 {
  max-height: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-741 {
    max-height: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-741 {
    max-height: 741px !important;
  }
}

.w-741 {
  width: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-741 {
    width: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-741 {
    width: 741px !important;
  }
}

.w-min-741 {
  min-width: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-741 {
    min-width: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-741 {
    min-width: 741px !important;
  }
}

.w-max-741 {
  max-width: 741px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-741 {
    max-width: 741px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-741 {
    max-width: 741px !important;
  }
}

.h-742 {
  height: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-742 {
    height: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-742 {
    height: 742px !important;
  }
}

.h-min-742 {
  min-height: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-742 {
    min-height: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-742 {
    min-height: 742px !important;
  }
}

.h-max-742 {
  max-height: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-742 {
    max-height: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-742 {
    max-height: 742px !important;
  }
}

.w-742 {
  width: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-742 {
    width: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-742 {
    width: 742px !important;
  }
}

.w-min-742 {
  min-width: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-742 {
    min-width: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-742 {
    min-width: 742px !important;
  }
}

.w-max-742 {
  max-width: 742px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-742 {
    max-width: 742px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-742 {
    max-width: 742px !important;
  }
}

.h-743 {
  height: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-743 {
    height: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-743 {
    height: 743px !important;
  }
}

.h-min-743 {
  min-height: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-743 {
    min-height: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-743 {
    min-height: 743px !important;
  }
}

.h-max-743 {
  max-height: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-743 {
    max-height: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-743 {
    max-height: 743px !important;
  }
}

.w-743 {
  width: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-743 {
    width: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-743 {
    width: 743px !important;
  }
}

.w-min-743 {
  min-width: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-743 {
    min-width: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-743 {
    min-width: 743px !important;
  }
}

.w-max-743 {
  max-width: 743px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-743 {
    max-width: 743px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-743 {
    max-width: 743px !important;
  }
}

.h-744 {
  height: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-744 {
    height: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-744 {
    height: 744px !important;
  }
}

.h-min-744 {
  min-height: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-744 {
    min-height: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-744 {
    min-height: 744px !important;
  }
}

.h-max-744 {
  max-height: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-744 {
    max-height: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-744 {
    max-height: 744px !important;
  }
}

.w-744 {
  width: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-744 {
    width: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-744 {
    width: 744px !important;
  }
}

.w-min-744 {
  min-width: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-744 {
    min-width: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-744 {
    min-width: 744px !important;
  }
}

.w-max-744 {
  max-width: 744px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-744 {
    max-width: 744px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-744 {
    max-width: 744px !important;
  }
}

.h-745 {
  height: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-745 {
    height: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-745 {
    height: 745px !important;
  }
}

.h-min-745 {
  min-height: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-745 {
    min-height: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-745 {
    min-height: 745px !important;
  }
}

.h-max-745 {
  max-height: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-745 {
    max-height: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-745 {
    max-height: 745px !important;
  }
}

.w-745 {
  width: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-745 {
    width: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-745 {
    width: 745px !important;
  }
}

.w-min-745 {
  min-width: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-745 {
    min-width: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-745 {
    min-width: 745px !important;
  }
}

.w-max-745 {
  max-width: 745px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-745 {
    max-width: 745px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-745 {
    max-width: 745px !important;
  }
}

.h-746 {
  height: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-746 {
    height: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-746 {
    height: 746px !important;
  }
}

.h-min-746 {
  min-height: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-746 {
    min-height: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-746 {
    min-height: 746px !important;
  }
}

.h-max-746 {
  max-height: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-746 {
    max-height: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-746 {
    max-height: 746px !important;
  }
}

.w-746 {
  width: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-746 {
    width: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-746 {
    width: 746px !important;
  }
}

.w-min-746 {
  min-width: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-746 {
    min-width: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-746 {
    min-width: 746px !important;
  }
}

.w-max-746 {
  max-width: 746px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-746 {
    max-width: 746px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-746 {
    max-width: 746px !important;
  }
}

.h-747 {
  height: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-747 {
    height: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-747 {
    height: 747px !important;
  }
}

.h-min-747 {
  min-height: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-747 {
    min-height: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-747 {
    min-height: 747px !important;
  }
}

.h-max-747 {
  max-height: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-747 {
    max-height: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-747 {
    max-height: 747px !important;
  }
}

.w-747 {
  width: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-747 {
    width: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-747 {
    width: 747px !important;
  }
}

.w-min-747 {
  min-width: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-747 {
    min-width: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-747 {
    min-width: 747px !important;
  }
}

.w-max-747 {
  max-width: 747px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-747 {
    max-width: 747px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-747 {
    max-width: 747px !important;
  }
}

.h-748 {
  height: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-748 {
    height: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-748 {
    height: 748px !important;
  }
}

.h-min-748 {
  min-height: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-748 {
    min-height: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-748 {
    min-height: 748px !important;
  }
}

.h-max-748 {
  max-height: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-748 {
    max-height: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-748 {
    max-height: 748px !important;
  }
}

.w-748 {
  width: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-748 {
    width: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-748 {
    width: 748px !important;
  }
}

.w-min-748 {
  min-width: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-748 {
    min-width: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-748 {
    min-width: 748px !important;
  }
}

.w-max-748 {
  max-width: 748px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-748 {
    max-width: 748px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-748 {
    max-width: 748px !important;
  }
}

.h-749 {
  height: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-749 {
    height: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-749 {
    height: 749px !important;
  }
}

.h-min-749 {
  min-height: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-749 {
    min-height: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-749 {
    min-height: 749px !important;
  }
}

.h-max-749 {
  max-height: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-749 {
    max-height: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-749 {
    max-height: 749px !important;
  }
}

.w-749 {
  width: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-749 {
    width: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-749 {
    width: 749px !important;
  }
}

.w-min-749 {
  min-width: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-749 {
    min-width: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-749 {
    min-width: 749px !important;
  }
}

.w-max-749 {
  max-width: 749px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-749 {
    max-width: 749px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-749 {
    max-width: 749px !important;
  }
}

.h-750 {
  height: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-750 {
    height: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-750 {
    height: 750px !important;
  }
}

.h-min-750 {
  min-height: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-750 {
    min-height: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-750 {
    min-height: 750px !important;
  }
}

.h-max-750 {
  max-height: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-750 {
    max-height: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-750 {
    max-height: 750px !important;
  }
}

.w-750 {
  width: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-750 {
    width: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-750 {
    width: 750px !important;
  }
}

.w-min-750 {
  min-width: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-750 {
    min-width: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-750 {
    min-width: 750px !important;
  }
}

.w-max-750 {
  max-width: 750px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-750 {
    max-width: 750px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-750 {
    max-width: 750px !important;
  }
}

.h-751 {
  height: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-751 {
    height: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-751 {
    height: 751px !important;
  }
}

.h-min-751 {
  min-height: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-751 {
    min-height: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-751 {
    min-height: 751px !important;
  }
}

.h-max-751 {
  max-height: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-751 {
    max-height: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-751 {
    max-height: 751px !important;
  }
}

.w-751 {
  width: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-751 {
    width: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-751 {
    width: 751px !important;
  }
}

.w-min-751 {
  min-width: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-751 {
    min-width: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-751 {
    min-width: 751px !important;
  }
}

.w-max-751 {
  max-width: 751px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-751 {
    max-width: 751px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-751 {
    max-width: 751px !important;
  }
}

.h-752 {
  height: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-752 {
    height: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-752 {
    height: 752px !important;
  }
}

.h-min-752 {
  min-height: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-752 {
    min-height: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-752 {
    min-height: 752px !important;
  }
}

.h-max-752 {
  max-height: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-752 {
    max-height: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-752 {
    max-height: 752px !important;
  }
}

.w-752 {
  width: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-752 {
    width: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-752 {
    width: 752px !important;
  }
}

.w-min-752 {
  min-width: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-752 {
    min-width: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-752 {
    min-width: 752px !important;
  }
}

.w-max-752 {
  max-width: 752px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-752 {
    max-width: 752px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-752 {
    max-width: 752px !important;
  }
}

.h-753 {
  height: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-753 {
    height: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-753 {
    height: 753px !important;
  }
}

.h-min-753 {
  min-height: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-753 {
    min-height: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-753 {
    min-height: 753px !important;
  }
}

.h-max-753 {
  max-height: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-753 {
    max-height: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-753 {
    max-height: 753px !important;
  }
}

.w-753 {
  width: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-753 {
    width: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-753 {
    width: 753px !important;
  }
}

.w-min-753 {
  min-width: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-753 {
    min-width: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-753 {
    min-width: 753px !important;
  }
}

.w-max-753 {
  max-width: 753px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-753 {
    max-width: 753px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-753 {
    max-width: 753px !important;
  }
}

.h-754 {
  height: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-754 {
    height: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-754 {
    height: 754px !important;
  }
}

.h-min-754 {
  min-height: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-754 {
    min-height: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-754 {
    min-height: 754px !important;
  }
}

.h-max-754 {
  max-height: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-754 {
    max-height: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-754 {
    max-height: 754px !important;
  }
}

.w-754 {
  width: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-754 {
    width: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-754 {
    width: 754px !important;
  }
}

.w-min-754 {
  min-width: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-754 {
    min-width: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-754 {
    min-width: 754px !important;
  }
}

.w-max-754 {
  max-width: 754px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-754 {
    max-width: 754px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-754 {
    max-width: 754px !important;
  }
}

.h-755 {
  height: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-755 {
    height: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-755 {
    height: 755px !important;
  }
}

.h-min-755 {
  min-height: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-755 {
    min-height: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-755 {
    min-height: 755px !important;
  }
}

.h-max-755 {
  max-height: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-755 {
    max-height: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-755 {
    max-height: 755px !important;
  }
}

.w-755 {
  width: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-755 {
    width: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-755 {
    width: 755px !important;
  }
}

.w-min-755 {
  min-width: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-755 {
    min-width: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-755 {
    min-width: 755px !important;
  }
}

.w-max-755 {
  max-width: 755px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-755 {
    max-width: 755px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-755 {
    max-width: 755px !important;
  }
}

.h-756 {
  height: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-756 {
    height: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-756 {
    height: 756px !important;
  }
}

.h-min-756 {
  min-height: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-756 {
    min-height: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-756 {
    min-height: 756px !important;
  }
}

.h-max-756 {
  max-height: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-756 {
    max-height: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-756 {
    max-height: 756px !important;
  }
}

.w-756 {
  width: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-756 {
    width: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-756 {
    width: 756px !important;
  }
}

.w-min-756 {
  min-width: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-756 {
    min-width: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-756 {
    min-width: 756px !important;
  }
}

.w-max-756 {
  max-width: 756px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-756 {
    max-width: 756px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-756 {
    max-width: 756px !important;
  }
}

.h-757 {
  height: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-757 {
    height: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-757 {
    height: 757px !important;
  }
}

.h-min-757 {
  min-height: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-757 {
    min-height: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-757 {
    min-height: 757px !important;
  }
}

.h-max-757 {
  max-height: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-757 {
    max-height: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-757 {
    max-height: 757px !important;
  }
}

.w-757 {
  width: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-757 {
    width: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-757 {
    width: 757px !important;
  }
}

.w-min-757 {
  min-width: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-757 {
    min-width: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-757 {
    min-width: 757px !important;
  }
}

.w-max-757 {
  max-width: 757px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-757 {
    max-width: 757px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-757 {
    max-width: 757px !important;
  }
}

.h-758 {
  height: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-758 {
    height: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-758 {
    height: 758px !important;
  }
}

.h-min-758 {
  min-height: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-758 {
    min-height: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-758 {
    min-height: 758px !important;
  }
}

.h-max-758 {
  max-height: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-758 {
    max-height: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-758 {
    max-height: 758px !important;
  }
}

.w-758 {
  width: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-758 {
    width: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-758 {
    width: 758px !important;
  }
}

.w-min-758 {
  min-width: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-758 {
    min-width: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-758 {
    min-width: 758px !important;
  }
}

.w-max-758 {
  max-width: 758px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-758 {
    max-width: 758px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-758 {
    max-width: 758px !important;
  }
}

.h-759 {
  height: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-759 {
    height: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-759 {
    height: 759px !important;
  }
}

.h-min-759 {
  min-height: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-759 {
    min-height: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-759 {
    min-height: 759px !important;
  }
}

.h-max-759 {
  max-height: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-759 {
    max-height: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-759 {
    max-height: 759px !important;
  }
}

.w-759 {
  width: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-759 {
    width: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-759 {
    width: 759px !important;
  }
}

.w-min-759 {
  min-width: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-759 {
    min-width: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-759 {
    min-width: 759px !important;
  }
}

.w-max-759 {
  max-width: 759px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-759 {
    max-width: 759px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-759 {
    max-width: 759px !important;
  }
}

.h-760 {
  height: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-760 {
    height: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-760 {
    height: 760px !important;
  }
}

.h-min-760 {
  min-height: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-760 {
    min-height: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-760 {
    min-height: 760px !important;
  }
}

.h-max-760 {
  max-height: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-760 {
    max-height: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-760 {
    max-height: 760px !important;
  }
}

.w-760 {
  width: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-760 {
    width: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-760 {
    width: 760px !important;
  }
}

.w-min-760 {
  min-width: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-760 {
    min-width: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-760 {
    min-width: 760px !important;
  }
}

.w-max-760 {
  max-width: 760px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-760 {
    max-width: 760px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-760 {
    max-width: 760px !important;
  }
}

.h-761 {
  height: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-761 {
    height: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-761 {
    height: 761px !important;
  }
}

.h-min-761 {
  min-height: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-761 {
    min-height: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-761 {
    min-height: 761px !important;
  }
}

.h-max-761 {
  max-height: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-761 {
    max-height: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-761 {
    max-height: 761px !important;
  }
}

.w-761 {
  width: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-761 {
    width: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-761 {
    width: 761px !important;
  }
}

.w-min-761 {
  min-width: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-761 {
    min-width: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-761 {
    min-width: 761px !important;
  }
}

.w-max-761 {
  max-width: 761px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-761 {
    max-width: 761px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-761 {
    max-width: 761px !important;
  }
}

.h-762 {
  height: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-762 {
    height: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-762 {
    height: 762px !important;
  }
}

.h-min-762 {
  min-height: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-762 {
    min-height: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-762 {
    min-height: 762px !important;
  }
}

.h-max-762 {
  max-height: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-762 {
    max-height: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-762 {
    max-height: 762px !important;
  }
}

.w-762 {
  width: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-762 {
    width: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-762 {
    width: 762px !important;
  }
}

.w-min-762 {
  min-width: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-762 {
    min-width: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-762 {
    min-width: 762px !important;
  }
}

.w-max-762 {
  max-width: 762px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-762 {
    max-width: 762px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-762 {
    max-width: 762px !important;
  }
}

.h-763 {
  height: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-763 {
    height: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-763 {
    height: 763px !important;
  }
}

.h-min-763 {
  min-height: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-763 {
    min-height: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-763 {
    min-height: 763px !important;
  }
}

.h-max-763 {
  max-height: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-763 {
    max-height: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-763 {
    max-height: 763px !important;
  }
}

.w-763 {
  width: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-763 {
    width: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-763 {
    width: 763px !important;
  }
}

.w-min-763 {
  min-width: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-763 {
    min-width: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-763 {
    min-width: 763px !important;
  }
}

.w-max-763 {
  max-width: 763px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-763 {
    max-width: 763px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-763 {
    max-width: 763px !important;
  }
}

.h-764 {
  height: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-764 {
    height: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-764 {
    height: 764px !important;
  }
}

.h-min-764 {
  min-height: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-764 {
    min-height: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-764 {
    min-height: 764px !important;
  }
}

.h-max-764 {
  max-height: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-764 {
    max-height: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-764 {
    max-height: 764px !important;
  }
}

.w-764 {
  width: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-764 {
    width: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-764 {
    width: 764px !important;
  }
}

.w-min-764 {
  min-width: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-764 {
    min-width: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-764 {
    min-width: 764px !important;
  }
}

.w-max-764 {
  max-width: 764px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-764 {
    max-width: 764px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-764 {
    max-width: 764px !important;
  }
}

.h-765 {
  height: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-765 {
    height: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-765 {
    height: 765px !important;
  }
}

.h-min-765 {
  min-height: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-765 {
    min-height: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-765 {
    min-height: 765px !important;
  }
}

.h-max-765 {
  max-height: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-765 {
    max-height: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-765 {
    max-height: 765px !important;
  }
}

.w-765 {
  width: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-765 {
    width: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-765 {
    width: 765px !important;
  }
}

.w-min-765 {
  min-width: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-765 {
    min-width: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-765 {
    min-width: 765px !important;
  }
}

.w-max-765 {
  max-width: 765px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-765 {
    max-width: 765px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-765 {
    max-width: 765px !important;
  }
}

.h-766 {
  height: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-766 {
    height: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-766 {
    height: 766px !important;
  }
}

.h-min-766 {
  min-height: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-766 {
    min-height: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-766 {
    min-height: 766px !important;
  }
}

.h-max-766 {
  max-height: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-766 {
    max-height: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-766 {
    max-height: 766px !important;
  }
}

.w-766 {
  width: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-766 {
    width: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-766 {
    width: 766px !important;
  }
}

.w-min-766 {
  min-width: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-766 {
    min-width: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-766 {
    min-width: 766px !important;
  }
}

.w-max-766 {
  max-width: 766px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-766 {
    max-width: 766px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-766 {
    max-width: 766px !important;
  }
}

.h-perc-0 {
  height: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-0 {
    height: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-0 {
    height: 0% !important;
  }
}

.h-min-perc-0 {
  min-height: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-0 {
    min-height: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-0 {
    min-height: 0% !important;
  }
}

.h-max-perc-0 {
  max-height: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-0 {
    max-height: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-0 {
    max-height: 0% !important;
  }
}

.w-perc-0 {
  width: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-0 {
    width: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-0 {
    width: 0% !important;
  }
}

.w-min-perc-0 {
  min-width: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-0 {
    min-width: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-0 {
    min-width: 0% !important;
  }
}

.w-max-perc-0 {
  max-width: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-0 {
    max-width: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-0 {
    max-width: 0% !important;
  }
}

.h-perc-1 {
  height: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-1 {
    height: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-1 {
    height: 1% !important;
  }
}

.h-min-perc-1 {
  min-height: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-1 {
    min-height: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-1 {
    min-height: 1% !important;
  }
}

.h-max-perc-1 {
  max-height: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-1 {
    max-height: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-1 {
    max-height: 1% !important;
  }
}

.w-perc-1 {
  width: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-1 {
    width: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-1 {
    width: 1% !important;
  }
}

.w-min-perc-1 {
  min-width: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-1 {
    min-width: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-1 {
    min-width: 1% !important;
  }
}

.w-max-perc-1 {
  max-width: 1%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-1 {
    max-width: 1% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-1 {
    max-width: 1% !important;
  }
}

.h-perc-2 {
  height: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-2 {
    height: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-2 {
    height: 2% !important;
  }
}

.h-min-perc-2 {
  min-height: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-2 {
    min-height: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-2 {
    min-height: 2% !important;
  }
}

.h-max-perc-2 {
  max-height: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-2 {
    max-height: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-2 {
    max-height: 2% !important;
  }
}

.w-perc-2 {
  width: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-2 {
    width: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-2 {
    width: 2% !important;
  }
}

.w-min-perc-2 {
  min-width: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-2 {
    min-width: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-2 {
    min-width: 2% !important;
  }
}

.w-max-perc-2 {
  max-width: 2%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-2 {
    max-width: 2% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-2 {
    max-width: 2% !important;
  }
}

.h-perc-3 {
  height: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-3 {
    height: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-3 {
    height: 3% !important;
  }
}

.h-min-perc-3 {
  min-height: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-3 {
    min-height: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-3 {
    min-height: 3% !important;
  }
}

.h-max-perc-3 {
  max-height: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-3 {
    max-height: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-3 {
    max-height: 3% !important;
  }
}

.w-perc-3 {
  width: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-3 {
    width: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-3 {
    width: 3% !important;
  }
}

.w-min-perc-3 {
  min-width: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-3 {
    min-width: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-3 {
    min-width: 3% !important;
  }
}

.w-max-perc-3 {
  max-width: 3%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-3 {
    max-width: 3% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-3 {
    max-width: 3% !important;
  }
}

.h-perc-4 {
  height: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-4 {
    height: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-4 {
    height: 4% !important;
  }
}

.h-min-perc-4 {
  min-height: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-4 {
    min-height: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-4 {
    min-height: 4% !important;
  }
}

.h-max-perc-4 {
  max-height: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-4 {
    max-height: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-4 {
    max-height: 4% !important;
  }
}

.w-perc-4 {
  width: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-4 {
    width: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-4 {
    width: 4% !important;
  }
}

.w-min-perc-4 {
  min-width: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-4 {
    min-width: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-4 {
    min-width: 4% !important;
  }
}

.w-max-perc-4 {
  max-width: 4%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-4 {
    max-width: 4% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-4 {
    max-width: 4% !important;
  }
}

.h-perc-5 {
  height: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-5 {
    height: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-5 {
    height: 5% !important;
  }
}

.h-min-perc-5 {
  min-height: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-5 {
    min-height: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-5 {
    min-height: 5% !important;
  }
}

.h-max-perc-5 {
  max-height: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-5 {
    max-height: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-5 {
    max-height: 5% !important;
  }
}

.w-perc-5 {
  width: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-5 {
    width: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-5 {
    width: 5% !important;
  }
}

.w-min-perc-5 {
  min-width: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-5 {
    min-width: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-5 {
    min-width: 5% !important;
  }
}

.w-max-perc-5 {
  max-width: 5%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-5 {
    max-width: 5% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-5 {
    max-width: 5% !important;
  }
}

.h-perc-6 {
  height: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-6 {
    height: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-6 {
    height: 6% !important;
  }
}

.h-min-perc-6 {
  min-height: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-6 {
    min-height: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-6 {
    min-height: 6% !important;
  }
}

.h-max-perc-6 {
  max-height: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-6 {
    max-height: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-6 {
    max-height: 6% !important;
  }
}

.w-perc-6 {
  width: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-6 {
    width: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-6 {
    width: 6% !important;
  }
}

.w-min-perc-6 {
  min-width: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-6 {
    min-width: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-6 {
    min-width: 6% !important;
  }
}

.w-max-perc-6 {
  max-width: 6%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-6 {
    max-width: 6% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-6 {
    max-width: 6% !important;
  }
}

.h-perc-7 {
  height: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-7 {
    height: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-7 {
    height: 7% !important;
  }
}

.h-min-perc-7 {
  min-height: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-7 {
    min-height: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-7 {
    min-height: 7% !important;
  }
}

.h-max-perc-7 {
  max-height: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-7 {
    max-height: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-7 {
    max-height: 7% !important;
  }
}

.w-perc-7 {
  width: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-7 {
    width: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-7 {
    width: 7% !important;
  }
}

.w-min-perc-7 {
  min-width: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-7 {
    min-width: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-7 {
    min-width: 7% !important;
  }
}

.w-max-perc-7 {
  max-width: 7%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-7 {
    max-width: 7% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-7 {
    max-width: 7% !important;
  }
}

.h-perc-8 {
  height: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-8 {
    height: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-8 {
    height: 8% !important;
  }
}

.h-min-perc-8 {
  min-height: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-8 {
    min-height: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-8 {
    min-height: 8% !important;
  }
}

.h-max-perc-8 {
  max-height: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-8 {
    max-height: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-8 {
    max-height: 8% !important;
  }
}

.w-perc-8 {
  width: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-8 {
    width: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-8 {
    width: 8% !important;
  }
}

.w-min-perc-8 {
  min-width: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-8 {
    min-width: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-8 {
    min-width: 8% !important;
  }
}

.w-max-perc-8 {
  max-width: 8%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-8 {
    max-width: 8% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-8 {
    max-width: 8% !important;
  }
}

.h-perc-9 {
  height: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-9 {
    height: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-9 {
    height: 9% !important;
  }
}

.h-min-perc-9 {
  min-height: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-9 {
    min-height: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-9 {
    min-height: 9% !important;
  }
}

.h-max-perc-9 {
  max-height: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-9 {
    max-height: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-9 {
    max-height: 9% !important;
  }
}

.w-perc-9 {
  width: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-9 {
    width: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-9 {
    width: 9% !important;
  }
}

.w-min-perc-9 {
  min-width: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-9 {
    min-width: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-9 {
    min-width: 9% !important;
  }
}

.w-max-perc-9 {
  max-width: 9%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-9 {
    max-width: 9% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-9 {
    max-width: 9% !important;
  }
}

.h-perc-10 {
  height: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-10 {
    height: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-10 {
    height: 10% !important;
  }
}

.h-min-perc-10 {
  min-height: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-10 {
    min-height: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-10 {
    min-height: 10% !important;
  }
}

.h-max-perc-10 {
  max-height: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-10 {
    max-height: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-10 {
    max-height: 10% !important;
  }
}

.w-perc-10 {
  width: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-10 {
    width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-10 {
    width: 10% !important;
  }
}

.w-min-perc-10 {
  min-width: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-10 {
    min-width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-10 {
    min-width: 10% !important;
  }
}

.w-max-perc-10 {
  max-width: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-10 {
    max-width: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-10 {
    max-width: 10% !important;
  }
}

.h-perc-11 {
  height: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-11 {
    height: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-11 {
    height: 11% !important;
  }
}

.h-min-perc-11 {
  min-height: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-11 {
    min-height: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-11 {
    min-height: 11% !important;
  }
}

.h-max-perc-11 {
  max-height: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-11 {
    max-height: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-11 {
    max-height: 11% !important;
  }
}

.w-perc-11 {
  width: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-11 {
    width: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-11 {
    width: 11% !important;
  }
}

.w-min-perc-11 {
  min-width: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-11 {
    min-width: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-11 {
    min-width: 11% !important;
  }
}

.w-max-perc-11 {
  max-width: 11%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-11 {
    max-width: 11% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-11 {
    max-width: 11% !important;
  }
}

.h-perc-12 {
  height: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-12 {
    height: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-12 {
    height: 12% !important;
  }
}

.h-min-perc-12 {
  min-height: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-12 {
    min-height: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-12 {
    min-height: 12% !important;
  }
}

.h-max-perc-12 {
  max-height: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-12 {
    max-height: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-12 {
    max-height: 12% !important;
  }
}

.w-perc-12 {
  width: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-12 {
    width: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-12 {
    width: 12% !important;
  }
}

.w-min-perc-12 {
  min-width: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-12 {
    min-width: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-12 {
    min-width: 12% !important;
  }
}

.w-max-perc-12 {
  max-width: 12%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-12 {
    max-width: 12% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-12 {
    max-width: 12% !important;
  }
}

.h-perc-13 {
  height: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-13 {
    height: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-13 {
    height: 13% !important;
  }
}

.h-min-perc-13 {
  min-height: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-13 {
    min-height: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-13 {
    min-height: 13% !important;
  }
}

.h-max-perc-13 {
  max-height: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-13 {
    max-height: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-13 {
    max-height: 13% !important;
  }
}

.w-perc-13 {
  width: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-13 {
    width: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-13 {
    width: 13% !important;
  }
}

.w-min-perc-13 {
  min-width: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-13 {
    min-width: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-13 {
    min-width: 13% !important;
  }
}

.w-max-perc-13 {
  max-width: 13%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-13 {
    max-width: 13% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-13 {
    max-width: 13% !important;
  }
}

.h-perc-14 {
  height: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-14 {
    height: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-14 {
    height: 14% !important;
  }
}

.h-min-perc-14 {
  min-height: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-14 {
    min-height: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-14 {
    min-height: 14% !important;
  }
}

.h-max-perc-14 {
  max-height: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-14 {
    max-height: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-14 {
    max-height: 14% !important;
  }
}

.w-perc-14 {
  width: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-14 {
    width: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-14 {
    width: 14% !important;
  }
}

.w-min-perc-14 {
  min-width: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-14 {
    min-width: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-14 {
    min-width: 14% !important;
  }
}

.w-max-perc-14 {
  max-width: 14%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-14 {
    max-width: 14% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-14 {
    max-width: 14% !important;
  }
}

.h-perc-15 {
  height: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-15 {
    height: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-15 {
    height: 15% !important;
  }
}

.h-min-perc-15 {
  min-height: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-15 {
    min-height: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-15 {
    min-height: 15% !important;
  }
}

.h-max-perc-15 {
  max-height: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-15 {
    max-height: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-15 {
    max-height: 15% !important;
  }
}

.w-perc-15 {
  width: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-15 {
    width: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-15 {
    width: 15% !important;
  }
}

.w-min-perc-15 {
  min-width: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-15 {
    min-width: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-15 {
    min-width: 15% !important;
  }
}

.w-max-perc-15 {
  max-width: 15%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-15 {
    max-width: 15% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-15 {
    max-width: 15% !important;
  }
}

.h-perc-16 {
  height: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-16 {
    height: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-16 {
    height: 16% !important;
  }
}

.h-min-perc-16 {
  min-height: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-16 {
    min-height: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-16 {
    min-height: 16% !important;
  }
}

.h-max-perc-16 {
  max-height: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-16 {
    max-height: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-16 {
    max-height: 16% !important;
  }
}

.w-perc-16 {
  width: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-16 {
    width: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-16 {
    width: 16% !important;
  }
}

.w-min-perc-16 {
  min-width: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-16 {
    min-width: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-16 {
    min-width: 16% !important;
  }
}

.w-max-perc-16 {
  max-width: 16%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-16 {
    max-width: 16% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-16 {
    max-width: 16% !important;
  }
}

.h-perc-17 {
  height: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-17 {
    height: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-17 {
    height: 17% !important;
  }
}

.h-min-perc-17 {
  min-height: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-17 {
    min-height: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-17 {
    min-height: 17% !important;
  }
}

.h-max-perc-17 {
  max-height: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-17 {
    max-height: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-17 {
    max-height: 17% !important;
  }
}

.w-perc-17 {
  width: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-17 {
    width: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-17 {
    width: 17% !important;
  }
}

.w-min-perc-17 {
  min-width: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-17 {
    min-width: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-17 {
    min-width: 17% !important;
  }
}

.w-max-perc-17 {
  max-width: 17%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-17 {
    max-width: 17% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-17 {
    max-width: 17% !important;
  }
}

.h-perc-18 {
  height: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-18 {
    height: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-18 {
    height: 18% !important;
  }
}

.h-min-perc-18 {
  min-height: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-18 {
    min-height: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-18 {
    min-height: 18% !important;
  }
}

.h-max-perc-18 {
  max-height: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-18 {
    max-height: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-18 {
    max-height: 18% !important;
  }
}

.w-perc-18 {
  width: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-18 {
    width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-18 {
    width: 18% !important;
  }
}

.w-min-perc-18 {
  min-width: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-18 {
    min-width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-18 {
    min-width: 18% !important;
  }
}

.w-max-perc-18 {
  max-width: 18%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-18 {
    max-width: 18% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-18 {
    max-width: 18% !important;
  }
}

.h-perc-19 {
  height: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-19 {
    height: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-19 {
    height: 19% !important;
  }
}

.h-min-perc-19 {
  min-height: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-19 {
    min-height: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-19 {
    min-height: 19% !important;
  }
}

.h-max-perc-19 {
  max-height: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-19 {
    max-height: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-19 {
    max-height: 19% !important;
  }
}

.w-perc-19 {
  width: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-19 {
    width: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-19 {
    width: 19% !important;
  }
}

.w-min-perc-19 {
  min-width: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-19 {
    min-width: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-19 {
    min-width: 19% !important;
  }
}

.w-max-perc-19 {
  max-width: 19%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-19 {
    max-width: 19% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-19 {
    max-width: 19% !important;
  }
}

.h-perc-20 {
  height: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-20 {
    height: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-20 {
    height: 20% !important;
  }
}

.h-min-perc-20 {
  min-height: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-20 {
    min-height: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-20 {
    min-height: 20% !important;
  }
}

.h-max-perc-20 {
  max-height: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-20 {
    max-height: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-20 {
    max-height: 20% !important;
  }
}

.w-perc-20 {
  width: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-20 {
    width: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-20 {
    width: 20% !important;
  }
}

.w-min-perc-20 {
  min-width: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-20 {
    min-width: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-20 {
    min-width: 20% !important;
  }
}

.w-max-perc-20 {
  max-width: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-20 {
    max-width: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-20 {
    max-width: 20% !important;
  }
}

.h-perc-21 {
  height: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-21 {
    height: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-21 {
    height: 21% !important;
  }
}

.h-min-perc-21 {
  min-height: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-21 {
    min-height: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-21 {
    min-height: 21% !important;
  }
}

.h-max-perc-21 {
  max-height: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-21 {
    max-height: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-21 {
    max-height: 21% !important;
  }
}

.w-perc-21 {
  width: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-21 {
    width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-21 {
    width: 21% !important;
  }
}

.w-min-perc-21 {
  min-width: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-21 {
    min-width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-21 {
    min-width: 21% !important;
  }
}

.w-max-perc-21 {
  max-width: 21%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-21 {
    max-width: 21% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-21 {
    max-width: 21% !important;
  }
}

.h-perc-22 {
  height: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-22 {
    height: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-22 {
    height: 22% !important;
  }
}

.h-min-perc-22 {
  min-height: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-22 {
    min-height: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-22 {
    min-height: 22% !important;
  }
}

.h-max-perc-22 {
  max-height: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-22 {
    max-height: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-22 {
    max-height: 22% !important;
  }
}

.w-perc-22 {
  width: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-22 {
    width: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-22 {
    width: 22% !important;
  }
}

.w-min-perc-22 {
  min-width: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-22 {
    min-width: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-22 {
    min-width: 22% !important;
  }
}

.w-max-perc-22 {
  max-width: 22%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-22 {
    max-width: 22% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-22 {
    max-width: 22% !important;
  }
}

.h-perc-23 {
  height: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-23 {
    height: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-23 {
    height: 23% !important;
  }
}

.h-min-perc-23 {
  min-height: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-23 {
    min-height: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-23 {
    min-height: 23% !important;
  }
}

.h-max-perc-23 {
  max-height: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-23 {
    max-height: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-23 {
    max-height: 23% !important;
  }
}

.w-perc-23 {
  width: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-23 {
    width: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-23 {
    width: 23% !important;
  }
}

.w-min-perc-23 {
  min-width: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-23 {
    min-width: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-23 {
    min-width: 23% !important;
  }
}

.w-max-perc-23 {
  max-width: 23%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-23 {
    max-width: 23% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-23 {
    max-width: 23% !important;
  }
}

.h-perc-24 {
  height: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-24 {
    height: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-24 {
    height: 24% !important;
  }
}

.h-min-perc-24 {
  min-height: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-24 {
    min-height: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-24 {
    min-height: 24% !important;
  }
}

.h-max-perc-24 {
  max-height: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-24 {
    max-height: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-24 {
    max-height: 24% !important;
  }
}

.w-perc-24 {
  width: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-24 {
    width: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-24 {
    width: 24% !important;
  }
}

.w-min-perc-24 {
  min-width: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-24 {
    min-width: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-24 {
    min-width: 24% !important;
  }
}

.w-max-perc-24 {
  max-width: 24%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-24 {
    max-width: 24% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-24 {
    max-width: 24% !important;
  }
}

.h-perc-25 {
  height: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-25 {
    height: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-25 {
    height: 25% !important;
  }
}

.h-min-perc-25 {
  min-height: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-25 {
    min-height: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-25 {
    min-height: 25% !important;
  }
}

.h-max-perc-25 {
  max-height: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-25 {
    max-height: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-25 {
    max-height: 25% !important;
  }
}

.w-perc-25 {
  width: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-25 {
    width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-25 {
    width: 25% !important;
  }
}

.w-min-perc-25 {
  min-width: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-25 {
    min-width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-25 {
    min-width: 25% !important;
  }
}

.w-max-perc-25 {
  max-width: 25%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-25 {
    max-width: 25% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-25 {
    max-width: 25% !important;
  }
}

.h-perc-26 {
  height: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-26 {
    height: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-26 {
    height: 26% !important;
  }
}

.h-min-perc-26 {
  min-height: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-26 {
    min-height: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-26 {
    min-height: 26% !important;
  }
}

.h-max-perc-26 {
  max-height: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-26 {
    max-height: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-26 {
    max-height: 26% !important;
  }
}

.w-perc-26 {
  width: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-26 {
    width: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-26 {
    width: 26% !important;
  }
}

.w-min-perc-26 {
  min-width: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-26 {
    min-width: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-26 {
    min-width: 26% !important;
  }
}

.w-max-perc-26 {
  max-width: 26%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-26 {
    max-width: 26% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-26 {
    max-width: 26% !important;
  }
}

.h-perc-27 {
  height: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-27 {
    height: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-27 {
    height: 27% !important;
  }
}

.h-min-perc-27 {
  min-height: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-27 {
    min-height: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-27 {
    min-height: 27% !important;
  }
}

.h-max-perc-27 {
  max-height: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-27 {
    max-height: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-27 {
    max-height: 27% !important;
  }
}

.w-perc-27 {
  width: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-27 {
    width: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-27 {
    width: 27% !important;
  }
}

.w-min-perc-27 {
  min-width: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-27 {
    min-width: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-27 {
    min-width: 27% !important;
  }
}

.w-max-perc-27 {
  max-width: 27%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-27 {
    max-width: 27% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-27 {
    max-width: 27% !important;
  }
}

.h-perc-28 {
  height: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-28 {
    height: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-28 {
    height: 28% !important;
  }
}

.h-min-perc-28 {
  min-height: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-28 {
    min-height: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-28 {
    min-height: 28% !important;
  }
}

.h-max-perc-28 {
  max-height: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-28 {
    max-height: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-28 {
    max-height: 28% !important;
  }
}

.w-perc-28 {
  width: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-28 {
    width: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-28 {
    width: 28% !important;
  }
}

.w-min-perc-28 {
  min-width: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-28 {
    min-width: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-28 {
    min-width: 28% !important;
  }
}

.w-max-perc-28 {
  max-width: 28%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-28 {
    max-width: 28% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-28 {
    max-width: 28% !important;
  }
}

.h-perc-29 {
  height: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-29 {
    height: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-29 {
    height: 29% !important;
  }
}

.h-min-perc-29 {
  min-height: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-29 {
    min-height: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-29 {
    min-height: 29% !important;
  }
}

.h-max-perc-29 {
  max-height: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-29 {
    max-height: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-29 {
    max-height: 29% !important;
  }
}

.w-perc-29 {
  width: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-29 {
    width: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-29 {
    width: 29% !important;
  }
}

.w-min-perc-29 {
  min-width: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-29 {
    min-width: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-29 {
    min-width: 29% !important;
  }
}

.w-max-perc-29 {
  max-width: 29%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-29 {
    max-width: 29% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-29 {
    max-width: 29% !important;
  }
}

.h-perc-30 {
  height: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-30 {
    height: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-30 {
    height: 30% !important;
  }
}

.h-min-perc-30 {
  min-height: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-30 {
    min-height: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-30 {
    min-height: 30% !important;
  }
}

.h-max-perc-30 {
  max-height: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-30 {
    max-height: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-30 {
    max-height: 30% !important;
  }
}

.w-perc-30 {
  width: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-30 {
    width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-30 {
    width: 30% !important;
  }
}

.w-min-perc-30 {
  min-width: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-30 {
    min-width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-30 {
    min-width: 30% !important;
  }
}

.w-max-perc-30 {
  max-width: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-30 {
    max-width: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-30 {
    max-width: 30% !important;
  }
}

.h-perc-31 {
  height: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-31 {
    height: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-31 {
    height: 31% !important;
  }
}

.h-min-perc-31 {
  min-height: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-31 {
    min-height: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-31 {
    min-height: 31% !important;
  }
}

.h-max-perc-31 {
  max-height: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-31 {
    max-height: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-31 {
    max-height: 31% !important;
  }
}

.w-perc-31 {
  width: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-31 {
    width: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-31 {
    width: 31% !important;
  }
}

.w-min-perc-31 {
  min-width: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-31 {
    min-width: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-31 {
    min-width: 31% !important;
  }
}

.w-max-perc-31 {
  max-width: 31%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-31 {
    max-width: 31% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-31 {
    max-width: 31% !important;
  }
}

.h-perc-32 {
  height: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-32 {
    height: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-32 {
    height: 32% !important;
  }
}

.h-min-perc-32 {
  min-height: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-32 {
    min-height: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-32 {
    min-height: 32% !important;
  }
}

.h-max-perc-32 {
  max-height: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-32 {
    max-height: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-32 {
    max-height: 32% !important;
  }
}

.w-perc-32 {
  width: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-32 {
    width: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-32 {
    width: 32% !important;
  }
}

.w-min-perc-32 {
  min-width: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-32 {
    min-width: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-32 {
    min-width: 32% !important;
  }
}

.w-max-perc-32 {
  max-width: 32%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-32 {
    max-width: 32% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-32 {
    max-width: 32% !important;
  }
}

.h-perc-33 {
  height: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-33 {
    height: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-33 {
    height: 33% !important;
  }
}

.h-min-perc-33 {
  min-height: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-33 {
    min-height: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-33 {
    min-height: 33% !important;
  }
}

.h-max-perc-33 {
  max-height: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-33 {
    max-height: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-33 {
    max-height: 33% !important;
  }
}

.w-perc-33 {
  width: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-33 {
    width: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-33 {
    width: 33% !important;
  }
}

.w-min-perc-33 {
  min-width: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-33 {
    min-width: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-33 {
    min-width: 33% !important;
  }
}

.w-max-perc-33 {
  max-width: 33%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-33 {
    max-width: 33% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-33 {
    max-width: 33% !important;
  }
}

.h-perc-34 {
  height: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-34 {
    height: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-34 {
    height: 34% !important;
  }
}

.h-min-perc-34 {
  min-height: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-34 {
    min-height: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-34 {
    min-height: 34% !important;
  }
}

.h-max-perc-34 {
  max-height: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-34 {
    max-height: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-34 {
    max-height: 34% !important;
  }
}

.w-perc-34 {
  width: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-34 {
    width: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-34 {
    width: 34% !important;
  }
}

.w-min-perc-34 {
  min-width: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-34 {
    min-width: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-34 {
    min-width: 34% !important;
  }
}

.w-max-perc-34 {
  max-width: 34%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-34 {
    max-width: 34% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-34 {
    max-width: 34% !important;
  }
}

.h-perc-35 {
  height: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-35 {
    height: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-35 {
    height: 35% !important;
  }
}

.h-min-perc-35 {
  min-height: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-35 {
    min-height: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-35 {
    min-height: 35% !important;
  }
}

.h-max-perc-35 {
  max-height: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-35 {
    max-height: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-35 {
    max-height: 35% !important;
  }
}

.w-perc-35 {
  width: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-35 {
    width: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-35 {
    width: 35% !important;
  }
}

.w-min-perc-35 {
  min-width: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-35 {
    min-width: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-35 {
    min-width: 35% !important;
  }
}

.w-max-perc-35 {
  max-width: 35%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-35 {
    max-width: 35% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-35 {
    max-width: 35% !important;
  }
}

.h-perc-36 {
  height: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-36 {
    height: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-36 {
    height: 36% !important;
  }
}

.h-min-perc-36 {
  min-height: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-36 {
    min-height: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-36 {
    min-height: 36% !important;
  }
}

.h-max-perc-36 {
  max-height: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-36 {
    max-height: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-36 {
    max-height: 36% !important;
  }
}

.w-perc-36 {
  width: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-36 {
    width: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-36 {
    width: 36% !important;
  }
}

.w-min-perc-36 {
  min-width: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-36 {
    min-width: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-36 {
    min-width: 36% !important;
  }
}

.w-max-perc-36 {
  max-width: 36%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-36 {
    max-width: 36% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-36 {
    max-width: 36% !important;
  }
}

.h-perc-37 {
  height: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-37 {
    height: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-37 {
    height: 37% !important;
  }
}

.h-min-perc-37 {
  min-height: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-37 {
    min-height: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-37 {
    min-height: 37% !important;
  }
}

.h-max-perc-37 {
  max-height: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-37 {
    max-height: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-37 {
    max-height: 37% !important;
  }
}

.w-perc-37 {
  width: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-37 {
    width: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-37 {
    width: 37% !important;
  }
}

.w-min-perc-37 {
  min-width: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-37 {
    min-width: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-37 {
    min-width: 37% !important;
  }
}

.w-max-perc-37 {
  max-width: 37%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-37 {
    max-width: 37% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-37 {
    max-width: 37% !important;
  }
}

.h-perc-38 {
  height: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-38 {
    height: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-38 {
    height: 38% !important;
  }
}

.h-min-perc-38 {
  min-height: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-38 {
    min-height: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-38 {
    min-height: 38% !important;
  }
}

.h-max-perc-38 {
  max-height: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-38 {
    max-height: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-38 {
    max-height: 38% !important;
  }
}

.w-perc-38 {
  width: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-38 {
    width: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-38 {
    width: 38% !important;
  }
}

.w-min-perc-38 {
  min-width: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-38 {
    min-width: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-38 {
    min-width: 38% !important;
  }
}

.w-max-perc-38 {
  max-width: 38%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-38 {
    max-width: 38% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-38 {
    max-width: 38% !important;
  }
}

.h-perc-39 {
  height: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-39 {
    height: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-39 {
    height: 39% !important;
  }
}

.h-min-perc-39 {
  min-height: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-39 {
    min-height: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-39 {
    min-height: 39% !important;
  }
}

.h-max-perc-39 {
  max-height: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-39 {
    max-height: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-39 {
    max-height: 39% !important;
  }
}

.w-perc-39 {
  width: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-39 {
    width: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-39 {
    width: 39% !important;
  }
}

.w-min-perc-39 {
  min-width: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-39 {
    min-width: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-39 {
    min-width: 39% !important;
  }
}

.w-max-perc-39 {
  max-width: 39%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-39 {
    max-width: 39% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-39 {
    max-width: 39% !important;
  }
}

.h-perc-40 {
  height: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-40 {
    height: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-40 {
    height: 40% !important;
  }
}

.h-min-perc-40 {
  min-height: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-40 {
    min-height: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-40 {
    min-height: 40% !important;
  }
}

.h-max-perc-40 {
  max-height: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-40 {
    max-height: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-40 {
    max-height: 40% !important;
  }
}

.w-perc-40 {
  width: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-40 {
    width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-40 {
    width: 40% !important;
  }
}

.w-min-perc-40 {
  min-width: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-40 {
    min-width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-40 {
    min-width: 40% !important;
  }
}

.w-max-perc-40 {
  max-width: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-40 {
    max-width: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-40 {
    max-width: 40% !important;
  }
}

.h-perc-41 {
  height: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-41 {
    height: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-41 {
    height: 41% !important;
  }
}

.h-min-perc-41 {
  min-height: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-41 {
    min-height: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-41 {
    min-height: 41% !important;
  }
}

.h-max-perc-41 {
  max-height: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-41 {
    max-height: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-41 {
    max-height: 41% !important;
  }
}

.w-perc-41 {
  width: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-41 {
    width: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-41 {
    width: 41% !important;
  }
}

.w-min-perc-41 {
  min-width: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-41 {
    min-width: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-41 {
    min-width: 41% !important;
  }
}

.w-max-perc-41 {
  max-width: 41%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-41 {
    max-width: 41% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-41 {
    max-width: 41% !important;
  }
}

.h-perc-42 {
  height: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-42 {
    height: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-42 {
    height: 42% !important;
  }
}

.h-min-perc-42 {
  min-height: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-42 {
    min-height: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-42 {
    min-height: 42% !important;
  }
}

.h-max-perc-42 {
  max-height: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-42 {
    max-height: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-42 {
    max-height: 42% !important;
  }
}

.w-perc-42 {
  width: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-42 {
    width: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-42 {
    width: 42% !important;
  }
}

.w-min-perc-42 {
  min-width: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-42 {
    min-width: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-42 {
    min-width: 42% !important;
  }
}

.w-max-perc-42 {
  max-width: 42%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-42 {
    max-width: 42% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-42 {
    max-width: 42% !important;
  }
}

.h-perc-43 {
  height: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-43 {
    height: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-43 {
    height: 43% !important;
  }
}

.h-min-perc-43 {
  min-height: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-43 {
    min-height: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-43 {
    min-height: 43% !important;
  }
}

.h-max-perc-43 {
  max-height: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-43 {
    max-height: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-43 {
    max-height: 43% !important;
  }
}

.w-perc-43 {
  width: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-43 {
    width: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-43 {
    width: 43% !important;
  }
}

.w-min-perc-43 {
  min-width: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-43 {
    min-width: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-43 {
    min-width: 43% !important;
  }
}

.w-max-perc-43 {
  max-width: 43%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-43 {
    max-width: 43% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-43 {
    max-width: 43% !important;
  }
}

.h-perc-44 {
  height: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-44 {
    height: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-44 {
    height: 44% !important;
  }
}

.h-min-perc-44 {
  min-height: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-44 {
    min-height: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-44 {
    min-height: 44% !important;
  }
}

.h-max-perc-44 {
  max-height: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-44 {
    max-height: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-44 {
    max-height: 44% !important;
  }
}

.w-perc-44 {
  width: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-44 {
    width: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-44 {
    width: 44% !important;
  }
}

.w-min-perc-44 {
  min-width: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-44 {
    min-width: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-44 {
    min-width: 44% !important;
  }
}

.w-max-perc-44 {
  max-width: 44%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-44 {
    max-width: 44% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-44 {
    max-width: 44% !important;
  }
}

.h-perc-45 {
  height: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-45 {
    height: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-45 {
    height: 45% !important;
  }
}

.h-min-perc-45 {
  min-height: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-45 {
    min-height: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-45 {
    min-height: 45% !important;
  }
}

.h-max-perc-45 {
  max-height: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-45 {
    max-height: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-45 {
    max-height: 45% !important;
  }
}

.w-perc-45 {
  width: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-45 {
    width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-45 {
    width: 45% !important;
  }
}

.w-min-perc-45 {
  min-width: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-45 {
    min-width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-45 {
    min-width: 45% !important;
  }
}

.w-max-perc-45 {
  max-width: 45%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-45 {
    max-width: 45% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-45 {
    max-width: 45% !important;
  }
}

.h-perc-46 {
  height: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-46 {
    height: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-46 {
    height: 46% !important;
  }
}

.h-min-perc-46 {
  min-height: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-46 {
    min-height: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-46 {
    min-height: 46% !important;
  }
}

.h-max-perc-46 {
  max-height: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-46 {
    max-height: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-46 {
    max-height: 46% !important;
  }
}

.w-perc-46 {
  width: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-46 {
    width: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-46 {
    width: 46% !important;
  }
}

.w-min-perc-46 {
  min-width: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-46 {
    min-width: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-46 {
    min-width: 46% !important;
  }
}

.w-max-perc-46 {
  max-width: 46%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-46 {
    max-width: 46% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-46 {
    max-width: 46% !important;
  }
}

.h-perc-47 {
  height: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-47 {
    height: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-47 {
    height: 47% !important;
  }
}

.h-min-perc-47 {
  min-height: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-47 {
    min-height: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-47 {
    min-height: 47% !important;
  }
}

.h-max-perc-47 {
  max-height: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-47 {
    max-height: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-47 {
    max-height: 47% !important;
  }
}

.w-perc-47 {
  width: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-47 {
    width: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-47 {
    width: 47% !important;
  }
}

.w-min-perc-47 {
  min-width: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-47 {
    min-width: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-47 {
    min-width: 47% !important;
  }
}

.w-max-perc-47 {
  max-width: 47%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-47 {
    max-width: 47% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-47 {
    max-width: 47% !important;
  }
}

.h-perc-48 {
  height: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-48 {
    height: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-48 {
    height: 48% !important;
  }
}

.h-min-perc-48 {
  min-height: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-48 {
    min-height: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-48 {
    min-height: 48% !important;
  }
}

.h-max-perc-48 {
  max-height: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-48 {
    max-height: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-48 {
    max-height: 48% !important;
  }
}

.w-perc-48 {
  width: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-48 {
    width: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-48 {
    width: 48% !important;
  }
}

.w-min-perc-48 {
  min-width: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-48 {
    min-width: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-48 {
    min-width: 48% !important;
  }
}

.w-max-perc-48 {
  max-width: 48%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-48 {
    max-width: 48% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-48 {
    max-width: 48% !important;
  }
}

.h-perc-49 {
  height: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-49 {
    height: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-49 {
    height: 49% !important;
  }
}

.h-min-perc-49 {
  min-height: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-49 {
    min-height: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-49 {
    min-height: 49% !important;
  }
}

.h-max-perc-49 {
  max-height: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-49 {
    max-height: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-49 {
    max-height: 49% !important;
  }
}

.w-perc-49 {
  width: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-49 {
    width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-49 {
    width: 49% !important;
  }
}

.w-min-perc-49 {
  min-width: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-49 {
    min-width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-49 {
    min-width: 49% !important;
  }
}

.w-max-perc-49 {
  max-width: 49%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-49 {
    max-width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-49 {
    max-width: 49% !important;
  }
}

.h-perc-50 {
  height: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-50 {
    height: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-50 {
    height: 50% !important;
  }
}

.h-min-perc-50 {
  min-height: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-50 {
    min-height: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-50 {
    min-height: 50% !important;
  }
}

.h-max-perc-50 {
  max-height: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-50 {
    max-height: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-50 {
    max-height: 50% !important;
  }
}

.w-perc-50 {
  width: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-50 {
    width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-50 {
    width: 50% !important;
  }
}

.w-min-perc-50 {
  min-width: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-50 {
    min-width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-50 {
    min-width: 50% !important;
  }
}

.w-max-perc-50 {
  max-width: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-50 {
    max-width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-50 {
    max-width: 50% !important;
  }
}

.h-perc-51 {
  height: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-51 {
    height: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-51 {
    height: 51% !important;
  }
}

.h-min-perc-51 {
  min-height: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-51 {
    min-height: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-51 {
    min-height: 51% !important;
  }
}

.h-max-perc-51 {
  max-height: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-51 {
    max-height: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-51 {
    max-height: 51% !important;
  }
}

.w-perc-51 {
  width: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-51 {
    width: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-51 {
    width: 51% !important;
  }
}

.w-min-perc-51 {
  min-width: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-51 {
    min-width: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-51 {
    min-width: 51% !important;
  }
}

.w-max-perc-51 {
  max-width: 51%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-51 {
    max-width: 51% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-51 {
    max-width: 51% !important;
  }
}

.h-perc-52 {
  height: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-52 {
    height: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-52 {
    height: 52% !important;
  }
}

.h-min-perc-52 {
  min-height: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-52 {
    min-height: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-52 {
    min-height: 52% !important;
  }
}

.h-max-perc-52 {
  max-height: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-52 {
    max-height: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-52 {
    max-height: 52% !important;
  }
}

.w-perc-52 {
  width: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-52 {
    width: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-52 {
    width: 52% !important;
  }
}

.w-min-perc-52 {
  min-width: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-52 {
    min-width: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-52 {
    min-width: 52% !important;
  }
}

.w-max-perc-52 {
  max-width: 52%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-52 {
    max-width: 52% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-52 {
    max-width: 52% !important;
  }
}

.h-perc-53 {
  height: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-53 {
    height: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-53 {
    height: 53% !important;
  }
}

.h-min-perc-53 {
  min-height: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-53 {
    min-height: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-53 {
    min-height: 53% !important;
  }
}

.h-max-perc-53 {
  max-height: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-53 {
    max-height: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-53 {
    max-height: 53% !important;
  }
}

.w-perc-53 {
  width: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-53 {
    width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-53 {
    width: 53% !important;
  }
}

.w-min-perc-53 {
  min-width: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-53 {
    min-width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-53 {
    min-width: 53% !important;
  }
}

.w-max-perc-53 {
  max-width: 53%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-53 {
    max-width: 53% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-53 {
    max-width: 53% !important;
  }
}

.h-perc-54 {
  height: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-54 {
    height: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-54 {
    height: 54% !important;
  }
}

.h-min-perc-54 {
  min-height: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-54 {
    min-height: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-54 {
    min-height: 54% !important;
  }
}

.h-max-perc-54 {
  max-height: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-54 {
    max-height: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-54 {
    max-height: 54% !important;
  }
}

.w-perc-54 {
  width: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-54 {
    width: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-54 {
    width: 54% !important;
  }
}

.w-min-perc-54 {
  min-width: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-54 {
    min-width: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-54 {
    min-width: 54% !important;
  }
}

.w-max-perc-54 {
  max-width: 54%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-54 {
    max-width: 54% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-54 {
    max-width: 54% !important;
  }
}

.h-perc-55 {
  height: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-55 {
    height: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-55 {
    height: 55% !important;
  }
}

.h-min-perc-55 {
  min-height: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-55 {
    min-height: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-55 {
    min-height: 55% !important;
  }
}

.h-max-perc-55 {
  max-height: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-55 {
    max-height: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-55 {
    max-height: 55% !important;
  }
}

.w-perc-55 {
  width: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-55 {
    width: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-55 {
    width: 55% !important;
  }
}

.w-min-perc-55 {
  min-width: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-55 {
    min-width: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-55 {
    min-width: 55% !important;
  }
}

.w-max-perc-55 {
  max-width: 55%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-55 {
    max-width: 55% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-55 {
    max-width: 55% !important;
  }
}

.h-perc-56 {
  height: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-56 {
    height: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-56 {
    height: 56% !important;
  }
}

.h-min-perc-56 {
  min-height: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-56 {
    min-height: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-56 {
    min-height: 56% !important;
  }
}

.h-max-perc-56 {
  max-height: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-56 {
    max-height: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-56 {
    max-height: 56% !important;
  }
}

.w-perc-56 {
  width: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-56 {
    width: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-56 {
    width: 56% !important;
  }
}

.w-min-perc-56 {
  min-width: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-56 {
    min-width: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-56 {
    min-width: 56% !important;
  }
}

.w-max-perc-56 {
  max-width: 56%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-56 {
    max-width: 56% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-56 {
    max-width: 56% !important;
  }
}

.h-perc-57 {
  height: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-57 {
    height: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-57 {
    height: 57% !important;
  }
}

.h-min-perc-57 {
  min-height: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-57 {
    min-height: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-57 {
    min-height: 57% !important;
  }
}

.h-max-perc-57 {
  max-height: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-57 {
    max-height: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-57 {
    max-height: 57% !important;
  }
}

.w-perc-57 {
  width: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-57 {
    width: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-57 {
    width: 57% !important;
  }
}

.w-min-perc-57 {
  min-width: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-57 {
    min-width: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-57 {
    min-width: 57% !important;
  }
}

.w-max-perc-57 {
  max-width: 57%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-57 {
    max-width: 57% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-57 {
    max-width: 57% !important;
  }
}

.h-perc-58 {
  height: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-58 {
    height: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-58 {
    height: 58% !important;
  }
}

.h-min-perc-58 {
  min-height: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-58 {
    min-height: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-58 {
    min-height: 58% !important;
  }
}

.h-max-perc-58 {
  max-height: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-58 {
    max-height: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-58 {
    max-height: 58% !important;
  }
}

.w-perc-58 {
  width: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-58 {
    width: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-58 {
    width: 58% !important;
  }
}

.w-min-perc-58 {
  min-width: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-58 {
    min-width: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-58 {
    min-width: 58% !important;
  }
}

.w-max-perc-58 {
  max-width: 58%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-58 {
    max-width: 58% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-58 {
    max-width: 58% !important;
  }
}

.h-perc-59 {
  height: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-59 {
    height: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-59 {
    height: 59% !important;
  }
}

.h-min-perc-59 {
  min-height: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-59 {
    min-height: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-59 {
    min-height: 59% !important;
  }
}

.h-max-perc-59 {
  max-height: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-59 {
    max-height: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-59 {
    max-height: 59% !important;
  }
}

.w-perc-59 {
  width: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-59 {
    width: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-59 {
    width: 59% !important;
  }
}

.w-min-perc-59 {
  min-width: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-59 {
    min-width: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-59 {
    min-width: 59% !important;
  }
}

.w-max-perc-59 {
  max-width: 59%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-59 {
    max-width: 59% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-59 {
    max-width: 59% !important;
  }
}

.h-perc-60 {
  height: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-60 {
    height: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-60 {
    height: 60% !important;
  }
}

.h-min-perc-60 {
  min-height: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-60 {
    min-height: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-60 {
    min-height: 60% !important;
  }
}

.h-max-perc-60 {
  max-height: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-60 {
    max-height: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-60 {
    max-height: 60% !important;
  }
}

.w-perc-60 {
  width: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-60 {
    width: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-60 {
    width: 60% !important;
  }
}

.w-min-perc-60 {
  min-width: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-60 {
    min-width: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-60 {
    min-width: 60% !important;
  }
}

.w-max-perc-60 {
  max-width: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-60 {
    max-width: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-60 {
    max-width: 60% !important;
  }
}

.h-perc-61 {
  height: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-61 {
    height: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-61 {
    height: 61% !important;
  }
}

.h-min-perc-61 {
  min-height: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-61 {
    min-height: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-61 {
    min-height: 61% !important;
  }
}

.h-max-perc-61 {
  max-height: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-61 {
    max-height: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-61 {
    max-height: 61% !important;
  }
}

.w-perc-61 {
  width: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-61 {
    width: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-61 {
    width: 61% !important;
  }
}

.w-min-perc-61 {
  min-width: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-61 {
    min-width: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-61 {
    min-width: 61% !important;
  }
}

.w-max-perc-61 {
  max-width: 61%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-61 {
    max-width: 61% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-61 {
    max-width: 61% !important;
  }
}

.h-perc-62 {
  height: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-62 {
    height: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-62 {
    height: 62% !important;
  }
}

.h-min-perc-62 {
  min-height: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-62 {
    min-height: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-62 {
    min-height: 62% !important;
  }
}

.h-max-perc-62 {
  max-height: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-62 {
    max-height: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-62 {
    max-height: 62% !important;
  }
}

.w-perc-62 {
  width: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-62 {
    width: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-62 {
    width: 62% !important;
  }
}

.w-min-perc-62 {
  min-width: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-62 {
    min-width: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-62 {
    min-width: 62% !important;
  }
}

.w-max-perc-62 {
  max-width: 62%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-62 {
    max-width: 62% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-62 {
    max-width: 62% !important;
  }
}

.h-perc-63 {
  height: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-63 {
    height: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-63 {
    height: 63% !important;
  }
}

.h-min-perc-63 {
  min-height: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-63 {
    min-height: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-63 {
    min-height: 63% !important;
  }
}

.h-max-perc-63 {
  max-height: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-63 {
    max-height: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-63 {
    max-height: 63% !important;
  }
}

.w-perc-63 {
  width: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-63 {
    width: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-63 {
    width: 63% !important;
  }
}

.w-min-perc-63 {
  min-width: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-63 {
    min-width: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-63 {
    min-width: 63% !important;
  }
}

.w-max-perc-63 {
  max-width: 63%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-63 {
    max-width: 63% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-63 {
    max-width: 63% !important;
  }
}

.h-perc-64 {
  height: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-64 {
    height: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-64 {
    height: 64% !important;
  }
}

.h-min-perc-64 {
  min-height: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-64 {
    min-height: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-64 {
    min-height: 64% !important;
  }
}

.h-max-perc-64 {
  max-height: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-64 {
    max-height: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-64 {
    max-height: 64% !important;
  }
}

.w-perc-64 {
  width: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-64 {
    width: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-64 {
    width: 64% !important;
  }
}

.w-min-perc-64 {
  min-width: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-64 {
    min-width: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-64 {
    min-width: 64% !important;
  }
}

.w-max-perc-64 {
  max-width: 64%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-64 {
    max-width: 64% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-64 {
    max-width: 64% !important;
  }
}

.h-perc-65 {
  height: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-65 {
    height: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-65 {
    height: 65% !important;
  }
}

.h-min-perc-65 {
  min-height: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-65 {
    min-height: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-65 {
    min-height: 65% !important;
  }
}

.h-max-perc-65 {
  max-height: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-65 {
    max-height: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-65 {
    max-height: 65% !important;
  }
}

.w-perc-65 {
  width: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-65 {
    width: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-65 {
    width: 65% !important;
  }
}

.w-min-perc-65 {
  min-width: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-65 {
    min-width: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-65 {
    min-width: 65% !important;
  }
}

.w-max-perc-65 {
  max-width: 65%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-65 {
    max-width: 65% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-65 {
    max-width: 65% !important;
  }
}

.h-perc-66 {
  height: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-66 {
    height: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-66 {
    height: 66% !important;
  }
}

.h-min-perc-66 {
  min-height: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-66 {
    min-height: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-66 {
    min-height: 66% !important;
  }
}

.h-max-perc-66 {
  max-height: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-66 {
    max-height: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-66 {
    max-height: 66% !important;
  }
}

.w-perc-66 {
  width: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-66 {
    width: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-66 {
    width: 66% !important;
  }
}

.w-min-perc-66 {
  min-width: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-66 {
    min-width: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-66 {
    min-width: 66% !important;
  }
}

.w-max-perc-66 {
  max-width: 66%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-66 {
    max-width: 66% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-66 {
    max-width: 66% !important;
  }
}

.h-perc-67 {
  height: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-67 {
    height: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-67 {
    height: 67% !important;
  }
}

.h-min-perc-67 {
  min-height: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-67 {
    min-height: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-67 {
    min-height: 67% !important;
  }
}

.h-max-perc-67 {
  max-height: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-67 {
    max-height: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-67 {
    max-height: 67% !important;
  }
}

.w-perc-67 {
  width: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-67 {
    width: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-67 {
    width: 67% !important;
  }
}

.w-min-perc-67 {
  min-width: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-67 {
    min-width: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-67 {
    min-width: 67% !important;
  }
}

.w-max-perc-67 {
  max-width: 67%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-67 {
    max-width: 67% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-67 {
    max-width: 67% !important;
  }
}

.h-perc-68 {
  height: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-68 {
    height: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-68 {
    height: 68% !important;
  }
}

.h-min-perc-68 {
  min-height: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-68 {
    min-height: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-68 {
    min-height: 68% !important;
  }
}

.h-max-perc-68 {
  max-height: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-68 {
    max-height: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-68 {
    max-height: 68% !important;
  }
}

.w-perc-68 {
  width: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-68 {
    width: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-68 {
    width: 68% !important;
  }
}

.w-min-perc-68 {
  min-width: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-68 {
    min-width: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-68 {
    min-width: 68% !important;
  }
}

.w-max-perc-68 {
  max-width: 68%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-68 {
    max-width: 68% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-68 {
    max-width: 68% !important;
  }
}

.h-perc-69 {
  height: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-69 {
    height: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-69 {
    height: 69% !important;
  }
}

.h-min-perc-69 {
  min-height: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-69 {
    min-height: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-69 {
    min-height: 69% !important;
  }
}

.h-max-perc-69 {
  max-height: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-69 {
    max-height: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-69 {
    max-height: 69% !important;
  }
}

.w-perc-69 {
  width: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-69 {
    width: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-69 {
    width: 69% !important;
  }
}

.w-min-perc-69 {
  min-width: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-69 {
    min-width: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-69 {
    min-width: 69% !important;
  }
}

.w-max-perc-69 {
  max-width: 69%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-69 {
    max-width: 69% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-69 {
    max-width: 69% !important;
  }
}

.h-perc-70 {
  height: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-70 {
    height: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-70 {
    height: 70% !important;
  }
}

.h-min-perc-70 {
  min-height: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-70 {
    min-height: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-70 {
    min-height: 70% !important;
  }
}

.h-max-perc-70 {
  max-height: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-70 {
    max-height: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-70 {
    max-height: 70% !important;
  }
}

.w-perc-70 {
  width: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-70 {
    width: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-70 {
    width: 70% !important;
  }
}

.w-min-perc-70 {
  min-width: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-70 {
    min-width: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-70 {
    min-width: 70% !important;
  }
}

.w-max-perc-70 {
  max-width: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-70 {
    max-width: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-70 {
    max-width: 70% !important;
  }
}

.h-perc-71 {
  height: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-71 {
    height: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-71 {
    height: 71% !important;
  }
}

.h-min-perc-71 {
  min-height: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-71 {
    min-height: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-71 {
    min-height: 71% !important;
  }
}

.h-max-perc-71 {
  max-height: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-71 {
    max-height: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-71 {
    max-height: 71% !important;
  }
}

.w-perc-71 {
  width: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-71 {
    width: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-71 {
    width: 71% !important;
  }
}

.w-min-perc-71 {
  min-width: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-71 {
    min-width: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-71 {
    min-width: 71% !important;
  }
}

.w-max-perc-71 {
  max-width: 71%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-71 {
    max-width: 71% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-71 {
    max-width: 71% !important;
  }
}

.h-perc-72 {
  height: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-72 {
    height: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-72 {
    height: 72% !important;
  }
}

.h-min-perc-72 {
  min-height: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-72 {
    min-height: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-72 {
    min-height: 72% !important;
  }
}

.h-max-perc-72 {
  max-height: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-72 {
    max-height: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-72 {
    max-height: 72% !important;
  }
}

.w-perc-72 {
  width: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-72 {
    width: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-72 {
    width: 72% !important;
  }
}

.w-min-perc-72 {
  min-width: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-72 {
    min-width: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-72 {
    min-width: 72% !important;
  }
}

.w-max-perc-72 {
  max-width: 72%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-72 {
    max-width: 72% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-72 {
    max-width: 72% !important;
  }
}

.h-perc-73 {
  height: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-73 {
    height: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-73 {
    height: 73% !important;
  }
}

.h-min-perc-73 {
  min-height: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-73 {
    min-height: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-73 {
    min-height: 73% !important;
  }
}

.h-max-perc-73 {
  max-height: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-73 {
    max-height: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-73 {
    max-height: 73% !important;
  }
}

.w-perc-73 {
  width: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-73 {
    width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-73 {
    width: 73% !important;
  }
}

.w-min-perc-73 {
  min-width: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-73 {
    min-width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-73 {
    min-width: 73% !important;
  }
}

.w-max-perc-73 {
  max-width: 73%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-73 {
    max-width: 73% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-73 {
    max-width: 73% !important;
  }
}

.h-perc-74 {
  height: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-74 {
    height: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-74 {
    height: 74% !important;
  }
}

.h-min-perc-74 {
  min-height: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-74 {
    min-height: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-74 {
    min-height: 74% !important;
  }
}

.h-max-perc-74 {
  max-height: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-74 {
    max-height: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-74 {
    max-height: 74% !important;
  }
}

.w-perc-74 {
  width: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-74 {
    width: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-74 {
    width: 74% !important;
  }
}

.w-min-perc-74 {
  min-width: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-74 {
    min-width: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-74 {
    min-width: 74% !important;
  }
}

.w-max-perc-74 {
  max-width: 74%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-74 {
    max-width: 74% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-74 {
    max-width: 74% !important;
  }
}

.h-perc-75 {
  height: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-75 {
    height: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-75 {
    height: 75% !important;
  }
}

.h-min-perc-75 {
  min-height: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-75 {
    min-height: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-75 {
    min-height: 75% !important;
  }
}

.h-max-perc-75 {
  max-height: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-75 {
    max-height: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-75 {
    max-height: 75% !important;
  }
}

.w-perc-75 {
  width: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-75 {
    width: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-75 {
    width: 75% !important;
  }
}

.w-min-perc-75 {
  min-width: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-75 {
    min-width: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-75 {
    min-width: 75% !important;
  }
}

.w-max-perc-75 {
  max-width: 75%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-75 {
    max-width: 75% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-75 {
    max-width: 75% !important;
  }
}

.h-perc-76 {
  height: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-76 {
    height: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-76 {
    height: 76% !important;
  }
}

.h-min-perc-76 {
  min-height: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-76 {
    min-height: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-76 {
    min-height: 76% !important;
  }
}

.h-max-perc-76 {
  max-height: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-76 {
    max-height: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-76 {
    max-height: 76% !important;
  }
}

.w-perc-76 {
  width: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-76 {
    width: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-76 {
    width: 76% !important;
  }
}

.w-min-perc-76 {
  min-width: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-76 {
    min-width: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-76 {
    min-width: 76% !important;
  }
}

.w-max-perc-76 {
  max-width: 76%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-76 {
    max-width: 76% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-76 {
    max-width: 76% !important;
  }
}

.h-perc-77 {
  height: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-77 {
    height: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-77 {
    height: 77% !important;
  }
}

.h-min-perc-77 {
  min-height: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-77 {
    min-height: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-77 {
    min-height: 77% !important;
  }
}

.h-max-perc-77 {
  max-height: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-77 {
    max-height: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-77 {
    max-height: 77% !important;
  }
}

.w-perc-77 {
  width: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-77 {
    width: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-77 {
    width: 77% !important;
  }
}

.w-min-perc-77 {
  min-width: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-77 {
    min-width: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-77 {
    min-width: 77% !important;
  }
}

.w-max-perc-77 {
  max-width: 77%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-77 {
    max-width: 77% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-77 {
    max-width: 77% !important;
  }
}

.h-perc-78 {
  height: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-78 {
    height: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-78 {
    height: 78% !important;
  }
}

.h-min-perc-78 {
  min-height: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-78 {
    min-height: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-78 {
    min-height: 78% !important;
  }
}

.h-max-perc-78 {
  max-height: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-78 {
    max-height: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-78 {
    max-height: 78% !important;
  }
}

.w-perc-78 {
  width: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-78 {
    width: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-78 {
    width: 78% !important;
  }
}

.w-min-perc-78 {
  min-width: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-78 {
    min-width: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-78 {
    min-width: 78% !important;
  }
}

.w-max-perc-78 {
  max-width: 78%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-78 {
    max-width: 78% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-78 {
    max-width: 78% !important;
  }
}

.h-perc-79 {
  height: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-79 {
    height: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-79 {
    height: 79% !important;
  }
}

.h-min-perc-79 {
  min-height: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-79 {
    min-height: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-79 {
    min-height: 79% !important;
  }
}

.h-max-perc-79 {
  max-height: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-79 {
    max-height: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-79 {
    max-height: 79% !important;
  }
}

.w-perc-79 {
  width: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-79 {
    width: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-79 {
    width: 79% !important;
  }
}

.w-min-perc-79 {
  min-width: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-79 {
    min-width: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-79 {
    min-width: 79% !important;
  }
}

.w-max-perc-79 {
  max-width: 79%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-79 {
    max-width: 79% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-79 {
    max-width: 79% !important;
  }
}

.h-perc-80 {
  height: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-80 {
    height: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-80 {
    height: 80% !important;
  }
}

.h-min-perc-80 {
  min-height: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-80 {
    min-height: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-80 {
    min-height: 80% !important;
  }
}

.h-max-perc-80 {
  max-height: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-80 {
    max-height: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-80 {
    max-height: 80% !important;
  }
}

.w-perc-80 {
  width: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-80 {
    width: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-80 {
    width: 80% !important;
  }
}

.w-min-perc-80 {
  min-width: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-80 {
    min-width: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-80 {
    min-width: 80% !important;
  }
}

.w-max-perc-80 {
  max-width: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-80 {
    max-width: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-80 {
    max-width: 80% !important;
  }
}

.h-perc-81 {
  height: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-81 {
    height: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-81 {
    height: 81% !important;
  }
}

.h-min-perc-81 {
  min-height: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-81 {
    min-height: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-81 {
    min-height: 81% !important;
  }
}

.h-max-perc-81 {
  max-height: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-81 {
    max-height: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-81 {
    max-height: 81% !important;
  }
}

.w-perc-81 {
  width: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-81 {
    width: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-81 {
    width: 81% !important;
  }
}

.w-min-perc-81 {
  min-width: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-81 {
    min-width: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-81 {
    min-width: 81% !important;
  }
}

.w-max-perc-81 {
  max-width: 81%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-81 {
    max-width: 81% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-81 {
    max-width: 81% !important;
  }
}

.h-perc-82 {
  height: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-82 {
    height: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-82 {
    height: 82% !important;
  }
}

.h-min-perc-82 {
  min-height: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-82 {
    min-height: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-82 {
    min-height: 82% !important;
  }
}

.h-max-perc-82 {
  max-height: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-82 {
    max-height: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-82 {
    max-height: 82% !important;
  }
}

.w-perc-82 {
  width: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-82 {
    width: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-82 {
    width: 82% !important;
  }
}

.w-min-perc-82 {
  min-width: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-82 {
    min-width: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-82 {
    min-width: 82% !important;
  }
}

.w-max-perc-82 {
  max-width: 82%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-82 {
    max-width: 82% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-82 {
    max-width: 82% !important;
  }
}

.h-perc-83 {
  height: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-83 {
    height: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-83 {
    height: 83% !important;
  }
}

.h-min-perc-83 {
  min-height: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-83 {
    min-height: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-83 {
    min-height: 83% !important;
  }
}

.h-max-perc-83 {
  max-height: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-83 {
    max-height: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-83 {
    max-height: 83% !important;
  }
}

.w-perc-83 {
  width: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-83 {
    width: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-83 {
    width: 83% !important;
  }
}

.w-min-perc-83 {
  min-width: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-83 {
    min-width: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-83 {
    min-width: 83% !important;
  }
}

.w-max-perc-83 {
  max-width: 83%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-83 {
    max-width: 83% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-83 {
    max-width: 83% !important;
  }
}

.h-perc-84 {
  height: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-84 {
    height: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-84 {
    height: 84% !important;
  }
}

.h-min-perc-84 {
  min-height: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-84 {
    min-height: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-84 {
    min-height: 84% !important;
  }
}

.h-max-perc-84 {
  max-height: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-84 {
    max-height: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-84 {
    max-height: 84% !important;
  }
}

.w-perc-84 {
  width: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-84 {
    width: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-84 {
    width: 84% !important;
  }
}

.w-min-perc-84 {
  min-width: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-84 {
    min-width: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-84 {
    min-width: 84% !important;
  }
}

.w-max-perc-84 {
  max-width: 84%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-84 {
    max-width: 84% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-84 {
    max-width: 84% !important;
  }
}

.h-perc-85 {
  height: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-85 {
    height: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-85 {
    height: 85% !important;
  }
}

.h-min-perc-85 {
  min-height: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-85 {
    min-height: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-85 {
    min-height: 85% !important;
  }
}

.h-max-perc-85 {
  max-height: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-85 {
    max-height: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-85 {
    max-height: 85% !important;
  }
}

.w-perc-85 {
  width: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-85 {
    width: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-85 {
    width: 85% !important;
  }
}

.w-min-perc-85 {
  min-width: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-85 {
    min-width: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-85 {
    min-width: 85% !important;
  }
}

.w-max-perc-85 {
  max-width: 85%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-85 {
    max-width: 85% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-85 {
    max-width: 85% !important;
  }
}

.h-perc-86 {
  height: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-86 {
    height: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-86 {
    height: 86% !important;
  }
}

.h-min-perc-86 {
  min-height: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-86 {
    min-height: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-86 {
    min-height: 86% !important;
  }
}

.h-max-perc-86 {
  max-height: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-86 {
    max-height: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-86 {
    max-height: 86% !important;
  }
}

.w-perc-86 {
  width: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-86 {
    width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-86 {
    width: 86% !important;
  }
}

.w-min-perc-86 {
  min-width: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-86 {
    min-width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-86 {
    min-width: 86% !important;
  }
}

.w-max-perc-86 {
  max-width: 86%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-86 {
    max-width: 86% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-86 {
    max-width: 86% !important;
  }
}

.h-perc-87 {
  height: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-87 {
    height: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-87 {
    height: 87% !important;
  }
}

.h-min-perc-87 {
  min-height: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-87 {
    min-height: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-87 {
    min-height: 87% !important;
  }
}

.h-max-perc-87 {
  max-height: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-87 {
    max-height: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-87 {
    max-height: 87% !important;
  }
}

.w-perc-87 {
  width: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-87 {
    width: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-87 {
    width: 87% !important;
  }
}

.w-min-perc-87 {
  min-width: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-87 {
    min-width: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-87 {
    min-width: 87% !important;
  }
}

.w-max-perc-87 {
  max-width: 87%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-87 {
    max-width: 87% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-87 {
    max-width: 87% !important;
  }
}

.h-perc-88 {
  height: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-88 {
    height: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-88 {
    height: 88% !important;
  }
}

.h-min-perc-88 {
  min-height: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-88 {
    min-height: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-88 {
    min-height: 88% !important;
  }
}

.h-max-perc-88 {
  max-height: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-88 {
    max-height: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-88 {
    max-height: 88% !important;
  }
}

.w-perc-88 {
  width: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-88 {
    width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-88 {
    width: 88% !important;
  }
}

.w-min-perc-88 {
  min-width: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-88 {
    min-width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-88 {
    min-width: 88% !important;
  }
}

.w-max-perc-88 {
  max-width: 88%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-88 {
    max-width: 88% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-88 {
    max-width: 88% !important;
  }
}

.h-perc-89 {
  height: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-89 {
    height: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-89 {
    height: 89% !important;
  }
}

.h-min-perc-89 {
  min-height: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-89 {
    min-height: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-89 {
    min-height: 89% !important;
  }
}

.h-max-perc-89 {
  max-height: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-89 {
    max-height: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-89 {
    max-height: 89% !important;
  }
}

.w-perc-89 {
  width: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-89 {
    width: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-89 {
    width: 89% !important;
  }
}

.w-min-perc-89 {
  min-width: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-89 {
    min-width: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-89 {
    min-width: 89% !important;
  }
}

.w-max-perc-89 {
  max-width: 89%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-89 {
    max-width: 89% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-89 {
    max-width: 89% !important;
  }
}

.h-perc-90 {
  height: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-90 {
    height: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-90 {
    height: 90% !important;
  }
}

.h-min-perc-90 {
  min-height: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-90 {
    min-height: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-90 {
    min-height: 90% !important;
  }
}

.h-max-perc-90 {
  max-height: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-90 {
    max-height: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-90 {
    max-height: 90% !important;
  }
}

.w-perc-90 {
  width: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-90 {
    width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-90 {
    width: 90% !important;
  }
}

.w-min-perc-90 {
  min-width: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-90 {
    min-width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-90 {
    min-width: 90% !important;
  }
}

.w-max-perc-90 {
  max-width: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-90 {
    max-width: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-90 {
    max-width: 90% !important;
  }
}

.h-perc-91 {
  height: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-91 {
    height: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-91 {
    height: 91% !important;
  }
}

.h-min-perc-91 {
  min-height: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-91 {
    min-height: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-91 {
    min-height: 91% !important;
  }
}

.h-max-perc-91 {
  max-height: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-91 {
    max-height: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-91 {
    max-height: 91% !important;
  }
}

.w-perc-91 {
  width: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-91 {
    width: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-91 {
    width: 91% !important;
  }
}

.w-min-perc-91 {
  min-width: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-91 {
    min-width: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-91 {
    min-width: 91% !important;
  }
}

.w-max-perc-91 {
  max-width: 91%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-91 {
    max-width: 91% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-91 {
    max-width: 91% !important;
  }
}

.h-perc-92 {
  height: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-92 {
    height: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-92 {
    height: 92% !important;
  }
}

.h-min-perc-92 {
  min-height: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-92 {
    min-height: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-92 {
    min-height: 92% !important;
  }
}

.h-max-perc-92 {
  max-height: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-92 {
    max-height: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-92 {
    max-height: 92% !important;
  }
}

.w-perc-92 {
  width: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-92 {
    width: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-92 {
    width: 92% !important;
  }
}

.w-min-perc-92 {
  min-width: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-92 {
    min-width: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-92 {
    min-width: 92% !important;
  }
}

.w-max-perc-92 {
  max-width: 92%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-92 {
    max-width: 92% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-92 {
    max-width: 92% !important;
  }
}

.h-perc-93 {
  height: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-93 {
    height: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-93 {
    height: 93% !important;
  }
}

.h-min-perc-93 {
  min-height: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-93 {
    min-height: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-93 {
    min-height: 93% !important;
  }
}

.h-max-perc-93 {
  max-height: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-93 {
    max-height: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-93 {
    max-height: 93% !important;
  }
}

.w-perc-93 {
  width: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-93 {
    width: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-93 {
    width: 93% !important;
  }
}

.w-min-perc-93 {
  min-width: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-93 {
    min-width: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-93 {
    min-width: 93% !important;
  }
}

.w-max-perc-93 {
  max-width: 93%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-93 {
    max-width: 93% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-93 {
    max-width: 93% !important;
  }
}

.h-perc-94 {
  height: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-94 {
    height: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-94 {
    height: 94% !important;
  }
}

.h-min-perc-94 {
  min-height: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-94 {
    min-height: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-94 {
    min-height: 94% !important;
  }
}

.h-max-perc-94 {
  max-height: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-94 {
    max-height: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-94 {
    max-height: 94% !important;
  }
}

.w-perc-94 {
  width: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-94 {
    width: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-94 {
    width: 94% !important;
  }
}

.w-min-perc-94 {
  min-width: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-94 {
    min-width: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-94 {
    min-width: 94% !important;
  }
}

.w-max-perc-94 {
  max-width: 94%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-94 {
    max-width: 94% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-94 {
    max-width: 94% !important;
  }
}

.h-perc-95 {
  height: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-95 {
    height: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-95 {
    height: 95% !important;
  }
}

.h-min-perc-95 {
  min-height: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-95 {
    min-height: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-95 {
    min-height: 95% !important;
  }
}

.h-max-perc-95 {
  max-height: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-95 {
    max-height: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-95 {
    max-height: 95% !important;
  }
}

.w-perc-95 {
  width: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-95 {
    width: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-95 {
    width: 95% !important;
  }
}

.w-min-perc-95 {
  min-width: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-95 {
    min-width: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-95 {
    min-width: 95% !important;
  }
}

.w-max-perc-95 {
  max-width: 95%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-95 {
    max-width: 95% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-95 {
    max-width: 95% !important;
  }
}

.h-perc-96 {
  height: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-96 {
    height: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-96 {
    height: 96% !important;
  }
}

.h-min-perc-96 {
  min-height: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-96 {
    min-height: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-96 {
    min-height: 96% !important;
  }
}

.h-max-perc-96 {
  max-height: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-96 {
    max-height: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-96 {
    max-height: 96% !important;
  }
}

.w-perc-96 {
  width: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-96 {
    width: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-96 {
    width: 96% !important;
  }
}

.w-min-perc-96 {
  min-width: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-96 {
    min-width: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-96 {
    min-width: 96% !important;
  }
}

.w-max-perc-96 {
  max-width: 96%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-96 {
    max-width: 96% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-96 {
    max-width: 96% !important;
  }
}

.h-perc-97 {
  height: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-97 {
    height: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-97 {
    height: 97% !important;
  }
}

.h-min-perc-97 {
  min-height: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-97 {
    min-height: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-97 {
    min-height: 97% !important;
  }
}

.h-max-perc-97 {
  max-height: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-97 {
    max-height: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-97 {
    max-height: 97% !important;
  }
}

.w-perc-97 {
  width: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-97 {
    width: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-97 {
    width: 97% !important;
  }
}

.w-min-perc-97 {
  min-width: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-97 {
    min-width: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-97 {
    min-width: 97% !important;
  }
}

.w-max-perc-97 {
  max-width: 97%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-97 {
    max-width: 97% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-97 {
    max-width: 97% !important;
  }
}

.h-perc-98 {
  height: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-98 {
    height: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-98 {
    height: 98% !important;
  }
}

.h-min-perc-98 {
  min-height: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-98 {
    min-height: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-98 {
    min-height: 98% !important;
  }
}

.h-max-perc-98 {
  max-height: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-98 {
    max-height: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-98 {
    max-height: 98% !important;
  }
}

.w-perc-98 {
  width: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-98 {
    width: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-98 {
    width: 98% !important;
  }
}

.w-min-perc-98 {
  min-width: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-98 {
    min-width: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-98 {
    min-width: 98% !important;
  }
}

.w-max-perc-98 {
  max-width: 98%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-98 {
    max-width: 98% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-98 {
    max-width: 98% !important;
  }
}

.h-perc-99 {
  height: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-99 {
    height: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-99 {
    height: 99% !important;
  }
}

.h-min-perc-99 {
  min-height: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-99 {
    min-height: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-99 {
    min-height: 99% !important;
  }
}

.h-max-perc-99 {
  max-height: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-99 {
    max-height: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-99 {
    max-height: 99% !important;
  }
}

.w-perc-99 {
  width: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-99 {
    width: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-99 {
    width: 99% !important;
  }
}

.w-min-perc-99 {
  min-width: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-99 {
    min-width: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-99 {
    min-width: 99% !important;
  }
}

.w-max-perc-99 {
  max-width: 99%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-99 {
    max-width: 99% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-99 {
    max-width: 99% !important;
  }
}

.h-perc-100 {
  height: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-perc-100 {
    height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-perc-100 {
    height: 100% !important;
  }
}

.h-min-perc-100 {
  min-height: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-min-perc-100 {
    min-height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-min-perc-100 {
    min-height: 100% !important;
  }
}

.h-max-perc-100 {
  max-height: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:h-max-perc-100 {
    max-height: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:h-max-perc-100 {
    max-height: 100% !important;
  }
}

.w-perc-100 {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-perc-100 {
    width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-perc-100 {
    width: 100% !important;
  }
}

.w-min-perc-100 {
  min-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-min-perc-100 {
    min-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-min-perc-100 {
    min-width: 100% !important;
  }
}

.w-max-perc-100 {
  max-width: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:w-max-perc-100 {
    max-width: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:w-max-perc-100 {
    max-width: 100% !important;
  }
}

.absolute-center {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.absolute-center-x {
  top: unset;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
.absolute-center-y {
  top: 50%;
  left: unset;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:absolute-center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .tablet\:absolute-center-x {
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  .tablet\:absolute-center-y {
    top: 50%;
    left: unset;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:absolute-center {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mobile\:absolute-center-x {
    top: unset;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  .mobile\:absolute-center-y {
    top: 50%;
    left: unset;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
  }
}

.x-perc-neg-0 {
  -webkit-transform: translate(-0%, 0%);
      -ms-transform: translate(-0%, 0%);
          transform: translate(-0%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-0 {
    -webkit-transform: translate(-0%, 0%) !important;
        -ms-transform: translate(-0%, 0%) !important;
            transform: translate(-0%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-0 {
    -webkit-transform: translate(-0%, 0%) !important;
        -ms-transform: translate(-0%, 0%) !important;
            transform: translate(-0%, 0%) !important;
  }
}

.x-perc-pos-0 {
  -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

.y-perc-neg-0 {
  -webkit-transform: translate(0%, -0%);
      -ms-transform: translate(0%, -0%);
          transform: translate(0%, -0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-0 {
    -webkit-transform: translate(0%, -0%) !important;
        -ms-transform: translate(0%, -0%) !important;
            transform: translate(0%, -0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-0 {
    -webkit-transform: translate(0%, -0%) !important;
        -ms-transform: translate(0%, -0%) !important;
            transform: translate(0%, -0%) !important;
  }
}

.y-perc-pos-0 {
  -webkit-transform: translate(0%, 0%);
      -ms-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-0 {
    -webkit-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
            transform: translate(0%, 0%) !important;
  }
}

.x-perc-center-neg-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-0%, -50%);
      -ms-transform: translate(-0%, -50%);
          transform: translate(-0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-0%, -50%) !important;
        -ms-transform: translate(-0%, -50%) !important;
            transform: translate(-0%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-0%, -50%) !important;
        -ms-transform: translate(-0%, -50%) !important;
            transform: translate(-0%, -50%) !important;
  }
}

.x-perc-center-pos-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

.y-perc-center-neg-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -0%);
      -ms-transform: translate(-50%, -0%);
          transform: translate(-50%, -0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -0%) !important;
        -ms-transform: translate(-50%, -0%) !important;
            transform: translate(-50%, -0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -0%) !important;
        -ms-transform: translate(-50%, -0%) !important;
            transform: translate(-50%, -0%) !important;
  }
}

.y-perc-center-pos-0 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-0 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

.x-perc-neg-1 {
  -webkit-transform: translate(-1%, 0%);
      -ms-transform: translate(-1%, 0%);
          transform: translate(-1%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-1 {
    -webkit-transform: translate(-1%, 0%) !important;
        -ms-transform: translate(-1%, 0%) !important;
            transform: translate(-1%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-1 {
    -webkit-transform: translate(-1%, 0%) !important;
        -ms-transform: translate(-1%, 0%) !important;
            transform: translate(-1%, 0%) !important;
  }
}

.x-perc-pos-1 {
  -webkit-transform: translate(1%, 0%);
      -ms-transform: translate(1%, 0%);
          transform: translate(1%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-1 {
    -webkit-transform: translate(1%, 0%) !important;
        -ms-transform: translate(1%, 0%) !important;
            transform: translate(1%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-1 {
    -webkit-transform: translate(1%, 0%) !important;
        -ms-transform: translate(1%, 0%) !important;
            transform: translate(1%, 0%) !important;
  }
}

.y-perc-neg-1 {
  -webkit-transform: translate(0%, -1%);
      -ms-transform: translate(0%, -1%);
          transform: translate(0%, -1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-1 {
    -webkit-transform: translate(0%, -1%) !important;
        -ms-transform: translate(0%, -1%) !important;
            transform: translate(0%, -1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-1 {
    -webkit-transform: translate(0%, -1%) !important;
        -ms-transform: translate(0%, -1%) !important;
            transform: translate(0%, -1%) !important;
  }
}

.y-perc-pos-1 {
  -webkit-transform: translate(0%, 1%);
      -ms-transform: translate(0%, 1%);
          transform: translate(0%, 1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-1 {
    -webkit-transform: translate(0%, 1%) !important;
        -ms-transform: translate(0%, 1%) !important;
            transform: translate(0%, 1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-1 {
    -webkit-transform: translate(0%, 1%) !important;
        -ms-transform: translate(0%, 1%) !important;
            transform: translate(0%, 1%) !important;
  }
}

.x-perc-center-neg-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-1%, -50%);
      -ms-transform: translate(-1%, -50%);
          transform: translate(-1%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-1%, -50%) !important;
        -ms-transform: translate(-1%, -50%) !important;
            transform: translate(-1%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-1%, -50%) !important;
        -ms-transform: translate(-1%, -50%) !important;
            transform: translate(-1%, -50%) !important;
  }
}

.x-perc-center-pos-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(1%, -50%);
      -ms-transform: translate(1%, -50%);
          transform: translate(1%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(1%, -50%) !important;
        -ms-transform: translate(1%, -50%) !important;
            transform: translate(1%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(1%, -50%) !important;
        -ms-transform: translate(1%, -50%) !important;
            transform: translate(1%, -50%) !important;
  }
}

.y-perc-center-neg-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -1%);
      -ms-transform: translate(-50%, -1%);
          transform: translate(-50%, -1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -1%) !important;
        -ms-transform: translate(-50%, -1%) !important;
            transform: translate(-50%, -1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -1%) !important;
        -ms-transform: translate(-50%, -1%) !important;
            transform: translate(-50%, -1%) !important;
  }
}

.y-perc-center-pos-1 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 1%);
      -ms-transform: translate(-50%, 1%);
          transform: translate(-50%, 1%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 1%) !important;
        -ms-transform: translate(-50%, 1%) !important;
            transform: translate(-50%, 1%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-1 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 1%) !important;
        -ms-transform: translate(-50%, 1%) !important;
            transform: translate(-50%, 1%) !important;
  }
}

.x-perc-neg-2 {
  -webkit-transform: translate(-2%, 0%);
      -ms-transform: translate(-2%, 0%);
          transform: translate(-2%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-2 {
    -webkit-transform: translate(-2%, 0%) !important;
        -ms-transform: translate(-2%, 0%) !important;
            transform: translate(-2%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-2 {
    -webkit-transform: translate(-2%, 0%) !important;
        -ms-transform: translate(-2%, 0%) !important;
            transform: translate(-2%, 0%) !important;
  }
}

.x-perc-pos-2 {
  -webkit-transform: translate(2%, 0%);
      -ms-transform: translate(2%, 0%);
          transform: translate(2%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-2 {
    -webkit-transform: translate(2%, 0%) !important;
        -ms-transform: translate(2%, 0%) !important;
            transform: translate(2%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-2 {
    -webkit-transform: translate(2%, 0%) !important;
        -ms-transform: translate(2%, 0%) !important;
            transform: translate(2%, 0%) !important;
  }
}

.y-perc-neg-2 {
  -webkit-transform: translate(0%, -2%);
      -ms-transform: translate(0%, -2%);
          transform: translate(0%, -2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-2 {
    -webkit-transform: translate(0%, -2%) !important;
        -ms-transform: translate(0%, -2%) !important;
            transform: translate(0%, -2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-2 {
    -webkit-transform: translate(0%, -2%) !important;
        -ms-transform: translate(0%, -2%) !important;
            transform: translate(0%, -2%) !important;
  }
}

.y-perc-pos-2 {
  -webkit-transform: translate(0%, 2%);
      -ms-transform: translate(0%, 2%);
          transform: translate(0%, 2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-2 {
    -webkit-transform: translate(0%, 2%) !important;
        -ms-transform: translate(0%, 2%) !important;
            transform: translate(0%, 2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-2 {
    -webkit-transform: translate(0%, 2%) !important;
        -ms-transform: translate(0%, 2%) !important;
            transform: translate(0%, 2%) !important;
  }
}

.x-perc-center-neg-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-2%, -50%);
      -ms-transform: translate(-2%, -50%);
          transform: translate(-2%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-2%, -50%) !important;
        -ms-transform: translate(-2%, -50%) !important;
            transform: translate(-2%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-2%, -50%) !important;
        -ms-transform: translate(-2%, -50%) !important;
            transform: translate(-2%, -50%) !important;
  }
}

.x-perc-center-pos-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(2%, -50%);
      -ms-transform: translate(2%, -50%);
          transform: translate(2%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(2%, -50%) !important;
        -ms-transform: translate(2%, -50%) !important;
            transform: translate(2%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(2%, -50%) !important;
        -ms-transform: translate(2%, -50%) !important;
            transform: translate(2%, -50%) !important;
  }
}

.y-perc-center-neg-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -2%);
      -ms-transform: translate(-50%, -2%);
          transform: translate(-50%, -2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -2%) !important;
        -ms-transform: translate(-50%, -2%) !important;
            transform: translate(-50%, -2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -2%) !important;
        -ms-transform: translate(-50%, -2%) !important;
            transform: translate(-50%, -2%) !important;
  }
}

.y-perc-center-pos-2 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 2%);
      -ms-transform: translate(-50%, 2%);
          transform: translate(-50%, 2%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 2%) !important;
        -ms-transform: translate(-50%, 2%) !important;
            transform: translate(-50%, 2%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-2 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 2%) !important;
        -ms-transform: translate(-50%, 2%) !important;
            transform: translate(-50%, 2%) !important;
  }
}

.x-perc-neg-3 {
  -webkit-transform: translate(-3%, 0%);
      -ms-transform: translate(-3%, 0%);
          transform: translate(-3%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-3 {
    -webkit-transform: translate(-3%, 0%) !important;
        -ms-transform: translate(-3%, 0%) !important;
            transform: translate(-3%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-3 {
    -webkit-transform: translate(-3%, 0%) !important;
        -ms-transform: translate(-3%, 0%) !important;
            transform: translate(-3%, 0%) !important;
  }
}

.x-perc-pos-3 {
  -webkit-transform: translate(3%, 0%);
      -ms-transform: translate(3%, 0%);
          transform: translate(3%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-3 {
    -webkit-transform: translate(3%, 0%) !important;
        -ms-transform: translate(3%, 0%) !important;
            transform: translate(3%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-3 {
    -webkit-transform: translate(3%, 0%) !important;
        -ms-transform: translate(3%, 0%) !important;
            transform: translate(3%, 0%) !important;
  }
}

.y-perc-neg-3 {
  -webkit-transform: translate(0%, -3%);
      -ms-transform: translate(0%, -3%);
          transform: translate(0%, -3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-3 {
    -webkit-transform: translate(0%, -3%) !important;
        -ms-transform: translate(0%, -3%) !important;
            transform: translate(0%, -3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-3 {
    -webkit-transform: translate(0%, -3%) !important;
        -ms-transform: translate(0%, -3%) !important;
            transform: translate(0%, -3%) !important;
  }
}

.y-perc-pos-3 {
  -webkit-transform: translate(0%, 3%);
      -ms-transform: translate(0%, 3%);
          transform: translate(0%, 3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-3 {
    -webkit-transform: translate(0%, 3%) !important;
        -ms-transform: translate(0%, 3%) !important;
            transform: translate(0%, 3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-3 {
    -webkit-transform: translate(0%, 3%) !important;
        -ms-transform: translate(0%, 3%) !important;
            transform: translate(0%, 3%) !important;
  }
}

.x-perc-center-neg-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-3%, -50%);
      -ms-transform: translate(-3%, -50%);
          transform: translate(-3%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-3%, -50%) !important;
        -ms-transform: translate(-3%, -50%) !important;
            transform: translate(-3%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-3%, -50%) !important;
        -ms-transform: translate(-3%, -50%) !important;
            transform: translate(-3%, -50%) !important;
  }
}

.x-perc-center-pos-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(3%, -50%);
      -ms-transform: translate(3%, -50%);
          transform: translate(3%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(3%, -50%) !important;
        -ms-transform: translate(3%, -50%) !important;
            transform: translate(3%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(3%, -50%) !important;
        -ms-transform: translate(3%, -50%) !important;
            transform: translate(3%, -50%) !important;
  }
}

.y-perc-center-neg-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -3%);
      -ms-transform: translate(-50%, -3%);
          transform: translate(-50%, -3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -3%) !important;
        -ms-transform: translate(-50%, -3%) !important;
            transform: translate(-50%, -3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -3%) !important;
        -ms-transform: translate(-50%, -3%) !important;
            transform: translate(-50%, -3%) !important;
  }
}

.y-perc-center-pos-3 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 3%);
      -ms-transform: translate(-50%, 3%);
          transform: translate(-50%, 3%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 3%) !important;
        -ms-transform: translate(-50%, 3%) !important;
            transform: translate(-50%, 3%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-3 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 3%) !important;
        -ms-transform: translate(-50%, 3%) !important;
            transform: translate(-50%, 3%) !important;
  }
}

.x-perc-neg-4 {
  -webkit-transform: translate(-4%, 0%);
      -ms-transform: translate(-4%, 0%);
          transform: translate(-4%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-4 {
    -webkit-transform: translate(-4%, 0%) !important;
        -ms-transform: translate(-4%, 0%) !important;
            transform: translate(-4%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-4 {
    -webkit-transform: translate(-4%, 0%) !important;
        -ms-transform: translate(-4%, 0%) !important;
            transform: translate(-4%, 0%) !important;
  }
}

.x-perc-pos-4 {
  -webkit-transform: translate(4%, 0%);
      -ms-transform: translate(4%, 0%);
          transform: translate(4%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-4 {
    -webkit-transform: translate(4%, 0%) !important;
        -ms-transform: translate(4%, 0%) !important;
            transform: translate(4%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-4 {
    -webkit-transform: translate(4%, 0%) !important;
        -ms-transform: translate(4%, 0%) !important;
            transform: translate(4%, 0%) !important;
  }
}

.y-perc-neg-4 {
  -webkit-transform: translate(0%, -4%);
      -ms-transform: translate(0%, -4%);
          transform: translate(0%, -4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-4 {
    -webkit-transform: translate(0%, -4%) !important;
        -ms-transform: translate(0%, -4%) !important;
            transform: translate(0%, -4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-4 {
    -webkit-transform: translate(0%, -4%) !important;
        -ms-transform: translate(0%, -4%) !important;
            transform: translate(0%, -4%) !important;
  }
}

.y-perc-pos-4 {
  -webkit-transform: translate(0%, 4%);
      -ms-transform: translate(0%, 4%);
          transform: translate(0%, 4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-4 {
    -webkit-transform: translate(0%, 4%) !important;
        -ms-transform: translate(0%, 4%) !important;
            transform: translate(0%, 4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-4 {
    -webkit-transform: translate(0%, 4%) !important;
        -ms-transform: translate(0%, 4%) !important;
            transform: translate(0%, 4%) !important;
  }
}

.x-perc-center-neg-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-4%, -50%);
      -ms-transform: translate(-4%, -50%);
          transform: translate(-4%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-4%, -50%) !important;
        -ms-transform: translate(-4%, -50%) !important;
            transform: translate(-4%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-4%, -50%) !important;
        -ms-transform: translate(-4%, -50%) !important;
            transform: translate(-4%, -50%) !important;
  }
}

.x-perc-center-pos-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(4%, -50%);
      -ms-transform: translate(4%, -50%);
          transform: translate(4%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(4%, -50%) !important;
        -ms-transform: translate(4%, -50%) !important;
            transform: translate(4%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(4%, -50%) !important;
        -ms-transform: translate(4%, -50%) !important;
            transform: translate(4%, -50%) !important;
  }
}

.y-perc-center-neg-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -4%);
      -ms-transform: translate(-50%, -4%);
          transform: translate(-50%, -4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -4%) !important;
        -ms-transform: translate(-50%, -4%) !important;
            transform: translate(-50%, -4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -4%) !important;
        -ms-transform: translate(-50%, -4%) !important;
            transform: translate(-50%, -4%) !important;
  }
}

.y-perc-center-pos-4 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 4%);
      -ms-transform: translate(-50%, 4%);
          transform: translate(-50%, 4%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 4%) !important;
        -ms-transform: translate(-50%, 4%) !important;
            transform: translate(-50%, 4%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-4 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 4%) !important;
        -ms-transform: translate(-50%, 4%) !important;
            transform: translate(-50%, 4%) !important;
  }
}

.x-perc-neg-5 {
  -webkit-transform: translate(-5%, 0%);
      -ms-transform: translate(-5%, 0%);
          transform: translate(-5%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-5 {
    -webkit-transform: translate(-5%, 0%) !important;
        -ms-transform: translate(-5%, 0%) !important;
            transform: translate(-5%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-5 {
    -webkit-transform: translate(-5%, 0%) !important;
        -ms-transform: translate(-5%, 0%) !important;
            transform: translate(-5%, 0%) !important;
  }
}

.x-perc-pos-5 {
  -webkit-transform: translate(5%, 0%);
      -ms-transform: translate(5%, 0%);
          transform: translate(5%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-5 {
    -webkit-transform: translate(5%, 0%) !important;
        -ms-transform: translate(5%, 0%) !important;
            transform: translate(5%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-5 {
    -webkit-transform: translate(5%, 0%) !important;
        -ms-transform: translate(5%, 0%) !important;
            transform: translate(5%, 0%) !important;
  }
}

.y-perc-neg-5 {
  -webkit-transform: translate(0%, -5%);
      -ms-transform: translate(0%, -5%);
          transform: translate(0%, -5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-5 {
    -webkit-transform: translate(0%, -5%) !important;
        -ms-transform: translate(0%, -5%) !important;
            transform: translate(0%, -5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-5 {
    -webkit-transform: translate(0%, -5%) !important;
        -ms-transform: translate(0%, -5%) !important;
            transform: translate(0%, -5%) !important;
  }
}

.y-perc-pos-5 {
  -webkit-transform: translate(0%, 5%);
      -ms-transform: translate(0%, 5%);
          transform: translate(0%, 5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-5 {
    -webkit-transform: translate(0%, 5%) !important;
        -ms-transform: translate(0%, 5%) !important;
            transform: translate(0%, 5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-5 {
    -webkit-transform: translate(0%, 5%) !important;
        -ms-transform: translate(0%, 5%) !important;
            transform: translate(0%, 5%) !important;
  }
}

.x-perc-center-neg-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-5%, -50%);
      -ms-transform: translate(-5%, -50%);
          transform: translate(-5%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-5%, -50%) !important;
        -ms-transform: translate(-5%, -50%) !important;
            transform: translate(-5%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-5%, -50%) !important;
        -ms-transform: translate(-5%, -50%) !important;
            transform: translate(-5%, -50%) !important;
  }
}

.x-perc-center-pos-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(5%, -50%);
      -ms-transform: translate(5%, -50%);
          transform: translate(5%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(5%, -50%) !important;
        -ms-transform: translate(5%, -50%) !important;
            transform: translate(5%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(5%, -50%) !important;
        -ms-transform: translate(5%, -50%) !important;
            transform: translate(5%, -50%) !important;
  }
}

.y-perc-center-neg-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -5%);
      -ms-transform: translate(-50%, -5%);
          transform: translate(-50%, -5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -5%) !important;
        -ms-transform: translate(-50%, -5%) !important;
            transform: translate(-50%, -5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -5%) !important;
        -ms-transform: translate(-50%, -5%) !important;
            transform: translate(-50%, -5%) !important;
  }
}

.y-perc-center-pos-5 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 5%);
      -ms-transform: translate(-50%, 5%);
          transform: translate(-50%, 5%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 5%) !important;
        -ms-transform: translate(-50%, 5%) !important;
            transform: translate(-50%, 5%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-5 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 5%) !important;
        -ms-transform: translate(-50%, 5%) !important;
            transform: translate(-50%, 5%) !important;
  }
}

.x-perc-neg-6 {
  -webkit-transform: translate(-6%, 0%);
      -ms-transform: translate(-6%, 0%);
          transform: translate(-6%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-6 {
    -webkit-transform: translate(-6%, 0%) !important;
        -ms-transform: translate(-6%, 0%) !important;
            transform: translate(-6%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-6 {
    -webkit-transform: translate(-6%, 0%) !important;
        -ms-transform: translate(-6%, 0%) !important;
            transform: translate(-6%, 0%) !important;
  }
}

.x-perc-pos-6 {
  -webkit-transform: translate(6%, 0%);
      -ms-transform: translate(6%, 0%);
          transform: translate(6%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-6 {
    -webkit-transform: translate(6%, 0%) !important;
        -ms-transform: translate(6%, 0%) !important;
            transform: translate(6%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-6 {
    -webkit-transform: translate(6%, 0%) !important;
        -ms-transform: translate(6%, 0%) !important;
            transform: translate(6%, 0%) !important;
  }
}

.y-perc-neg-6 {
  -webkit-transform: translate(0%, -6%);
      -ms-transform: translate(0%, -6%);
          transform: translate(0%, -6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-6 {
    -webkit-transform: translate(0%, -6%) !important;
        -ms-transform: translate(0%, -6%) !important;
            transform: translate(0%, -6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-6 {
    -webkit-transform: translate(0%, -6%) !important;
        -ms-transform: translate(0%, -6%) !important;
            transform: translate(0%, -6%) !important;
  }
}

.y-perc-pos-6 {
  -webkit-transform: translate(0%, 6%);
      -ms-transform: translate(0%, 6%);
          transform: translate(0%, 6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-6 {
    -webkit-transform: translate(0%, 6%) !important;
        -ms-transform: translate(0%, 6%) !important;
            transform: translate(0%, 6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-6 {
    -webkit-transform: translate(0%, 6%) !important;
        -ms-transform: translate(0%, 6%) !important;
            transform: translate(0%, 6%) !important;
  }
}

.x-perc-center-neg-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-6%, -50%);
      -ms-transform: translate(-6%, -50%);
          transform: translate(-6%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-6%, -50%) !important;
        -ms-transform: translate(-6%, -50%) !important;
            transform: translate(-6%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-6%, -50%) !important;
        -ms-transform: translate(-6%, -50%) !important;
            transform: translate(-6%, -50%) !important;
  }
}

.x-perc-center-pos-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(6%, -50%);
      -ms-transform: translate(6%, -50%);
          transform: translate(6%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(6%, -50%) !important;
        -ms-transform: translate(6%, -50%) !important;
            transform: translate(6%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(6%, -50%) !important;
        -ms-transform: translate(6%, -50%) !important;
            transform: translate(6%, -50%) !important;
  }
}

.y-perc-center-neg-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -6%);
      -ms-transform: translate(-50%, -6%);
          transform: translate(-50%, -6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -6%) !important;
        -ms-transform: translate(-50%, -6%) !important;
            transform: translate(-50%, -6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -6%) !important;
        -ms-transform: translate(-50%, -6%) !important;
            transform: translate(-50%, -6%) !important;
  }
}

.y-perc-center-pos-6 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 6%);
      -ms-transform: translate(-50%, 6%);
          transform: translate(-50%, 6%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 6%) !important;
        -ms-transform: translate(-50%, 6%) !important;
            transform: translate(-50%, 6%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-6 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 6%) !important;
        -ms-transform: translate(-50%, 6%) !important;
            transform: translate(-50%, 6%) !important;
  }
}

.x-perc-neg-7 {
  -webkit-transform: translate(-7%, 0%);
      -ms-transform: translate(-7%, 0%);
          transform: translate(-7%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-7 {
    -webkit-transform: translate(-7%, 0%) !important;
        -ms-transform: translate(-7%, 0%) !important;
            transform: translate(-7%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-7 {
    -webkit-transform: translate(-7%, 0%) !important;
        -ms-transform: translate(-7%, 0%) !important;
            transform: translate(-7%, 0%) !important;
  }
}

.x-perc-pos-7 {
  -webkit-transform: translate(7%, 0%);
      -ms-transform: translate(7%, 0%);
          transform: translate(7%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-7 {
    -webkit-transform: translate(7%, 0%) !important;
        -ms-transform: translate(7%, 0%) !important;
            transform: translate(7%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-7 {
    -webkit-transform: translate(7%, 0%) !important;
        -ms-transform: translate(7%, 0%) !important;
            transform: translate(7%, 0%) !important;
  }
}

.y-perc-neg-7 {
  -webkit-transform: translate(0%, -7%);
      -ms-transform: translate(0%, -7%);
          transform: translate(0%, -7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-7 {
    -webkit-transform: translate(0%, -7%) !important;
        -ms-transform: translate(0%, -7%) !important;
            transform: translate(0%, -7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-7 {
    -webkit-transform: translate(0%, -7%) !important;
        -ms-transform: translate(0%, -7%) !important;
            transform: translate(0%, -7%) !important;
  }
}

.y-perc-pos-7 {
  -webkit-transform: translate(0%, 7%);
      -ms-transform: translate(0%, 7%);
          transform: translate(0%, 7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-7 {
    -webkit-transform: translate(0%, 7%) !important;
        -ms-transform: translate(0%, 7%) !important;
            transform: translate(0%, 7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-7 {
    -webkit-transform: translate(0%, 7%) !important;
        -ms-transform: translate(0%, 7%) !important;
            transform: translate(0%, 7%) !important;
  }
}

.x-perc-center-neg-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-7%, -50%);
      -ms-transform: translate(-7%, -50%);
          transform: translate(-7%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-7%, -50%) !important;
        -ms-transform: translate(-7%, -50%) !important;
            transform: translate(-7%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-7%, -50%) !important;
        -ms-transform: translate(-7%, -50%) !important;
            transform: translate(-7%, -50%) !important;
  }
}

.x-perc-center-pos-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(7%, -50%);
      -ms-transform: translate(7%, -50%);
          transform: translate(7%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(7%, -50%) !important;
        -ms-transform: translate(7%, -50%) !important;
            transform: translate(7%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(7%, -50%) !important;
        -ms-transform: translate(7%, -50%) !important;
            transform: translate(7%, -50%) !important;
  }
}

.y-perc-center-neg-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -7%);
      -ms-transform: translate(-50%, -7%);
          transform: translate(-50%, -7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -7%) !important;
        -ms-transform: translate(-50%, -7%) !important;
            transform: translate(-50%, -7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -7%) !important;
        -ms-transform: translate(-50%, -7%) !important;
            transform: translate(-50%, -7%) !important;
  }
}

.y-perc-center-pos-7 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 7%);
      -ms-transform: translate(-50%, 7%);
          transform: translate(-50%, 7%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 7%) !important;
        -ms-transform: translate(-50%, 7%) !important;
            transform: translate(-50%, 7%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-7 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 7%) !important;
        -ms-transform: translate(-50%, 7%) !important;
            transform: translate(-50%, 7%) !important;
  }
}

.x-perc-neg-8 {
  -webkit-transform: translate(-8%, 0%);
      -ms-transform: translate(-8%, 0%);
          transform: translate(-8%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-8 {
    -webkit-transform: translate(-8%, 0%) !important;
        -ms-transform: translate(-8%, 0%) !important;
            transform: translate(-8%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-8 {
    -webkit-transform: translate(-8%, 0%) !important;
        -ms-transform: translate(-8%, 0%) !important;
            transform: translate(-8%, 0%) !important;
  }
}

.x-perc-pos-8 {
  -webkit-transform: translate(8%, 0%);
      -ms-transform: translate(8%, 0%);
          transform: translate(8%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-8 {
    -webkit-transform: translate(8%, 0%) !important;
        -ms-transform: translate(8%, 0%) !important;
            transform: translate(8%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-8 {
    -webkit-transform: translate(8%, 0%) !important;
        -ms-transform: translate(8%, 0%) !important;
            transform: translate(8%, 0%) !important;
  }
}

.y-perc-neg-8 {
  -webkit-transform: translate(0%, -8%);
      -ms-transform: translate(0%, -8%);
          transform: translate(0%, -8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-8 {
    -webkit-transform: translate(0%, -8%) !important;
        -ms-transform: translate(0%, -8%) !important;
            transform: translate(0%, -8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-8 {
    -webkit-transform: translate(0%, -8%) !important;
        -ms-transform: translate(0%, -8%) !important;
            transform: translate(0%, -8%) !important;
  }
}

.y-perc-pos-8 {
  -webkit-transform: translate(0%, 8%);
      -ms-transform: translate(0%, 8%);
          transform: translate(0%, 8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-8 {
    -webkit-transform: translate(0%, 8%) !important;
        -ms-transform: translate(0%, 8%) !important;
            transform: translate(0%, 8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-8 {
    -webkit-transform: translate(0%, 8%) !important;
        -ms-transform: translate(0%, 8%) !important;
            transform: translate(0%, 8%) !important;
  }
}

.x-perc-center-neg-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-8%, -50%);
      -ms-transform: translate(-8%, -50%);
          transform: translate(-8%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-8%, -50%) !important;
        -ms-transform: translate(-8%, -50%) !important;
            transform: translate(-8%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-8%, -50%) !important;
        -ms-transform: translate(-8%, -50%) !important;
            transform: translate(-8%, -50%) !important;
  }
}

.x-perc-center-pos-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(8%, -50%);
      -ms-transform: translate(8%, -50%);
          transform: translate(8%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(8%, -50%) !important;
        -ms-transform: translate(8%, -50%) !important;
            transform: translate(8%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(8%, -50%) !important;
        -ms-transform: translate(8%, -50%) !important;
            transform: translate(8%, -50%) !important;
  }
}

.y-perc-center-neg-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -8%);
      -ms-transform: translate(-50%, -8%);
          transform: translate(-50%, -8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -8%) !important;
        -ms-transform: translate(-50%, -8%) !important;
            transform: translate(-50%, -8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -8%) !important;
        -ms-transform: translate(-50%, -8%) !important;
            transform: translate(-50%, -8%) !important;
  }
}

.y-perc-center-pos-8 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 8%);
      -ms-transform: translate(-50%, 8%);
          transform: translate(-50%, 8%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 8%) !important;
        -ms-transform: translate(-50%, 8%) !important;
            transform: translate(-50%, 8%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-8 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 8%) !important;
        -ms-transform: translate(-50%, 8%) !important;
            transform: translate(-50%, 8%) !important;
  }
}

.x-perc-neg-9 {
  -webkit-transform: translate(-9%, 0%);
      -ms-transform: translate(-9%, 0%);
          transform: translate(-9%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-9 {
    -webkit-transform: translate(-9%, 0%) !important;
        -ms-transform: translate(-9%, 0%) !important;
            transform: translate(-9%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-9 {
    -webkit-transform: translate(-9%, 0%) !important;
        -ms-transform: translate(-9%, 0%) !important;
            transform: translate(-9%, 0%) !important;
  }
}

.x-perc-pos-9 {
  -webkit-transform: translate(9%, 0%);
      -ms-transform: translate(9%, 0%);
          transform: translate(9%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-9 {
    -webkit-transform: translate(9%, 0%) !important;
        -ms-transform: translate(9%, 0%) !important;
            transform: translate(9%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-9 {
    -webkit-transform: translate(9%, 0%) !important;
        -ms-transform: translate(9%, 0%) !important;
            transform: translate(9%, 0%) !important;
  }
}

.y-perc-neg-9 {
  -webkit-transform: translate(0%, -9%);
      -ms-transform: translate(0%, -9%);
          transform: translate(0%, -9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-9 {
    -webkit-transform: translate(0%, -9%) !important;
        -ms-transform: translate(0%, -9%) !important;
            transform: translate(0%, -9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-9 {
    -webkit-transform: translate(0%, -9%) !important;
        -ms-transform: translate(0%, -9%) !important;
            transform: translate(0%, -9%) !important;
  }
}

.y-perc-pos-9 {
  -webkit-transform: translate(0%, 9%);
      -ms-transform: translate(0%, 9%);
          transform: translate(0%, 9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-9 {
    -webkit-transform: translate(0%, 9%) !important;
        -ms-transform: translate(0%, 9%) !important;
            transform: translate(0%, 9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-9 {
    -webkit-transform: translate(0%, 9%) !important;
        -ms-transform: translate(0%, 9%) !important;
            transform: translate(0%, 9%) !important;
  }
}

.x-perc-center-neg-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-9%, -50%);
      -ms-transform: translate(-9%, -50%);
          transform: translate(-9%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-9%, -50%) !important;
        -ms-transform: translate(-9%, -50%) !important;
            transform: translate(-9%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-9%, -50%) !important;
        -ms-transform: translate(-9%, -50%) !important;
            transform: translate(-9%, -50%) !important;
  }
}

.x-perc-center-pos-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(9%, -50%);
      -ms-transform: translate(9%, -50%);
          transform: translate(9%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(9%, -50%) !important;
        -ms-transform: translate(9%, -50%) !important;
            transform: translate(9%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(9%, -50%) !important;
        -ms-transform: translate(9%, -50%) !important;
            transform: translate(9%, -50%) !important;
  }
}

.y-perc-center-neg-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -9%);
      -ms-transform: translate(-50%, -9%);
          transform: translate(-50%, -9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -9%) !important;
        -ms-transform: translate(-50%, -9%) !important;
            transform: translate(-50%, -9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -9%) !important;
        -ms-transform: translate(-50%, -9%) !important;
            transform: translate(-50%, -9%) !important;
  }
}

.y-perc-center-pos-9 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 9%);
      -ms-transform: translate(-50%, 9%);
          transform: translate(-50%, 9%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 9%) !important;
        -ms-transform: translate(-50%, 9%) !important;
            transform: translate(-50%, 9%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-9 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 9%) !important;
        -ms-transform: translate(-50%, 9%) !important;
            transform: translate(-50%, 9%) !important;
  }
}

.x-perc-neg-10 {
  -webkit-transform: translate(-10%, 0%);
      -ms-transform: translate(-10%, 0%);
          transform: translate(-10%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-10 {
    -webkit-transform: translate(-10%, 0%) !important;
        -ms-transform: translate(-10%, 0%) !important;
            transform: translate(-10%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-10 {
    -webkit-transform: translate(-10%, 0%) !important;
        -ms-transform: translate(-10%, 0%) !important;
            transform: translate(-10%, 0%) !important;
  }
}

.x-perc-pos-10 {
  -webkit-transform: translate(10%, 0%);
      -ms-transform: translate(10%, 0%);
          transform: translate(10%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-10 {
    -webkit-transform: translate(10%, 0%) !important;
        -ms-transform: translate(10%, 0%) !important;
            transform: translate(10%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-10 {
    -webkit-transform: translate(10%, 0%) !important;
        -ms-transform: translate(10%, 0%) !important;
            transform: translate(10%, 0%) !important;
  }
}

.y-perc-neg-10 {
  -webkit-transform: translate(0%, -10%);
      -ms-transform: translate(0%, -10%);
          transform: translate(0%, -10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-10 {
    -webkit-transform: translate(0%, -10%) !important;
        -ms-transform: translate(0%, -10%) !important;
            transform: translate(0%, -10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-10 {
    -webkit-transform: translate(0%, -10%) !important;
        -ms-transform: translate(0%, -10%) !important;
            transform: translate(0%, -10%) !important;
  }
}

.y-perc-pos-10 {
  -webkit-transform: translate(0%, 10%);
      -ms-transform: translate(0%, 10%);
          transform: translate(0%, 10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-10 {
    -webkit-transform: translate(0%, 10%) !important;
        -ms-transform: translate(0%, 10%) !important;
            transform: translate(0%, 10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-10 {
    -webkit-transform: translate(0%, 10%) !important;
        -ms-transform: translate(0%, 10%) !important;
            transform: translate(0%, 10%) !important;
  }
}

.x-perc-center-neg-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-10%, -50%);
      -ms-transform: translate(-10%, -50%);
          transform: translate(-10%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-10%, -50%) !important;
        -ms-transform: translate(-10%, -50%) !important;
            transform: translate(-10%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-10%, -50%) !important;
        -ms-transform: translate(-10%, -50%) !important;
            transform: translate(-10%, -50%) !important;
  }
}

.x-perc-center-pos-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(10%, -50%);
      -ms-transform: translate(10%, -50%);
          transform: translate(10%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(10%, -50%) !important;
        -ms-transform: translate(10%, -50%) !important;
            transform: translate(10%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(10%, -50%) !important;
        -ms-transform: translate(10%, -50%) !important;
            transform: translate(10%, -50%) !important;
  }
}

.y-perc-center-neg-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -10%);
      -ms-transform: translate(-50%, -10%);
          transform: translate(-50%, -10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -10%) !important;
        -ms-transform: translate(-50%, -10%) !important;
            transform: translate(-50%, -10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -10%) !important;
        -ms-transform: translate(-50%, -10%) !important;
            transform: translate(-50%, -10%) !important;
  }
}

.y-perc-center-pos-10 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 10%);
      -ms-transform: translate(-50%, 10%);
          transform: translate(-50%, 10%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 10%) !important;
        -ms-transform: translate(-50%, 10%) !important;
            transform: translate(-50%, 10%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-10 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 10%) !important;
        -ms-transform: translate(-50%, 10%) !important;
            transform: translate(-50%, 10%) !important;
  }
}

.x-perc-neg-11 {
  -webkit-transform: translate(-11%, 0%);
      -ms-transform: translate(-11%, 0%);
          transform: translate(-11%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-11 {
    -webkit-transform: translate(-11%, 0%) !important;
        -ms-transform: translate(-11%, 0%) !important;
            transform: translate(-11%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-11 {
    -webkit-transform: translate(-11%, 0%) !important;
        -ms-transform: translate(-11%, 0%) !important;
            transform: translate(-11%, 0%) !important;
  }
}

.x-perc-pos-11 {
  -webkit-transform: translate(11%, 0%);
      -ms-transform: translate(11%, 0%);
          transform: translate(11%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-11 {
    -webkit-transform: translate(11%, 0%) !important;
        -ms-transform: translate(11%, 0%) !important;
            transform: translate(11%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-11 {
    -webkit-transform: translate(11%, 0%) !important;
        -ms-transform: translate(11%, 0%) !important;
            transform: translate(11%, 0%) !important;
  }
}

.y-perc-neg-11 {
  -webkit-transform: translate(0%, -11%);
      -ms-transform: translate(0%, -11%);
          transform: translate(0%, -11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-11 {
    -webkit-transform: translate(0%, -11%) !important;
        -ms-transform: translate(0%, -11%) !important;
            transform: translate(0%, -11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-11 {
    -webkit-transform: translate(0%, -11%) !important;
        -ms-transform: translate(0%, -11%) !important;
            transform: translate(0%, -11%) !important;
  }
}

.y-perc-pos-11 {
  -webkit-transform: translate(0%, 11%);
      -ms-transform: translate(0%, 11%);
          transform: translate(0%, 11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-11 {
    -webkit-transform: translate(0%, 11%) !important;
        -ms-transform: translate(0%, 11%) !important;
            transform: translate(0%, 11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-11 {
    -webkit-transform: translate(0%, 11%) !important;
        -ms-transform: translate(0%, 11%) !important;
            transform: translate(0%, 11%) !important;
  }
}

.x-perc-center-neg-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-11%, -50%);
      -ms-transform: translate(-11%, -50%);
          transform: translate(-11%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-11%, -50%) !important;
        -ms-transform: translate(-11%, -50%) !important;
            transform: translate(-11%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-11%, -50%) !important;
        -ms-transform: translate(-11%, -50%) !important;
            transform: translate(-11%, -50%) !important;
  }
}

.x-perc-center-pos-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(11%, -50%);
      -ms-transform: translate(11%, -50%);
          transform: translate(11%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(11%, -50%) !important;
        -ms-transform: translate(11%, -50%) !important;
            transform: translate(11%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(11%, -50%) !important;
        -ms-transform: translate(11%, -50%) !important;
            transform: translate(11%, -50%) !important;
  }
}

.y-perc-center-neg-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -11%);
      -ms-transform: translate(-50%, -11%);
          transform: translate(-50%, -11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -11%) !important;
        -ms-transform: translate(-50%, -11%) !important;
            transform: translate(-50%, -11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -11%) !important;
        -ms-transform: translate(-50%, -11%) !important;
            transform: translate(-50%, -11%) !important;
  }
}

.y-perc-center-pos-11 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 11%);
      -ms-transform: translate(-50%, 11%);
          transform: translate(-50%, 11%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 11%) !important;
        -ms-transform: translate(-50%, 11%) !important;
            transform: translate(-50%, 11%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-11 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 11%) !important;
        -ms-transform: translate(-50%, 11%) !important;
            transform: translate(-50%, 11%) !important;
  }
}

.x-perc-neg-12 {
  -webkit-transform: translate(-12%, 0%);
      -ms-transform: translate(-12%, 0%);
          transform: translate(-12%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-12 {
    -webkit-transform: translate(-12%, 0%) !important;
        -ms-transform: translate(-12%, 0%) !important;
            transform: translate(-12%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-12 {
    -webkit-transform: translate(-12%, 0%) !important;
        -ms-transform: translate(-12%, 0%) !important;
            transform: translate(-12%, 0%) !important;
  }
}

.x-perc-pos-12 {
  -webkit-transform: translate(12%, 0%);
      -ms-transform: translate(12%, 0%);
          transform: translate(12%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-12 {
    -webkit-transform: translate(12%, 0%) !important;
        -ms-transform: translate(12%, 0%) !important;
            transform: translate(12%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-12 {
    -webkit-transform: translate(12%, 0%) !important;
        -ms-transform: translate(12%, 0%) !important;
            transform: translate(12%, 0%) !important;
  }
}

.y-perc-neg-12 {
  -webkit-transform: translate(0%, -12%);
      -ms-transform: translate(0%, -12%);
          transform: translate(0%, -12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-12 {
    -webkit-transform: translate(0%, -12%) !important;
        -ms-transform: translate(0%, -12%) !important;
            transform: translate(0%, -12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-12 {
    -webkit-transform: translate(0%, -12%) !important;
        -ms-transform: translate(0%, -12%) !important;
            transform: translate(0%, -12%) !important;
  }
}

.y-perc-pos-12 {
  -webkit-transform: translate(0%, 12%);
      -ms-transform: translate(0%, 12%);
          transform: translate(0%, 12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-12 {
    -webkit-transform: translate(0%, 12%) !important;
        -ms-transform: translate(0%, 12%) !important;
            transform: translate(0%, 12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-12 {
    -webkit-transform: translate(0%, 12%) !important;
        -ms-transform: translate(0%, 12%) !important;
            transform: translate(0%, 12%) !important;
  }
}

.x-perc-center-neg-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-12%, -50%);
      -ms-transform: translate(-12%, -50%);
          transform: translate(-12%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-12%, -50%) !important;
        -ms-transform: translate(-12%, -50%) !important;
            transform: translate(-12%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-12%, -50%) !important;
        -ms-transform: translate(-12%, -50%) !important;
            transform: translate(-12%, -50%) !important;
  }
}

.x-perc-center-pos-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(12%, -50%);
      -ms-transform: translate(12%, -50%);
          transform: translate(12%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(12%, -50%) !important;
        -ms-transform: translate(12%, -50%) !important;
            transform: translate(12%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(12%, -50%) !important;
        -ms-transform: translate(12%, -50%) !important;
            transform: translate(12%, -50%) !important;
  }
}

.y-perc-center-neg-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -12%);
      -ms-transform: translate(-50%, -12%);
          transform: translate(-50%, -12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -12%) !important;
        -ms-transform: translate(-50%, -12%) !important;
            transform: translate(-50%, -12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -12%) !important;
        -ms-transform: translate(-50%, -12%) !important;
            transform: translate(-50%, -12%) !important;
  }
}

.y-perc-center-pos-12 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 12%);
      -ms-transform: translate(-50%, 12%);
          transform: translate(-50%, 12%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 12%) !important;
        -ms-transform: translate(-50%, 12%) !important;
            transform: translate(-50%, 12%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-12 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 12%) !important;
        -ms-transform: translate(-50%, 12%) !important;
            transform: translate(-50%, 12%) !important;
  }
}

.x-perc-neg-13 {
  -webkit-transform: translate(-13%, 0%);
      -ms-transform: translate(-13%, 0%);
          transform: translate(-13%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-13 {
    -webkit-transform: translate(-13%, 0%) !important;
        -ms-transform: translate(-13%, 0%) !important;
            transform: translate(-13%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-13 {
    -webkit-transform: translate(-13%, 0%) !important;
        -ms-transform: translate(-13%, 0%) !important;
            transform: translate(-13%, 0%) !important;
  }
}

.x-perc-pos-13 {
  -webkit-transform: translate(13%, 0%);
      -ms-transform: translate(13%, 0%);
          transform: translate(13%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-13 {
    -webkit-transform: translate(13%, 0%) !important;
        -ms-transform: translate(13%, 0%) !important;
            transform: translate(13%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-13 {
    -webkit-transform: translate(13%, 0%) !important;
        -ms-transform: translate(13%, 0%) !important;
            transform: translate(13%, 0%) !important;
  }
}

.y-perc-neg-13 {
  -webkit-transform: translate(0%, -13%);
      -ms-transform: translate(0%, -13%);
          transform: translate(0%, -13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-13 {
    -webkit-transform: translate(0%, -13%) !important;
        -ms-transform: translate(0%, -13%) !important;
            transform: translate(0%, -13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-13 {
    -webkit-transform: translate(0%, -13%) !important;
        -ms-transform: translate(0%, -13%) !important;
            transform: translate(0%, -13%) !important;
  }
}

.y-perc-pos-13 {
  -webkit-transform: translate(0%, 13%);
      -ms-transform: translate(0%, 13%);
          transform: translate(0%, 13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-13 {
    -webkit-transform: translate(0%, 13%) !important;
        -ms-transform: translate(0%, 13%) !important;
            transform: translate(0%, 13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-13 {
    -webkit-transform: translate(0%, 13%) !important;
        -ms-transform: translate(0%, 13%) !important;
            transform: translate(0%, 13%) !important;
  }
}

.x-perc-center-neg-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-13%, -50%);
      -ms-transform: translate(-13%, -50%);
          transform: translate(-13%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-13%, -50%) !important;
        -ms-transform: translate(-13%, -50%) !important;
            transform: translate(-13%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-13%, -50%) !important;
        -ms-transform: translate(-13%, -50%) !important;
            transform: translate(-13%, -50%) !important;
  }
}

.x-perc-center-pos-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(13%, -50%);
      -ms-transform: translate(13%, -50%);
          transform: translate(13%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(13%, -50%) !important;
        -ms-transform: translate(13%, -50%) !important;
            transform: translate(13%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(13%, -50%) !important;
        -ms-transform: translate(13%, -50%) !important;
            transform: translate(13%, -50%) !important;
  }
}

.y-perc-center-neg-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -13%);
      -ms-transform: translate(-50%, -13%);
          transform: translate(-50%, -13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -13%) !important;
        -ms-transform: translate(-50%, -13%) !important;
            transform: translate(-50%, -13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -13%) !important;
        -ms-transform: translate(-50%, -13%) !important;
            transform: translate(-50%, -13%) !important;
  }
}

.y-perc-center-pos-13 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 13%);
      -ms-transform: translate(-50%, 13%);
          transform: translate(-50%, 13%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 13%) !important;
        -ms-transform: translate(-50%, 13%) !important;
            transform: translate(-50%, 13%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-13 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 13%) !important;
        -ms-transform: translate(-50%, 13%) !important;
            transform: translate(-50%, 13%) !important;
  }
}

.x-perc-neg-14 {
  -webkit-transform: translate(-14%, 0%);
      -ms-transform: translate(-14%, 0%);
          transform: translate(-14%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-14 {
    -webkit-transform: translate(-14%, 0%) !important;
        -ms-transform: translate(-14%, 0%) !important;
            transform: translate(-14%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-14 {
    -webkit-transform: translate(-14%, 0%) !important;
        -ms-transform: translate(-14%, 0%) !important;
            transform: translate(-14%, 0%) !important;
  }
}

.x-perc-pos-14 {
  -webkit-transform: translate(14%, 0%);
      -ms-transform: translate(14%, 0%);
          transform: translate(14%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-14 {
    -webkit-transform: translate(14%, 0%) !important;
        -ms-transform: translate(14%, 0%) !important;
            transform: translate(14%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-14 {
    -webkit-transform: translate(14%, 0%) !important;
        -ms-transform: translate(14%, 0%) !important;
            transform: translate(14%, 0%) !important;
  }
}

.y-perc-neg-14 {
  -webkit-transform: translate(0%, -14%);
      -ms-transform: translate(0%, -14%);
          transform: translate(0%, -14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-14 {
    -webkit-transform: translate(0%, -14%) !important;
        -ms-transform: translate(0%, -14%) !important;
            transform: translate(0%, -14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-14 {
    -webkit-transform: translate(0%, -14%) !important;
        -ms-transform: translate(0%, -14%) !important;
            transform: translate(0%, -14%) !important;
  }
}

.y-perc-pos-14 {
  -webkit-transform: translate(0%, 14%);
      -ms-transform: translate(0%, 14%);
          transform: translate(0%, 14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-14 {
    -webkit-transform: translate(0%, 14%) !important;
        -ms-transform: translate(0%, 14%) !important;
            transform: translate(0%, 14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-14 {
    -webkit-transform: translate(0%, 14%) !important;
        -ms-transform: translate(0%, 14%) !important;
            transform: translate(0%, 14%) !important;
  }
}

.x-perc-center-neg-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-14%, -50%);
      -ms-transform: translate(-14%, -50%);
          transform: translate(-14%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-14%, -50%) !important;
        -ms-transform: translate(-14%, -50%) !important;
            transform: translate(-14%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-14%, -50%) !important;
        -ms-transform: translate(-14%, -50%) !important;
            transform: translate(-14%, -50%) !important;
  }
}

.x-perc-center-pos-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(14%, -50%);
      -ms-transform: translate(14%, -50%);
          transform: translate(14%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(14%, -50%) !important;
        -ms-transform: translate(14%, -50%) !important;
            transform: translate(14%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(14%, -50%) !important;
        -ms-transform: translate(14%, -50%) !important;
            transform: translate(14%, -50%) !important;
  }
}

.y-perc-center-neg-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -14%);
      -ms-transform: translate(-50%, -14%);
          transform: translate(-50%, -14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -14%) !important;
        -ms-transform: translate(-50%, -14%) !important;
            transform: translate(-50%, -14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -14%) !important;
        -ms-transform: translate(-50%, -14%) !important;
            transform: translate(-50%, -14%) !important;
  }
}

.y-perc-center-pos-14 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 14%);
      -ms-transform: translate(-50%, 14%);
          transform: translate(-50%, 14%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 14%) !important;
        -ms-transform: translate(-50%, 14%) !important;
            transform: translate(-50%, 14%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-14 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 14%) !important;
        -ms-transform: translate(-50%, 14%) !important;
            transform: translate(-50%, 14%) !important;
  }
}

.x-perc-neg-15 {
  -webkit-transform: translate(-15%, 0%);
      -ms-transform: translate(-15%, 0%);
          transform: translate(-15%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-15 {
    -webkit-transform: translate(-15%, 0%) !important;
        -ms-transform: translate(-15%, 0%) !important;
            transform: translate(-15%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-15 {
    -webkit-transform: translate(-15%, 0%) !important;
        -ms-transform: translate(-15%, 0%) !important;
            transform: translate(-15%, 0%) !important;
  }
}

.x-perc-pos-15 {
  -webkit-transform: translate(15%, 0%);
      -ms-transform: translate(15%, 0%);
          transform: translate(15%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-15 {
    -webkit-transform: translate(15%, 0%) !important;
        -ms-transform: translate(15%, 0%) !important;
            transform: translate(15%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-15 {
    -webkit-transform: translate(15%, 0%) !important;
        -ms-transform: translate(15%, 0%) !important;
            transform: translate(15%, 0%) !important;
  }
}

.y-perc-neg-15 {
  -webkit-transform: translate(0%, -15%);
      -ms-transform: translate(0%, -15%);
          transform: translate(0%, -15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-15 {
    -webkit-transform: translate(0%, -15%) !important;
        -ms-transform: translate(0%, -15%) !important;
            transform: translate(0%, -15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-15 {
    -webkit-transform: translate(0%, -15%) !important;
        -ms-transform: translate(0%, -15%) !important;
            transform: translate(0%, -15%) !important;
  }
}

.y-perc-pos-15 {
  -webkit-transform: translate(0%, 15%);
      -ms-transform: translate(0%, 15%);
          transform: translate(0%, 15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-15 {
    -webkit-transform: translate(0%, 15%) !important;
        -ms-transform: translate(0%, 15%) !important;
            transform: translate(0%, 15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-15 {
    -webkit-transform: translate(0%, 15%) !important;
        -ms-transform: translate(0%, 15%) !important;
            transform: translate(0%, 15%) !important;
  }
}

.x-perc-center-neg-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-15%, -50%);
      -ms-transform: translate(-15%, -50%);
          transform: translate(-15%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-15%, -50%) !important;
        -ms-transform: translate(-15%, -50%) !important;
            transform: translate(-15%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-15%, -50%) !important;
        -ms-transform: translate(-15%, -50%) !important;
            transform: translate(-15%, -50%) !important;
  }
}

.x-perc-center-pos-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(15%, -50%);
      -ms-transform: translate(15%, -50%);
          transform: translate(15%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(15%, -50%) !important;
        -ms-transform: translate(15%, -50%) !important;
            transform: translate(15%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(15%, -50%) !important;
        -ms-transform: translate(15%, -50%) !important;
            transform: translate(15%, -50%) !important;
  }
}

.y-perc-center-neg-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -15%);
      -ms-transform: translate(-50%, -15%);
          transform: translate(-50%, -15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -15%) !important;
        -ms-transform: translate(-50%, -15%) !important;
            transform: translate(-50%, -15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -15%) !important;
        -ms-transform: translate(-50%, -15%) !important;
            transform: translate(-50%, -15%) !important;
  }
}

.y-perc-center-pos-15 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 15%);
      -ms-transform: translate(-50%, 15%);
          transform: translate(-50%, 15%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 15%) !important;
        -ms-transform: translate(-50%, 15%) !important;
            transform: translate(-50%, 15%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-15 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 15%) !important;
        -ms-transform: translate(-50%, 15%) !important;
            transform: translate(-50%, 15%) !important;
  }
}

.x-perc-neg-16 {
  -webkit-transform: translate(-16%, 0%);
      -ms-transform: translate(-16%, 0%);
          transform: translate(-16%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-16 {
    -webkit-transform: translate(-16%, 0%) !important;
        -ms-transform: translate(-16%, 0%) !important;
            transform: translate(-16%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-16 {
    -webkit-transform: translate(-16%, 0%) !important;
        -ms-transform: translate(-16%, 0%) !important;
            transform: translate(-16%, 0%) !important;
  }
}

.x-perc-pos-16 {
  -webkit-transform: translate(16%, 0%);
      -ms-transform: translate(16%, 0%);
          transform: translate(16%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-16 {
    -webkit-transform: translate(16%, 0%) !important;
        -ms-transform: translate(16%, 0%) !important;
            transform: translate(16%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-16 {
    -webkit-transform: translate(16%, 0%) !important;
        -ms-transform: translate(16%, 0%) !important;
            transform: translate(16%, 0%) !important;
  }
}

.y-perc-neg-16 {
  -webkit-transform: translate(0%, -16%);
      -ms-transform: translate(0%, -16%);
          transform: translate(0%, -16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-16 {
    -webkit-transform: translate(0%, -16%) !important;
        -ms-transform: translate(0%, -16%) !important;
            transform: translate(0%, -16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-16 {
    -webkit-transform: translate(0%, -16%) !important;
        -ms-transform: translate(0%, -16%) !important;
            transform: translate(0%, -16%) !important;
  }
}

.y-perc-pos-16 {
  -webkit-transform: translate(0%, 16%);
      -ms-transform: translate(0%, 16%);
          transform: translate(0%, 16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-16 {
    -webkit-transform: translate(0%, 16%) !important;
        -ms-transform: translate(0%, 16%) !important;
            transform: translate(0%, 16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-16 {
    -webkit-transform: translate(0%, 16%) !important;
        -ms-transform: translate(0%, 16%) !important;
            transform: translate(0%, 16%) !important;
  }
}

.x-perc-center-neg-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-16%, -50%);
      -ms-transform: translate(-16%, -50%);
          transform: translate(-16%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-16%, -50%) !important;
        -ms-transform: translate(-16%, -50%) !important;
            transform: translate(-16%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-16%, -50%) !important;
        -ms-transform: translate(-16%, -50%) !important;
            transform: translate(-16%, -50%) !important;
  }
}

.x-perc-center-pos-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(16%, -50%);
      -ms-transform: translate(16%, -50%);
          transform: translate(16%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(16%, -50%) !important;
        -ms-transform: translate(16%, -50%) !important;
            transform: translate(16%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(16%, -50%) !important;
        -ms-transform: translate(16%, -50%) !important;
            transform: translate(16%, -50%) !important;
  }
}

.y-perc-center-neg-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -16%);
      -ms-transform: translate(-50%, -16%);
          transform: translate(-50%, -16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -16%) !important;
        -ms-transform: translate(-50%, -16%) !important;
            transform: translate(-50%, -16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -16%) !important;
        -ms-transform: translate(-50%, -16%) !important;
            transform: translate(-50%, -16%) !important;
  }
}

.y-perc-center-pos-16 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 16%);
      -ms-transform: translate(-50%, 16%);
          transform: translate(-50%, 16%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 16%) !important;
        -ms-transform: translate(-50%, 16%) !important;
            transform: translate(-50%, 16%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-16 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 16%) !important;
        -ms-transform: translate(-50%, 16%) !important;
            transform: translate(-50%, 16%) !important;
  }
}

.x-perc-neg-17 {
  -webkit-transform: translate(-17%, 0%);
      -ms-transform: translate(-17%, 0%);
          transform: translate(-17%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-17 {
    -webkit-transform: translate(-17%, 0%) !important;
        -ms-transform: translate(-17%, 0%) !important;
            transform: translate(-17%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-17 {
    -webkit-transform: translate(-17%, 0%) !important;
        -ms-transform: translate(-17%, 0%) !important;
            transform: translate(-17%, 0%) !important;
  }
}

.x-perc-pos-17 {
  -webkit-transform: translate(17%, 0%);
      -ms-transform: translate(17%, 0%);
          transform: translate(17%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-17 {
    -webkit-transform: translate(17%, 0%) !important;
        -ms-transform: translate(17%, 0%) !important;
            transform: translate(17%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-17 {
    -webkit-transform: translate(17%, 0%) !important;
        -ms-transform: translate(17%, 0%) !important;
            transform: translate(17%, 0%) !important;
  }
}

.y-perc-neg-17 {
  -webkit-transform: translate(0%, -17%);
      -ms-transform: translate(0%, -17%);
          transform: translate(0%, -17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-17 {
    -webkit-transform: translate(0%, -17%) !important;
        -ms-transform: translate(0%, -17%) !important;
            transform: translate(0%, -17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-17 {
    -webkit-transform: translate(0%, -17%) !important;
        -ms-transform: translate(0%, -17%) !important;
            transform: translate(0%, -17%) !important;
  }
}

.y-perc-pos-17 {
  -webkit-transform: translate(0%, 17%);
      -ms-transform: translate(0%, 17%);
          transform: translate(0%, 17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-17 {
    -webkit-transform: translate(0%, 17%) !important;
        -ms-transform: translate(0%, 17%) !important;
            transform: translate(0%, 17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-17 {
    -webkit-transform: translate(0%, 17%) !important;
        -ms-transform: translate(0%, 17%) !important;
            transform: translate(0%, 17%) !important;
  }
}

.x-perc-center-neg-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-17%, -50%);
      -ms-transform: translate(-17%, -50%);
          transform: translate(-17%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-17%, -50%) !important;
        -ms-transform: translate(-17%, -50%) !important;
            transform: translate(-17%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-17%, -50%) !important;
        -ms-transform: translate(-17%, -50%) !important;
            transform: translate(-17%, -50%) !important;
  }
}

.x-perc-center-pos-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(17%, -50%);
      -ms-transform: translate(17%, -50%);
          transform: translate(17%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(17%, -50%) !important;
        -ms-transform: translate(17%, -50%) !important;
            transform: translate(17%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(17%, -50%) !important;
        -ms-transform: translate(17%, -50%) !important;
            transform: translate(17%, -50%) !important;
  }
}

.y-perc-center-neg-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -17%);
      -ms-transform: translate(-50%, -17%);
          transform: translate(-50%, -17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -17%) !important;
        -ms-transform: translate(-50%, -17%) !important;
            transform: translate(-50%, -17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -17%) !important;
        -ms-transform: translate(-50%, -17%) !important;
            transform: translate(-50%, -17%) !important;
  }
}

.y-perc-center-pos-17 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 17%);
      -ms-transform: translate(-50%, 17%);
          transform: translate(-50%, 17%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 17%) !important;
        -ms-transform: translate(-50%, 17%) !important;
            transform: translate(-50%, 17%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-17 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 17%) !important;
        -ms-transform: translate(-50%, 17%) !important;
            transform: translate(-50%, 17%) !important;
  }
}

.x-perc-neg-18 {
  -webkit-transform: translate(-18%, 0%);
      -ms-transform: translate(-18%, 0%);
          transform: translate(-18%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-18 {
    -webkit-transform: translate(-18%, 0%) !important;
        -ms-transform: translate(-18%, 0%) !important;
            transform: translate(-18%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-18 {
    -webkit-transform: translate(-18%, 0%) !important;
        -ms-transform: translate(-18%, 0%) !important;
            transform: translate(-18%, 0%) !important;
  }
}

.x-perc-pos-18 {
  -webkit-transform: translate(18%, 0%);
      -ms-transform: translate(18%, 0%);
          transform: translate(18%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-18 {
    -webkit-transform: translate(18%, 0%) !important;
        -ms-transform: translate(18%, 0%) !important;
            transform: translate(18%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-18 {
    -webkit-transform: translate(18%, 0%) !important;
        -ms-transform: translate(18%, 0%) !important;
            transform: translate(18%, 0%) !important;
  }
}

.y-perc-neg-18 {
  -webkit-transform: translate(0%, -18%);
      -ms-transform: translate(0%, -18%);
          transform: translate(0%, -18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-18 {
    -webkit-transform: translate(0%, -18%) !important;
        -ms-transform: translate(0%, -18%) !important;
            transform: translate(0%, -18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-18 {
    -webkit-transform: translate(0%, -18%) !important;
        -ms-transform: translate(0%, -18%) !important;
            transform: translate(0%, -18%) !important;
  }
}

.y-perc-pos-18 {
  -webkit-transform: translate(0%, 18%);
      -ms-transform: translate(0%, 18%);
          transform: translate(0%, 18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-18 {
    -webkit-transform: translate(0%, 18%) !important;
        -ms-transform: translate(0%, 18%) !important;
            transform: translate(0%, 18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-18 {
    -webkit-transform: translate(0%, 18%) !important;
        -ms-transform: translate(0%, 18%) !important;
            transform: translate(0%, 18%) !important;
  }
}

.x-perc-center-neg-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-18%, -50%);
      -ms-transform: translate(-18%, -50%);
          transform: translate(-18%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-18%, -50%) !important;
        -ms-transform: translate(-18%, -50%) !important;
            transform: translate(-18%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-18%, -50%) !important;
        -ms-transform: translate(-18%, -50%) !important;
            transform: translate(-18%, -50%) !important;
  }
}

.x-perc-center-pos-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(18%, -50%);
      -ms-transform: translate(18%, -50%);
          transform: translate(18%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(18%, -50%) !important;
        -ms-transform: translate(18%, -50%) !important;
            transform: translate(18%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(18%, -50%) !important;
        -ms-transform: translate(18%, -50%) !important;
            transform: translate(18%, -50%) !important;
  }
}

.y-perc-center-neg-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -18%);
      -ms-transform: translate(-50%, -18%);
          transform: translate(-50%, -18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -18%) !important;
        -ms-transform: translate(-50%, -18%) !important;
            transform: translate(-50%, -18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -18%) !important;
        -ms-transform: translate(-50%, -18%) !important;
            transform: translate(-50%, -18%) !important;
  }
}

.y-perc-center-pos-18 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 18%);
      -ms-transform: translate(-50%, 18%);
          transform: translate(-50%, 18%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 18%) !important;
        -ms-transform: translate(-50%, 18%) !important;
            transform: translate(-50%, 18%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-18 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 18%) !important;
        -ms-transform: translate(-50%, 18%) !important;
            transform: translate(-50%, 18%) !important;
  }
}

.x-perc-neg-19 {
  -webkit-transform: translate(-19%, 0%);
      -ms-transform: translate(-19%, 0%);
          transform: translate(-19%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-19 {
    -webkit-transform: translate(-19%, 0%) !important;
        -ms-transform: translate(-19%, 0%) !important;
            transform: translate(-19%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-19 {
    -webkit-transform: translate(-19%, 0%) !important;
        -ms-transform: translate(-19%, 0%) !important;
            transform: translate(-19%, 0%) !important;
  }
}

.x-perc-pos-19 {
  -webkit-transform: translate(19%, 0%);
      -ms-transform: translate(19%, 0%);
          transform: translate(19%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-19 {
    -webkit-transform: translate(19%, 0%) !important;
        -ms-transform: translate(19%, 0%) !important;
            transform: translate(19%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-19 {
    -webkit-transform: translate(19%, 0%) !important;
        -ms-transform: translate(19%, 0%) !important;
            transform: translate(19%, 0%) !important;
  }
}

.y-perc-neg-19 {
  -webkit-transform: translate(0%, -19%);
      -ms-transform: translate(0%, -19%);
          transform: translate(0%, -19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-19 {
    -webkit-transform: translate(0%, -19%) !important;
        -ms-transform: translate(0%, -19%) !important;
            transform: translate(0%, -19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-19 {
    -webkit-transform: translate(0%, -19%) !important;
        -ms-transform: translate(0%, -19%) !important;
            transform: translate(0%, -19%) !important;
  }
}

.y-perc-pos-19 {
  -webkit-transform: translate(0%, 19%);
      -ms-transform: translate(0%, 19%);
          transform: translate(0%, 19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-19 {
    -webkit-transform: translate(0%, 19%) !important;
        -ms-transform: translate(0%, 19%) !important;
            transform: translate(0%, 19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-19 {
    -webkit-transform: translate(0%, 19%) !important;
        -ms-transform: translate(0%, 19%) !important;
            transform: translate(0%, 19%) !important;
  }
}

.x-perc-center-neg-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-19%, -50%);
      -ms-transform: translate(-19%, -50%);
          transform: translate(-19%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-19%, -50%) !important;
        -ms-transform: translate(-19%, -50%) !important;
            transform: translate(-19%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-19%, -50%) !important;
        -ms-transform: translate(-19%, -50%) !important;
            transform: translate(-19%, -50%) !important;
  }
}

.x-perc-center-pos-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(19%, -50%);
      -ms-transform: translate(19%, -50%);
          transform: translate(19%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(19%, -50%) !important;
        -ms-transform: translate(19%, -50%) !important;
            transform: translate(19%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(19%, -50%) !important;
        -ms-transform: translate(19%, -50%) !important;
            transform: translate(19%, -50%) !important;
  }
}

.y-perc-center-neg-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -19%);
      -ms-transform: translate(-50%, -19%);
          transform: translate(-50%, -19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -19%) !important;
        -ms-transform: translate(-50%, -19%) !important;
            transform: translate(-50%, -19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -19%) !important;
        -ms-transform: translate(-50%, -19%) !important;
            transform: translate(-50%, -19%) !important;
  }
}

.y-perc-center-pos-19 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 19%);
      -ms-transform: translate(-50%, 19%);
          transform: translate(-50%, 19%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 19%) !important;
        -ms-transform: translate(-50%, 19%) !important;
            transform: translate(-50%, 19%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-19 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 19%) !important;
        -ms-transform: translate(-50%, 19%) !important;
            transform: translate(-50%, 19%) !important;
  }
}

.x-perc-neg-20 {
  -webkit-transform: translate(-20%, 0%);
      -ms-transform: translate(-20%, 0%);
          transform: translate(-20%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-20 {
    -webkit-transform: translate(-20%, 0%) !important;
        -ms-transform: translate(-20%, 0%) !important;
            transform: translate(-20%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-20 {
    -webkit-transform: translate(-20%, 0%) !important;
        -ms-transform: translate(-20%, 0%) !important;
            transform: translate(-20%, 0%) !important;
  }
}

.x-perc-pos-20 {
  -webkit-transform: translate(20%, 0%);
      -ms-transform: translate(20%, 0%);
          transform: translate(20%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-20 {
    -webkit-transform: translate(20%, 0%) !important;
        -ms-transform: translate(20%, 0%) !important;
            transform: translate(20%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-20 {
    -webkit-transform: translate(20%, 0%) !important;
        -ms-transform: translate(20%, 0%) !important;
            transform: translate(20%, 0%) !important;
  }
}

.y-perc-neg-20 {
  -webkit-transform: translate(0%, -20%);
      -ms-transform: translate(0%, -20%);
          transform: translate(0%, -20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-20 {
    -webkit-transform: translate(0%, -20%) !important;
        -ms-transform: translate(0%, -20%) !important;
            transform: translate(0%, -20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-20 {
    -webkit-transform: translate(0%, -20%) !important;
        -ms-transform: translate(0%, -20%) !important;
            transform: translate(0%, -20%) !important;
  }
}

.y-perc-pos-20 {
  -webkit-transform: translate(0%, 20%);
      -ms-transform: translate(0%, 20%);
          transform: translate(0%, 20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-20 {
    -webkit-transform: translate(0%, 20%) !important;
        -ms-transform: translate(0%, 20%) !important;
            transform: translate(0%, 20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-20 {
    -webkit-transform: translate(0%, 20%) !important;
        -ms-transform: translate(0%, 20%) !important;
            transform: translate(0%, 20%) !important;
  }
}

.x-perc-center-neg-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-20%, -50%);
      -ms-transform: translate(-20%, -50%);
          transform: translate(-20%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-20%, -50%) !important;
        -ms-transform: translate(-20%, -50%) !important;
            transform: translate(-20%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-20%, -50%) !important;
        -ms-transform: translate(-20%, -50%) !important;
            transform: translate(-20%, -50%) !important;
  }
}

.x-perc-center-pos-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(20%, -50%);
      -ms-transform: translate(20%, -50%);
          transform: translate(20%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(20%, -50%) !important;
        -ms-transform: translate(20%, -50%) !important;
            transform: translate(20%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(20%, -50%) !important;
        -ms-transform: translate(20%, -50%) !important;
            transform: translate(20%, -50%) !important;
  }
}

.y-perc-center-neg-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -20%);
      -ms-transform: translate(-50%, -20%);
          transform: translate(-50%, -20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -20%) !important;
        -ms-transform: translate(-50%, -20%) !important;
            transform: translate(-50%, -20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -20%) !important;
        -ms-transform: translate(-50%, -20%) !important;
            transform: translate(-50%, -20%) !important;
  }
}

.y-perc-center-pos-20 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 20%);
      -ms-transform: translate(-50%, 20%);
          transform: translate(-50%, 20%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 20%) !important;
        -ms-transform: translate(-50%, 20%) !important;
            transform: translate(-50%, 20%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-20 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 20%) !important;
        -ms-transform: translate(-50%, 20%) !important;
            transform: translate(-50%, 20%) !important;
  }
}

.x-perc-neg-21 {
  -webkit-transform: translate(-21%, 0%);
      -ms-transform: translate(-21%, 0%);
          transform: translate(-21%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-21 {
    -webkit-transform: translate(-21%, 0%) !important;
        -ms-transform: translate(-21%, 0%) !important;
            transform: translate(-21%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-21 {
    -webkit-transform: translate(-21%, 0%) !important;
        -ms-transform: translate(-21%, 0%) !important;
            transform: translate(-21%, 0%) !important;
  }
}

.x-perc-pos-21 {
  -webkit-transform: translate(21%, 0%);
      -ms-transform: translate(21%, 0%);
          transform: translate(21%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-21 {
    -webkit-transform: translate(21%, 0%) !important;
        -ms-transform: translate(21%, 0%) !important;
            transform: translate(21%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-21 {
    -webkit-transform: translate(21%, 0%) !important;
        -ms-transform: translate(21%, 0%) !important;
            transform: translate(21%, 0%) !important;
  }
}

.y-perc-neg-21 {
  -webkit-transform: translate(0%, -21%);
      -ms-transform: translate(0%, -21%);
          transform: translate(0%, -21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-21 {
    -webkit-transform: translate(0%, -21%) !important;
        -ms-transform: translate(0%, -21%) !important;
            transform: translate(0%, -21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-21 {
    -webkit-transform: translate(0%, -21%) !important;
        -ms-transform: translate(0%, -21%) !important;
            transform: translate(0%, -21%) !important;
  }
}

.y-perc-pos-21 {
  -webkit-transform: translate(0%, 21%);
      -ms-transform: translate(0%, 21%);
          transform: translate(0%, 21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-21 {
    -webkit-transform: translate(0%, 21%) !important;
        -ms-transform: translate(0%, 21%) !important;
            transform: translate(0%, 21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-21 {
    -webkit-transform: translate(0%, 21%) !important;
        -ms-transform: translate(0%, 21%) !important;
            transform: translate(0%, 21%) !important;
  }
}

.x-perc-center-neg-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-21%, -50%);
      -ms-transform: translate(-21%, -50%);
          transform: translate(-21%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-21%, -50%) !important;
        -ms-transform: translate(-21%, -50%) !important;
            transform: translate(-21%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-21%, -50%) !important;
        -ms-transform: translate(-21%, -50%) !important;
            transform: translate(-21%, -50%) !important;
  }
}

.x-perc-center-pos-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(21%, -50%);
      -ms-transform: translate(21%, -50%);
          transform: translate(21%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(21%, -50%) !important;
        -ms-transform: translate(21%, -50%) !important;
            transform: translate(21%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(21%, -50%) !important;
        -ms-transform: translate(21%, -50%) !important;
            transform: translate(21%, -50%) !important;
  }
}

.y-perc-center-neg-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -21%);
      -ms-transform: translate(-50%, -21%);
          transform: translate(-50%, -21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -21%) !important;
        -ms-transform: translate(-50%, -21%) !important;
            transform: translate(-50%, -21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -21%) !important;
        -ms-transform: translate(-50%, -21%) !important;
            transform: translate(-50%, -21%) !important;
  }
}

.y-perc-center-pos-21 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 21%);
      -ms-transform: translate(-50%, 21%);
          transform: translate(-50%, 21%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 21%) !important;
        -ms-transform: translate(-50%, 21%) !important;
            transform: translate(-50%, 21%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-21 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 21%) !important;
        -ms-transform: translate(-50%, 21%) !important;
            transform: translate(-50%, 21%) !important;
  }
}

.x-perc-neg-22 {
  -webkit-transform: translate(-22%, 0%);
      -ms-transform: translate(-22%, 0%);
          transform: translate(-22%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-22 {
    -webkit-transform: translate(-22%, 0%) !important;
        -ms-transform: translate(-22%, 0%) !important;
            transform: translate(-22%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-22 {
    -webkit-transform: translate(-22%, 0%) !important;
        -ms-transform: translate(-22%, 0%) !important;
            transform: translate(-22%, 0%) !important;
  }
}

.x-perc-pos-22 {
  -webkit-transform: translate(22%, 0%);
      -ms-transform: translate(22%, 0%);
          transform: translate(22%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-22 {
    -webkit-transform: translate(22%, 0%) !important;
        -ms-transform: translate(22%, 0%) !important;
            transform: translate(22%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-22 {
    -webkit-transform: translate(22%, 0%) !important;
        -ms-transform: translate(22%, 0%) !important;
            transform: translate(22%, 0%) !important;
  }
}

.y-perc-neg-22 {
  -webkit-transform: translate(0%, -22%);
      -ms-transform: translate(0%, -22%);
          transform: translate(0%, -22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-22 {
    -webkit-transform: translate(0%, -22%) !important;
        -ms-transform: translate(0%, -22%) !important;
            transform: translate(0%, -22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-22 {
    -webkit-transform: translate(0%, -22%) !important;
        -ms-transform: translate(0%, -22%) !important;
            transform: translate(0%, -22%) !important;
  }
}

.y-perc-pos-22 {
  -webkit-transform: translate(0%, 22%);
      -ms-transform: translate(0%, 22%);
          transform: translate(0%, 22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-22 {
    -webkit-transform: translate(0%, 22%) !important;
        -ms-transform: translate(0%, 22%) !important;
            transform: translate(0%, 22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-22 {
    -webkit-transform: translate(0%, 22%) !important;
        -ms-transform: translate(0%, 22%) !important;
            transform: translate(0%, 22%) !important;
  }
}

.x-perc-center-neg-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-22%, -50%);
      -ms-transform: translate(-22%, -50%);
          transform: translate(-22%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-22%, -50%) !important;
        -ms-transform: translate(-22%, -50%) !important;
            transform: translate(-22%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-22%, -50%) !important;
        -ms-transform: translate(-22%, -50%) !important;
            transform: translate(-22%, -50%) !important;
  }
}

.x-perc-center-pos-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(22%, -50%);
      -ms-transform: translate(22%, -50%);
          transform: translate(22%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(22%, -50%) !important;
        -ms-transform: translate(22%, -50%) !important;
            transform: translate(22%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(22%, -50%) !important;
        -ms-transform: translate(22%, -50%) !important;
            transform: translate(22%, -50%) !important;
  }
}

.y-perc-center-neg-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -22%);
      -ms-transform: translate(-50%, -22%);
          transform: translate(-50%, -22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -22%) !important;
        -ms-transform: translate(-50%, -22%) !important;
            transform: translate(-50%, -22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -22%) !important;
        -ms-transform: translate(-50%, -22%) !important;
            transform: translate(-50%, -22%) !important;
  }
}

.y-perc-center-pos-22 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 22%);
      -ms-transform: translate(-50%, 22%);
          transform: translate(-50%, 22%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 22%) !important;
        -ms-transform: translate(-50%, 22%) !important;
            transform: translate(-50%, 22%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-22 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 22%) !important;
        -ms-transform: translate(-50%, 22%) !important;
            transform: translate(-50%, 22%) !important;
  }
}

.x-perc-neg-23 {
  -webkit-transform: translate(-23%, 0%);
      -ms-transform: translate(-23%, 0%);
          transform: translate(-23%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-23 {
    -webkit-transform: translate(-23%, 0%) !important;
        -ms-transform: translate(-23%, 0%) !important;
            transform: translate(-23%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-23 {
    -webkit-transform: translate(-23%, 0%) !important;
        -ms-transform: translate(-23%, 0%) !important;
            transform: translate(-23%, 0%) !important;
  }
}

.x-perc-pos-23 {
  -webkit-transform: translate(23%, 0%);
      -ms-transform: translate(23%, 0%);
          transform: translate(23%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-23 {
    -webkit-transform: translate(23%, 0%) !important;
        -ms-transform: translate(23%, 0%) !important;
            transform: translate(23%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-23 {
    -webkit-transform: translate(23%, 0%) !important;
        -ms-transform: translate(23%, 0%) !important;
            transform: translate(23%, 0%) !important;
  }
}

.y-perc-neg-23 {
  -webkit-transform: translate(0%, -23%);
      -ms-transform: translate(0%, -23%);
          transform: translate(0%, -23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-23 {
    -webkit-transform: translate(0%, -23%) !important;
        -ms-transform: translate(0%, -23%) !important;
            transform: translate(0%, -23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-23 {
    -webkit-transform: translate(0%, -23%) !important;
        -ms-transform: translate(0%, -23%) !important;
            transform: translate(0%, -23%) !important;
  }
}

.y-perc-pos-23 {
  -webkit-transform: translate(0%, 23%);
      -ms-transform: translate(0%, 23%);
          transform: translate(0%, 23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-23 {
    -webkit-transform: translate(0%, 23%) !important;
        -ms-transform: translate(0%, 23%) !important;
            transform: translate(0%, 23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-23 {
    -webkit-transform: translate(0%, 23%) !important;
        -ms-transform: translate(0%, 23%) !important;
            transform: translate(0%, 23%) !important;
  }
}

.x-perc-center-neg-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-23%, -50%);
      -ms-transform: translate(-23%, -50%);
          transform: translate(-23%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-23%, -50%) !important;
        -ms-transform: translate(-23%, -50%) !important;
            transform: translate(-23%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-23%, -50%) !important;
        -ms-transform: translate(-23%, -50%) !important;
            transform: translate(-23%, -50%) !important;
  }
}

.x-perc-center-pos-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(23%, -50%);
      -ms-transform: translate(23%, -50%);
          transform: translate(23%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(23%, -50%) !important;
        -ms-transform: translate(23%, -50%) !important;
            transform: translate(23%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(23%, -50%) !important;
        -ms-transform: translate(23%, -50%) !important;
            transform: translate(23%, -50%) !important;
  }
}

.y-perc-center-neg-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -23%);
      -ms-transform: translate(-50%, -23%);
          transform: translate(-50%, -23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -23%) !important;
        -ms-transform: translate(-50%, -23%) !important;
            transform: translate(-50%, -23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -23%) !important;
        -ms-transform: translate(-50%, -23%) !important;
            transform: translate(-50%, -23%) !important;
  }
}

.y-perc-center-pos-23 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 23%);
      -ms-transform: translate(-50%, 23%);
          transform: translate(-50%, 23%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 23%) !important;
        -ms-transform: translate(-50%, 23%) !important;
            transform: translate(-50%, 23%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-23 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 23%) !important;
        -ms-transform: translate(-50%, 23%) !important;
            transform: translate(-50%, 23%) !important;
  }
}

.x-perc-neg-24 {
  -webkit-transform: translate(-24%, 0%);
      -ms-transform: translate(-24%, 0%);
          transform: translate(-24%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-24 {
    -webkit-transform: translate(-24%, 0%) !important;
        -ms-transform: translate(-24%, 0%) !important;
            transform: translate(-24%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-24 {
    -webkit-transform: translate(-24%, 0%) !important;
        -ms-transform: translate(-24%, 0%) !important;
            transform: translate(-24%, 0%) !important;
  }
}

.x-perc-pos-24 {
  -webkit-transform: translate(24%, 0%);
      -ms-transform: translate(24%, 0%);
          transform: translate(24%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-24 {
    -webkit-transform: translate(24%, 0%) !important;
        -ms-transform: translate(24%, 0%) !important;
            transform: translate(24%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-24 {
    -webkit-transform: translate(24%, 0%) !important;
        -ms-transform: translate(24%, 0%) !important;
            transform: translate(24%, 0%) !important;
  }
}

.y-perc-neg-24 {
  -webkit-transform: translate(0%, -24%);
      -ms-transform: translate(0%, -24%);
          transform: translate(0%, -24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-24 {
    -webkit-transform: translate(0%, -24%) !important;
        -ms-transform: translate(0%, -24%) !important;
            transform: translate(0%, -24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-24 {
    -webkit-transform: translate(0%, -24%) !important;
        -ms-transform: translate(0%, -24%) !important;
            transform: translate(0%, -24%) !important;
  }
}

.y-perc-pos-24 {
  -webkit-transform: translate(0%, 24%);
      -ms-transform: translate(0%, 24%);
          transform: translate(0%, 24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-24 {
    -webkit-transform: translate(0%, 24%) !important;
        -ms-transform: translate(0%, 24%) !important;
            transform: translate(0%, 24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-24 {
    -webkit-transform: translate(0%, 24%) !important;
        -ms-transform: translate(0%, 24%) !important;
            transform: translate(0%, 24%) !important;
  }
}

.x-perc-center-neg-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-24%, -50%);
      -ms-transform: translate(-24%, -50%);
          transform: translate(-24%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-24%, -50%) !important;
        -ms-transform: translate(-24%, -50%) !important;
            transform: translate(-24%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-24%, -50%) !important;
        -ms-transform: translate(-24%, -50%) !important;
            transform: translate(-24%, -50%) !important;
  }
}

.x-perc-center-pos-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(24%, -50%);
      -ms-transform: translate(24%, -50%);
          transform: translate(24%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(24%, -50%) !important;
        -ms-transform: translate(24%, -50%) !important;
            transform: translate(24%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(24%, -50%) !important;
        -ms-transform: translate(24%, -50%) !important;
            transform: translate(24%, -50%) !important;
  }
}

.y-perc-center-neg-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -24%);
      -ms-transform: translate(-50%, -24%);
          transform: translate(-50%, -24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -24%) !important;
        -ms-transform: translate(-50%, -24%) !important;
            transform: translate(-50%, -24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -24%) !important;
        -ms-transform: translate(-50%, -24%) !important;
            transform: translate(-50%, -24%) !important;
  }
}

.y-perc-center-pos-24 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 24%);
      -ms-transform: translate(-50%, 24%);
          transform: translate(-50%, 24%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 24%) !important;
        -ms-transform: translate(-50%, 24%) !important;
            transform: translate(-50%, 24%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-24 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 24%) !important;
        -ms-transform: translate(-50%, 24%) !important;
            transform: translate(-50%, 24%) !important;
  }
}

.x-perc-neg-25 {
  -webkit-transform: translate(-25%, 0%);
      -ms-transform: translate(-25%, 0%);
          transform: translate(-25%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-25 {
    -webkit-transform: translate(-25%, 0%) !important;
        -ms-transform: translate(-25%, 0%) !important;
            transform: translate(-25%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-25 {
    -webkit-transform: translate(-25%, 0%) !important;
        -ms-transform: translate(-25%, 0%) !important;
            transform: translate(-25%, 0%) !important;
  }
}

.x-perc-pos-25 {
  -webkit-transform: translate(25%, 0%);
      -ms-transform: translate(25%, 0%);
          transform: translate(25%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-25 {
    -webkit-transform: translate(25%, 0%) !important;
        -ms-transform: translate(25%, 0%) !important;
            transform: translate(25%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-25 {
    -webkit-transform: translate(25%, 0%) !important;
        -ms-transform: translate(25%, 0%) !important;
            transform: translate(25%, 0%) !important;
  }
}

.y-perc-neg-25 {
  -webkit-transform: translate(0%, -25%);
      -ms-transform: translate(0%, -25%);
          transform: translate(0%, -25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-25 {
    -webkit-transform: translate(0%, -25%) !important;
        -ms-transform: translate(0%, -25%) !important;
            transform: translate(0%, -25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-25 {
    -webkit-transform: translate(0%, -25%) !important;
        -ms-transform: translate(0%, -25%) !important;
            transform: translate(0%, -25%) !important;
  }
}

.y-perc-pos-25 {
  -webkit-transform: translate(0%, 25%);
      -ms-transform: translate(0%, 25%);
          transform: translate(0%, 25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-25 {
    -webkit-transform: translate(0%, 25%) !important;
        -ms-transform: translate(0%, 25%) !important;
            transform: translate(0%, 25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-25 {
    -webkit-transform: translate(0%, 25%) !important;
        -ms-transform: translate(0%, 25%) !important;
            transform: translate(0%, 25%) !important;
  }
}

.x-perc-center-neg-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-25%, -50%);
      -ms-transform: translate(-25%, -50%);
          transform: translate(-25%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-25%, -50%) !important;
        -ms-transform: translate(-25%, -50%) !important;
            transform: translate(-25%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-25%, -50%) !important;
        -ms-transform: translate(-25%, -50%) !important;
            transform: translate(-25%, -50%) !important;
  }
}

.x-perc-center-pos-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(25%, -50%);
      -ms-transform: translate(25%, -50%);
          transform: translate(25%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(25%, -50%) !important;
        -ms-transform: translate(25%, -50%) !important;
            transform: translate(25%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(25%, -50%) !important;
        -ms-transform: translate(25%, -50%) !important;
            transform: translate(25%, -50%) !important;
  }
}

.y-perc-center-neg-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -25%);
      -ms-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -25%) !important;
        -ms-transform: translate(-50%, -25%) !important;
            transform: translate(-50%, -25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -25%) !important;
        -ms-transform: translate(-50%, -25%) !important;
            transform: translate(-50%, -25%) !important;
  }
}

.y-perc-center-pos-25 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 25%);
      -ms-transform: translate(-50%, 25%);
          transform: translate(-50%, 25%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 25%) !important;
        -ms-transform: translate(-50%, 25%) !important;
            transform: translate(-50%, 25%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-25 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 25%) !important;
        -ms-transform: translate(-50%, 25%) !important;
            transform: translate(-50%, 25%) !important;
  }
}

.x-perc-neg-26 {
  -webkit-transform: translate(-26%, 0%);
      -ms-transform: translate(-26%, 0%);
          transform: translate(-26%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-26 {
    -webkit-transform: translate(-26%, 0%) !important;
        -ms-transform: translate(-26%, 0%) !important;
            transform: translate(-26%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-26 {
    -webkit-transform: translate(-26%, 0%) !important;
        -ms-transform: translate(-26%, 0%) !important;
            transform: translate(-26%, 0%) !important;
  }
}

.x-perc-pos-26 {
  -webkit-transform: translate(26%, 0%);
      -ms-transform: translate(26%, 0%);
          transform: translate(26%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-26 {
    -webkit-transform: translate(26%, 0%) !important;
        -ms-transform: translate(26%, 0%) !important;
            transform: translate(26%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-26 {
    -webkit-transform: translate(26%, 0%) !important;
        -ms-transform: translate(26%, 0%) !important;
            transform: translate(26%, 0%) !important;
  }
}

.y-perc-neg-26 {
  -webkit-transform: translate(0%, -26%);
      -ms-transform: translate(0%, -26%);
          transform: translate(0%, -26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-26 {
    -webkit-transform: translate(0%, -26%) !important;
        -ms-transform: translate(0%, -26%) !important;
            transform: translate(0%, -26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-26 {
    -webkit-transform: translate(0%, -26%) !important;
        -ms-transform: translate(0%, -26%) !important;
            transform: translate(0%, -26%) !important;
  }
}

.y-perc-pos-26 {
  -webkit-transform: translate(0%, 26%);
      -ms-transform: translate(0%, 26%);
          transform: translate(0%, 26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-26 {
    -webkit-transform: translate(0%, 26%) !important;
        -ms-transform: translate(0%, 26%) !important;
            transform: translate(0%, 26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-26 {
    -webkit-transform: translate(0%, 26%) !important;
        -ms-transform: translate(0%, 26%) !important;
            transform: translate(0%, 26%) !important;
  }
}

.x-perc-center-neg-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-26%, -50%);
      -ms-transform: translate(-26%, -50%);
          transform: translate(-26%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-26%, -50%) !important;
        -ms-transform: translate(-26%, -50%) !important;
            transform: translate(-26%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-26%, -50%) !important;
        -ms-transform: translate(-26%, -50%) !important;
            transform: translate(-26%, -50%) !important;
  }
}

.x-perc-center-pos-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(26%, -50%);
      -ms-transform: translate(26%, -50%);
          transform: translate(26%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(26%, -50%) !important;
        -ms-transform: translate(26%, -50%) !important;
            transform: translate(26%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(26%, -50%) !important;
        -ms-transform: translate(26%, -50%) !important;
            transform: translate(26%, -50%) !important;
  }
}

.y-perc-center-neg-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -26%);
      -ms-transform: translate(-50%, -26%);
          transform: translate(-50%, -26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -26%) !important;
        -ms-transform: translate(-50%, -26%) !important;
            transform: translate(-50%, -26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -26%) !important;
        -ms-transform: translate(-50%, -26%) !important;
            transform: translate(-50%, -26%) !important;
  }
}

.y-perc-center-pos-26 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 26%);
      -ms-transform: translate(-50%, 26%);
          transform: translate(-50%, 26%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 26%) !important;
        -ms-transform: translate(-50%, 26%) !important;
            transform: translate(-50%, 26%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-26 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 26%) !important;
        -ms-transform: translate(-50%, 26%) !important;
            transform: translate(-50%, 26%) !important;
  }
}

.x-perc-neg-27 {
  -webkit-transform: translate(-27%, 0%);
      -ms-transform: translate(-27%, 0%);
          transform: translate(-27%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-27 {
    -webkit-transform: translate(-27%, 0%) !important;
        -ms-transform: translate(-27%, 0%) !important;
            transform: translate(-27%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-27 {
    -webkit-transform: translate(-27%, 0%) !important;
        -ms-transform: translate(-27%, 0%) !important;
            transform: translate(-27%, 0%) !important;
  }
}

.x-perc-pos-27 {
  -webkit-transform: translate(27%, 0%);
      -ms-transform: translate(27%, 0%);
          transform: translate(27%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-27 {
    -webkit-transform: translate(27%, 0%) !important;
        -ms-transform: translate(27%, 0%) !important;
            transform: translate(27%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-27 {
    -webkit-transform: translate(27%, 0%) !important;
        -ms-transform: translate(27%, 0%) !important;
            transform: translate(27%, 0%) !important;
  }
}

.y-perc-neg-27 {
  -webkit-transform: translate(0%, -27%);
      -ms-transform: translate(0%, -27%);
          transform: translate(0%, -27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-27 {
    -webkit-transform: translate(0%, -27%) !important;
        -ms-transform: translate(0%, -27%) !important;
            transform: translate(0%, -27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-27 {
    -webkit-transform: translate(0%, -27%) !important;
        -ms-transform: translate(0%, -27%) !important;
            transform: translate(0%, -27%) !important;
  }
}

.y-perc-pos-27 {
  -webkit-transform: translate(0%, 27%);
      -ms-transform: translate(0%, 27%);
          transform: translate(0%, 27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-27 {
    -webkit-transform: translate(0%, 27%) !important;
        -ms-transform: translate(0%, 27%) !important;
            transform: translate(0%, 27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-27 {
    -webkit-transform: translate(0%, 27%) !important;
        -ms-transform: translate(0%, 27%) !important;
            transform: translate(0%, 27%) !important;
  }
}

.x-perc-center-neg-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-27%, -50%);
      -ms-transform: translate(-27%, -50%);
          transform: translate(-27%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-27%, -50%) !important;
        -ms-transform: translate(-27%, -50%) !important;
            transform: translate(-27%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-27%, -50%) !important;
        -ms-transform: translate(-27%, -50%) !important;
            transform: translate(-27%, -50%) !important;
  }
}

.x-perc-center-pos-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(27%, -50%);
      -ms-transform: translate(27%, -50%);
          transform: translate(27%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(27%, -50%) !important;
        -ms-transform: translate(27%, -50%) !important;
            transform: translate(27%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(27%, -50%) !important;
        -ms-transform: translate(27%, -50%) !important;
            transform: translate(27%, -50%) !important;
  }
}

.y-perc-center-neg-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -27%);
      -ms-transform: translate(-50%, -27%);
          transform: translate(-50%, -27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -27%) !important;
        -ms-transform: translate(-50%, -27%) !important;
            transform: translate(-50%, -27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -27%) !important;
        -ms-transform: translate(-50%, -27%) !important;
            transform: translate(-50%, -27%) !important;
  }
}

.y-perc-center-pos-27 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 27%);
      -ms-transform: translate(-50%, 27%);
          transform: translate(-50%, 27%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 27%) !important;
        -ms-transform: translate(-50%, 27%) !important;
            transform: translate(-50%, 27%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-27 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 27%) !important;
        -ms-transform: translate(-50%, 27%) !important;
            transform: translate(-50%, 27%) !important;
  }
}

.x-perc-neg-28 {
  -webkit-transform: translate(-28%, 0%);
      -ms-transform: translate(-28%, 0%);
          transform: translate(-28%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-28 {
    -webkit-transform: translate(-28%, 0%) !important;
        -ms-transform: translate(-28%, 0%) !important;
            transform: translate(-28%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-28 {
    -webkit-transform: translate(-28%, 0%) !important;
        -ms-transform: translate(-28%, 0%) !important;
            transform: translate(-28%, 0%) !important;
  }
}

.x-perc-pos-28 {
  -webkit-transform: translate(28%, 0%);
      -ms-transform: translate(28%, 0%);
          transform: translate(28%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-28 {
    -webkit-transform: translate(28%, 0%) !important;
        -ms-transform: translate(28%, 0%) !important;
            transform: translate(28%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-28 {
    -webkit-transform: translate(28%, 0%) !important;
        -ms-transform: translate(28%, 0%) !important;
            transform: translate(28%, 0%) !important;
  }
}

.y-perc-neg-28 {
  -webkit-transform: translate(0%, -28%);
      -ms-transform: translate(0%, -28%);
          transform: translate(0%, -28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-28 {
    -webkit-transform: translate(0%, -28%) !important;
        -ms-transform: translate(0%, -28%) !important;
            transform: translate(0%, -28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-28 {
    -webkit-transform: translate(0%, -28%) !important;
        -ms-transform: translate(0%, -28%) !important;
            transform: translate(0%, -28%) !important;
  }
}

.y-perc-pos-28 {
  -webkit-transform: translate(0%, 28%);
      -ms-transform: translate(0%, 28%);
          transform: translate(0%, 28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-28 {
    -webkit-transform: translate(0%, 28%) !important;
        -ms-transform: translate(0%, 28%) !important;
            transform: translate(0%, 28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-28 {
    -webkit-transform: translate(0%, 28%) !important;
        -ms-transform: translate(0%, 28%) !important;
            transform: translate(0%, 28%) !important;
  }
}

.x-perc-center-neg-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-28%, -50%);
      -ms-transform: translate(-28%, -50%);
          transform: translate(-28%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-28%, -50%) !important;
        -ms-transform: translate(-28%, -50%) !important;
            transform: translate(-28%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-28%, -50%) !important;
        -ms-transform: translate(-28%, -50%) !important;
            transform: translate(-28%, -50%) !important;
  }
}

.x-perc-center-pos-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(28%, -50%);
      -ms-transform: translate(28%, -50%);
          transform: translate(28%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(28%, -50%) !important;
        -ms-transform: translate(28%, -50%) !important;
            transform: translate(28%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(28%, -50%) !important;
        -ms-transform: translate(28%, -50%) !important;
            transform: translate(28%, -50%) !important;
  }
}

.y-perc-center-neg-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -28%);
      -ms-transform: translate(-50%, -28%);
          transform: translate(-50%, -28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -28%) !important;
        -ms-transform: translate(-50%, -28%) !important;
            transform: translate(-50%, -28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -28%) !important;
        -ms-transform: translate(-50%, -28%) !important;
            transform: translate(-50%, -28%) !important;
  }
}

.y-perc-center-pos-28 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 28%);
      -ms-transform: translate(-50%, 28%);
          transform: translate(-50%, 28%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 28%) !important;
        -ms-transform: translate(-50%, 28%) !important;
            transform: translate(-50%, 28%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-28 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 28%) !important;
        -ms-transform: translate(-50%, 28%) !important;
            transform: translate(-50%, 28%) !important;
  }
}

.x-perc-neg-29 {
  -webkit-transform: translate(-29%, 0%);
      -ms-transform: translate(-29%, 0%);
          transform: translate(-29%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-29 {
    -webkit-transform: translate(-29%, 0%) !important;
        -ms-transform: translate(-29%, 0%) !important;
            transform: translate(-29%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-29 {
    -webkit-transform: translate(-29%, 0%) !important;
        -ms-transform: translate(-29%, 0%) !important;
            transform: translate(-29%, 0%) !important;
  }
}

.x-perc-pos-29 {
  -webkit-transform: translate(29%, 0%);
      -ms-transform: translate(29%, 0%);
          transform: translate(29%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-29 {
    -webkit-transform: translate(29%, 0%) !important;
        -ms-transform: translate(29%, 0%) !important;
            transform: translate(29%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-29 {
    -webkit-transform: translate(29%, 0%) !important;
        -ms-transform: translate(29%, 0%) !important;
            transform: translate(29%, 0%) !important;
  }
}

.y-perc-neg-29 {
  -webkit-transform: translate(0%, -29%);
      -ms-transform: translate(0%, -29%);
          transform: translate(0%, -29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-29 {
    -webkit-transform: translate(0%, -29%) !important;
        -ms-transform: translate(0%, -29%) !important;
            transform: translate(0%, -29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-29 {
    -webkit-transform: translate(0%, -29%) !important;
        -ms-transform: translate(0%, -29%) !important;
            transform: translate(0%, -29%) !important;
  }
}

.y-perc-pos-29 {
  -webkit-transform: translate(0%, 29%);
      -ms-transform: translate(0%, 29%);
          transform: translate(0%, 29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-29 {
    -webkit-transform: translate(0%, 29%) !important;
        -ms-transform: translate(0%, 29%) !important;
            transform: translate(0%, 29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-29 {
    -webkit-transform: translate(0%, 29%) !important;
        -ms-transform: translate(0%, 29%) !important;
            transform: translate(0%, 29%) !important;
  }
}

.x-perc-center-neg-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-29%, -50%);
      -ms-transform: translate(-29%, -50%);
          transform: translate(-29%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-29%, -50%) !important;
        -ms-transform: translate(-29%, -50%) !important;
            transform: translate(-29%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-29%, -50%) !important;
        -ms-transform: translate(-29%, -50%) !important;
            transform: translate(-29%, -50%) !important;
  }
}

.x-perc-center-pos-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(29%, -50%);
      -ms-transform: translate(29%, -50%);
          transform: translate(29%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(29%, -50%) !important;
        -ms-transform: translate(29%, -50%) !important;
            transform: translate(29%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(29%, -50%) !important;
        -ms-transform: translate(29%, -50%) !important;
            transform: translate(29%, -50%) !important;
  }
}

.y-perc-center-neg-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -29%);
      -ms-transform: translate(-50%, -29%);
          transform: translate(-50%, -29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -29%) !important;
        -ms-transform: translate(-50%, -29%) !important;
            transform: translate(-50%, -29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -29%) !important;
        -ms-transform: translate(-50%, -29%) !important;
            transform: translate(-50%, -29%) !important;
  }
}

.y-perc-center-pos-29 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 29%);
      -ms-transform: translate(-50%, 29%);
          transform: translate(-50%, 29%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 29%) !important;
        -ms-transform: translate(-50%, 29%) !important;
            transform: translate(-50%, 29%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-29 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 29%) !important;
        -ms-transform: translate(-50%, 29%) !important;
            transform: translate(-50%, 29%) !important;
  }
}

.x-perc-neg-30 {
  -webkit-transform: translate(-30%, 0%);
      -ms-transform: translate(-30%, 0%);
          transform: translate(-30%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-30 {
    -webkit-transform: translate(-30%, 0%) !important;
        -ms-transform: translate(-30%, 0%) !important;
            transform: translate(-30%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-30 {
    -webkit-transform: translate(-30%, 0%) !important;
        -ms-transform: translate(-30%, 0%) !important;
            transform: translate(-30%, 0%) !important;
  }
}

.x-perc-pos-30 {
  -webkit-transform: translate(30%, 0%);
      -ms-transform: translate(30%, 0%);
          transform: translate(30%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-30 {
    -webkit-transform: translate(30%, 0%) !important;
        -ms-transform: translate(30%, 0%) !important;
            transform: translate(30%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-30 {
    -webkit-transform: translate(30%, 0%) !important;
        -ms-transform: translate(30%, 0%) !important;
            transform: translate(30%, 0%) !important;
  }
}

.y-perc-neg-30 {
  -webkit-transform: translate(0%, -30%);
      -ms-transform: translate(0%, -30%);
          transform: translate(0%, -30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-30 {
    -webkit-transform: translate(0%, -30%) !important;
        -ms-transform: translate(0%, -30%) !important;
            transform: translate(0%, -30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-30 {
    -webkit-transform: translate(0%, -30%) !important;
        -ms-transform: translate(0%, -30%) !important;
            transform: translate(0%, -30%) !important;
  }
}

.y-perc-pos-30 {
  -webkit-transform: translate(0%, 30%);
      -ms-transform: translate(0%, 30%);
          transform: translate(0%, 30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-30 {
    -webkit-transform: translate(0%, 30%) !important;
        -ms-transform: translate(0%, 30%) !important;
            transform: translate(0%, 30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-30 {
    -webkit-transform: translate(0%, 30%) !important;
        -ms-transform: translate(0%, 30%) !important;
            transform: translate(0%, 30%) !important;
  }
}

.x-perc-center-neg-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-30%, -50%);
      -ms-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-30%, -50%) !important;
        -ms-transform: translate(-30%, -50%) !important;
            transform: translate(-30%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-30%, -50%) !important;
        -ms-transform: translate(-30%, -50%) !important;
            transform: translate(-30%, -50%) !important;
  }
}

.x-perc-center-pos-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(30%, -50%);
      -ms-transform: translate(30%, -50%);
          transform: translate(30%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(30%, -50%) !important;
        -ms-transform: translate(30%, -50%) !important;
            transform: translate(30%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(30%, -50%) !important;
        -ms-transform: translate(30%, -50%) !important;
            transform: translate(30%, -50%) !important;
  }
}

.y-perc-center-neg-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -30%);
      -ms-transform: translate(-50%, -30%);
          transform: translate(-50%, -30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -30%) !important;
        -ms-transform: translate(-50%, -30%) !important;
            transform: translate(-50%, -30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -30%) !important;
        -ms-transform: translate(-50%, -30%) !important;
            transform: translate(-50%, -30%) !important;
  }
}

.y-perc-center-pos-30 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 30%);
      -ms-transform: translate(-50%, 30%);
          transform: translate(-50%, 30%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 30%) !important;
        -ms-transform: translate(-50%, 30%) !important;
            transform: translate(-50%, 30%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-30 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 30%) !important;
        -ms-transform: translate(-50%, 30%) !important;
            transform: translate(-50%, 30%) !important;
  }
}

.x-perc-neg-31 {
  -webkit-transform: translate(-31%, 0%);
      -ms-transform: translate(-31%, 0%);
          transform: translate(-31%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-31 {
    -webkit-transform: translate(-31%, 0%) !important;
        -ms-transform: translate(-31%, 0%) !important;
            transform: translate(-31%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-31 {
    -webkit-transform: translate(-31%, 0%) !important;
        -ms-transform: translate(-31%, 0%) !important;
            transform: translate(-31%, 0%) !important;
  }
}

.x-perc-pos-31 {
  -webkit-transform: translate(31%, 0%);
      -ms-transform: translate(31%, 0%);
          transform: translate(31%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-31 {
    -webkit-transform: translate(31%, 0%) !important;
        -ms-transform: translate(31%, 0%) !important;
            transform: translate(31%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-31 {
    -webkit-transform: translate(31%, 0%) !important;
        -ms-transform: translate(31%, 0%) !important;
            transform: translate(31%, 0%) !important;
  }
}

.y-perc-neg-31 {
  -webkit-transform: translate(0%, -31%);
      -ms-transform: translate(0%, -31%);
          transform: translate(0%, -31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-31 {
    -webkit-transform: translate(0%, -31%) !important;
        -ms-transform: translate(0%, -31%) !important;
            transform: translate(0%, -31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-31 {
    -webkit-transform: translate(0%, -31%) !important;
        -ms-transform: translate(0%, -31%) !important;
            transform: translate(0%, -31%) !important;
  }
}

.y-perc-pos-31 {
  -webkit-transform: translate(0%, 31%);
      -ms-transform: translate(0%, 31%);
          transform: translate(0%, 31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-31 {
    -webkit-transform: translate(0%, 31%) !important;
        -ms-transform: translate(0%, 31%) !important;
            transform: translate(0%, 31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-31 {
    -webkit-transform: translate(0%, 31%) !important;
        -ms-transform: translate(0%, 31%) !important;
            transform: translate(0%, 31%) !important;
  }
}

.x-perc-center-neg-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-31%, -50%);
      -ms-transform: translate(-31%, -50%);
          transform: translate(-31%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-31%, -50%) !important;
        -ms-transform: translate(-31%, -50%) !important;
            transform: translate(-31%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-31%, -50%) !important;
        -ms-transform: translate(-31%, -50%) !important;
            transform: translate(-31%, -50%) !important;
  }
}

.x-perc-center-pos-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(31%, -50%);
      -ms-transform: translate(31%, -50%);
          transform: translate(31%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(31%, -50%) !important;
        -ms-transform: translate(31%, -50%) !important;
            transform: translate(31%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(31%, -50%) !important;
        -ms-transform: translate(31%, -50%) !important;
            transform: translate(31%, -50%) !important;
  }
}

.y-perc-center-neg-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -31%);
      -ms-transform: translate(-50%, -31%);
          transform: translate(-50%, -31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -31%) !important;
        -ms-transform: translate(-50%, -31%) !important;
            transform: translate(-50%, -31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -31%) !important;
        -ms-transform: translate(-50%, -31%) !important;
            transform: translate(-50%, -31%) !important;
  }
}

.y-perc-center-pos-31 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 31%);
      -ms-transform: translate(-50%, 31%);
          transform: translate(-50%, 31%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 31%) !important;
        -ms-transform: translate(-50%, 31%) !important;
            transform: translate(-50%, 31%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-31 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 31%) !important;
        -ms-transform: translate(-50%, 31%) !important;
            transform: translate(-50%, 31%) !important;
  }
}

.x-perc-neg-32 {
  -webkit-transform: translate(-32%, 0%);
      -ms-transform: translate(-32%, 0%);
          transform: translate(-32%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-32 {
    -webkit-transform: translate(-32%, 0%) !important;
        -ms-transform: translate(-32%, 0%) !important;
            transform: translate(-32%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-32 {
    -webkit-transform: translate(-32%, 0%) !important;
        -ms-transform: translate(-32%, 0%) !important;
            transform: translate(-32%, 0%) !important;
  }
}

.x-perc-pos-32 {
  -webkit-transform: translate(32%, 0%);
      -ms-transform: translate(32%, 0%);
          transform: translate(32%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-32 {
    -webkit-transform: translate(32%, 0%) !important;
        -ms-transform: translate(32%, 0%) !important;
            transform: translate(32%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-32 {
    -webkit-transform: translate(32%, 0%) !important;
        -ms-transform: translate(32%, 0%) !important;
            transform: translate(32%, 0%) !important;
  }
}

.y-perc-neg-32 {
  -webkit-transform: translate(0%, -32%);
      -ms-transform: translate(0%, -32%);
          transform: translate(0%, -32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-32 {
    -webkit-transform: translate(0%, -32%) !important;
        -ms-transform: translate(0%, -32%) !important;
            transform: translate(0%, -32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-32 {
    -webkit-transform: translate(0%, -32%) !important;
        -ms-transform: translate(0%, -32%) !important;
            transform: translate(0%, -32%) !important;
  }
}

.y-perc-pos-32 {
  -webkit-transform: translate(0%, 32%);
      -ms-transform: translate(0%, 32%);
          transform: translate(0%, 32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-32 {
    -webkit-transform: translate(0%, 32%) !important;
        -ms-transform: translate(0%, 32%) !important;
            transform: translate(0%, 32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-32 {
    -webkit-transform: translate(0%, 32%) !important;
        -ms-transform: translate(0%, 32%) !important;
            transform: translate(0%, 32%) !important;
  }
}

.x-perc-center-neg-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-32%, -50%);
      -ms-transform: translate(-32%, -50%);
          transform: translate(-32%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-32%, -50%) !important;
        -ms-transform: translate(-32%, -50%) !important;
            transform: translate(-32%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-32%, -50%) !important;
        -ms-transform: translate(-32%, -50%) !important;
            transform: translate(-32%, -50%) !important;
  }
}

.x-perc-center-pos-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(32%, -50%);
      -ms-transform: translate(32%, -50%);
          transform: translate(32%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(32%, -50%) !important;
        -ms-transform: translate(32%, -50%) !important;
            transform: translate(32%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(32%, -50%) !important;
        -ms-transform: translate(32%, -50%) !important;
            transform: translate(32%, -50%) !important;
  }
}

.y-perc-center-neg-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -32%);
      -ms-transform: translate(-50%, -32%);
          transform: translate(-50%, -32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -32%) !important;
        -ms-transform: translate(-50%, -32%) !important;
            transform: translate(-50%, -32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -32%) !important;
        -ms-transform: translate(-50%, -32%) !important;
            transform: translate(-50%, -32%) !important;
  }
}

.y-perc-center-pos-32 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 32%);
      -ms-transform: translate(-50%, 32%);
          transform: translate(-50%, 32%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 32%) !important;
        -ms-transform: translate(-50%, 32%) !important;
            transform: translate(-50%, 32%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-32 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 32%) !important;
        -ms-transform: translate(-50%, 32%) !important;
            transform: translate(-50%, 32%) !important;
  }
}

.x-perc-neg-33 {
  -webkit-transform: translate(-33%, 0%);
      -ms-transform: translate(-33%, 0%);
          transform: translate(-33%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-33 {
    -webkit-transform: translate(-33%, 0%) !important;
        -ms-transform: translate(-33%, 0%) !important;
            transform: translate(-33%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-33 {
    -webkit-transform: translate(-33%, 0%) !important;
        -ms-transform: translate(-33%, 0%) !important;
            transform: translate(-33%, 0%) !important;
  }
}

.x-perc-pos-33 {
  -webkit-transform: translate(33%, 0%);
      -ms-transform: translate(33%, 0%);
          transform: translate(33%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-33 {
    -webkit-transform: translate(33%, 0%) !important;
        -ms-transform: translate(33%, 0%) !important;
            transform: translate(33%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-33 {
    -webkit-transform: translate(33%, 0%) !important;
        -ms-transform: translate(33%, 0%) !important;
            transform: translate(33%, 0%) !important;
  }
}

.y-perc-neg-33 {
  -webkit-transform: translate(0%, -33%);
      -ms-transform: translate(0%, -33%);
          transform: translate(0%, -33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-33 {
    -webkit-transform: translate(0%, -33%) !important;
        -ms-transform: translate(0%, -33%) !important;
            transform: translate(0%, -33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-33 {
    -webkit-transform: translate(0%, -33%) !important;
        -ms-transform: translate(0%, -33%) !important;
            transform: translate(0%, -33%) !important;
  }
}

.y-perc-pos-33 {
  -webkit-transform: translate(0%, 33%);
      -ms-transform: translate(0%, 33%);
          transform: translate(0%, 33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-33 {
    -webkit-transform: translate(0%, 33%) !important;
        -ms-transform: translate(0%, 33%) !important;
            transform: translate(0%, 33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-33 {
    -webkit-transform: translate(0%, 33%) !important;
        -ms-transform: translate(0%, 33%) !important;
            transform: translate(0%, 33%) !important;
  }
}

.x-perc-center-neg-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-33%, -50%);
      -ms-transform: translate(-33%, -50%);
          transform: translate(-33%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-33%, -50%) !important;
        -ms-transform: translate(-33%, -50%) !important;
            transform: translate(-33%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-33%, -50%) !important;
        -ms-transform: translate(-33%, -50%) !important;
            transform: translate(-33%, -50%) !important;
  }
}

.x-perc-center-pos-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(33%, -50%);
      -ms-transform: translate(33%, -50%);
          transform: translate(33%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(33%, -50%) !important;
        -ms-transform: translate(33%, -50%) !important;
            transform: translate(33%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(33%, -50%) !important;
        -ms-transform: translate(33%, -50%) !important;
            transform: translate(33%, -50%) !important;
  }
}

.y-perc-center-neg-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -33%);
      -ms-transform: translate(-50%, -33%);
          transform: translate(-50%, -33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -33%) !important;
        -ms-transform: translate(-50%, -33%) !important;
            transform: translate(-50%, -33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -33%) !important;
        -ms-transform: translate(-50%, -33%) !important;
            transform: translate(-50%, -33%) !important;
  }
}

.y-perc-center-pos-33 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 33%);
      -ms-transform: translate(-50%, 33%);
          transform: translate(-50%, 33%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 33%) !important;
        -ms-transform: translate(-50%, 33%) !important;
            transform: translate(-50%, 33%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-33 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 33%) !important;
        -ms-transform: translate(-50%, 33%) !important;
            transform: translate(-50%, 33%) !important;
  }
}

.x-perc-neg-34 {
  -webkit-transform: translate(-34%, 0%);
      -ms-transform: translate(-34%, 0%);
          transform: translate(-34%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-34 {
    -webkit-transform: translate(-34%, 0%) !important;
        -ms-transform: translate(-34%, 0%) !important;
            transform: translate(-34%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-34 {
    -webkit-transform: translate(-34%, 0%) !important;
        -ms-transform: translate(-34%, 0%) !important;
            transform: translate(-34%, 0%) !important;
  }
}

.x-perc-pos-34 {
  -webkit-transform: translate(34%, 0%);
      -ms-transform: translate(34%, 0%);
          transform: translate(34%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-34 {
    -webkit-transform: translate(34%, 0%) !important;
        -ms-transform: translate(34%, 0%) !important;
            transform: translate(34%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-34 {
    -webkit-transform: translate(34%, 0%) !important;
        -ms-transform: translate(34%, 0%) !important;
            transform: translate(34%, 0%) !important;
  }
}

.y-perc-neg-34 {
  -webkit-transform: translate(0%, -34%);
      -ms-transform: translate(0%, -34%);
          transform: translate(0%, -34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-34 {
    -webkit-transform: translate(0%, -34%) !important;
        -ms-transform: translate(0%, -34%) !important;
            transform: translate(0%, -34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-34 {
    -webkit-transform: translate(0%, -34%) !important;
        -ms-transform: translate(0%, -34%) !important;
            transform: translate(0%, -34%) !important;
  }
}

.y-perc-pos-34 {
  -webkit-transform: translate(0%, 34%);
      -ms-transform: translate(0%, 34%);
          transform: translate(0%, 34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-34 {
    -webkit-transform: translate(0%, 34%) !important;
        -ms-transform: translate(0%, 34%) !important;
            transform: translate(0%, 34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-34 {
    -webkit-transform: translate(0%, 34%) !important;
        -ms-transform: translate(0%, 34%) !important;
            transform: translate(0%, 34%) !important;
  }
}

.x-perc-center-neg-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-34%, -50%);
      -ms-transform: translate(-34%, -50%);
          transform: translate(-34%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-34%, -50%) !important;
        -ms-transform: translate(-34%, -50%) !important;
            transform: translate(-34%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-34%, -50%) !important;
        -ms-transform: translate(-34%, -50%) !important;
            transform: translate(-34%, -50%) !important;
  }
}

.x-perc-center-pos-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(34%, -50%);
      -ms-transform: translate(34%, -50%);
          transform: translate(34%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(34%, -50%) !important;
        -ms-transform: translate(34%, -50%) !important;
            transform: translate(34%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(34%, -50%) !important;
        -ms-transform: translate(34%, -50%) !important;
            transform: translate(34%, -50%) !important;
  }
}

.y-perc-center-neg-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -34%);
      -ms-transform: translate(-50%, -34%);
          transform: translate(-50%, -34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -34%) !important;
        -ms-transform: translate(-50%, -34%) !important;
            transform: translate(-50%, -34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -34%) !important;
        -ms-transform: translate(-50%, -34%) !important;
            transform: translate(-50%, -34%) !important;
  }
}

.y-perc-center-pos-34 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 34%);
      -ms-transform: translate(-50%, 34%);
          transform: translate(-50%, 34%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 34%) !important;
        -ms-transform: translate(-50%, 34%) !important;
            transform: translate(-50%, 34%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-34 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 34%) !important;
        -ms-transform: translate(-50%, 34%) !important;
            transform: translate(-50%, 34%) !important;
  }
}

.x-perc-neg-35 {
  -webkit-transform: translate(-35%, 0%);
      -ms-transform: translate(-35%, 0%);
          transform: translate(-35%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-35 {
    -webkit-transform: translate(-35%, 0%) !important;
        -ms-transform: translate(-35%, 0%) !important;
            transform: translate(-35%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-35 {
    -webkit-transform: translate(-35%, 0%) !important;
        -ms-transform: translate(-35%, 0%) !important;
            transform: translate(-35%, 0%) !important;
  }
}

.x-perc-pos-35 {
  -webkit-transform: translate(35%, 0%);
      -ms-transform: translate(35%, 0%);
          transform: translate(35%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-35 {
    -webkit-transform: translate(35%, 0%) !important;
        -ms-transform: translate(35%, 0%) !important;
            transform: translate(35%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-35 {
    -webkit-transform: translate(35%, 0%) !important;
        -ms-transform: translate(35%, 0%) !important;
            transform: translate(35%, 0%) !important;
  }
}

.y-perc-neg-35 {
  -webkit-transform: translate(0%, -35%);
      -ms-transform: translate(0%, -35%);
          transform: translate(0%, -35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-35 {
    -webkit-transform: translate(0%, -35%) !important;
        -ms-transform: translate(0%, -35%) !important;
            transform: translate(0%, -35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-35 {
    -webkit-transform: translate(0%, -35%) !important;
        -ms-transform: translate(0%, -35%) !important;
            transform: translate(0%, -35%) !important;
  }
}

.y-perc-pos-35 {
  -webkit-transform: translate(0%, 35%);
      -ms-transform: translate(0%, 35%);
          transform: translate(0%, 35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-35 {
    -webkit-transform: translate(0%, 35%) !important;
        -ms-transform: translate(0%, 35%) !important;
            transform: translate(0%, 35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-35 {
    -webkit-transform: translate(0%, 35%) !important;
        -ms-transform: translate(0%, 35%) !important;
            transform: translate(0%, 35%) !important;
  }
}

.x-perc-center-neg-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-35%, -50%);
      -ms-transform: translate(-35%, -50%);
          transform: translate(-35%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-35%, -50%) !important;
        -ms-transform: translate(-35%, -50%) !important;
            transform: translate(-35%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-35%, -50%) !important;
        -ms-transform: translate(-35%, -50%) !important;
            transform: translate(-35%, -50%) !important;
  }
}

.x-perc-center-pos-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(35%, -50%);
      -ms-transform: translate(35%, -50%);
          transform: translate(35%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(35%, -50%) !important;
        -ms-transform: translate(35%, -50%) !important;
            transform: translate(35%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(35%, -50%) !important;
        -ms-transform: translate(35%, -50%) !important;
            transform: translate(35%, -50%) !important;
  }
}

.y-perc-center-neg-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
      -ms-transform: translate(-50%, -35%);
          transform: translate(-50%, -35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -35%) !important;
        -ms-transform: translate(-50%, -35%) !important;
            transform: translate(-50%, -35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -35%) !important;
        -ms-transform: translate(-50%, -35%) !important;
            transform: translate(-50%, -35%) !important;
  }
}

.y-perc-center-pos-35 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 35%);
      -ms-transform: translate(-50%, 35%);
          transform: translate(-50%, 35%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 35%) !important;
        -ms-transform: translate(-50%, 35%) !important;
            transform: translate(-50%, 35%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-35 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 35%) !important;
        -ms-transform: translate(-50%, 35%) !important;
            transform: translate(-50%, 35%) !important;
  }
}

.x-perc-neg-36 {
  -webkit-transform: translate(-36%, 0%);
      -ms-transform: translate(-36%, 0%);
          transform: translate(-36%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-36 {
    -webkit-transform: translate(-36%, 0%) !important;
        -ms-transform: translate(-36%, 0%) !important;
            transform: translate(-36%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-36 {
    -webkit-transform: translate(-36%, 0%) !important;
        -ms-transform: translate(-36%, 0%) !important;
            transform: translate(-36%, 0%) !important;
  }
}

.x-perc-pos-36 {
  -webkit-transform: translate(36%, 0%);
      -ms-transform: translate(36%, 0%);
          transform: translate(36%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-36 {
    -webkit-transform: translate(36%, 0%) !important;
        -ms-transform: translate(36%, 0%) !important;
            transform: translate(36%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-36 {
    -webkit-transform: translate(36%, 0%) !important;
        -ms-transform: translate(36%, 0%) !important;
            transform: translate(36%, 0%) !important;
  }
}

.y-perc-neg-36 {
  -webkit-transform: translate(0%, -36%);
      -ms-transform: translate(0%, -36%);
          transform: translate(0%, -36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-36 {
    -webkit-transform: translate(0%, -36%) !important;
        -ms-transform: translate(0%, -36%) !important;
            transform: translate(0%, -36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-36 {
    -webkit-transform: translate(0%, -36%) !important;
        -ms-transform: translate(0%, -36%) !important;
            transform: translate(0%, -36%) !important;
  }
}

.y-perc-pos-36 {
  -webkit-transform: translate(0%, 36%);
      -ms-transform: translate(0%, 36%);
          transform: translate(0%, 36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-36 {
    -webkit-transform: translate(0%, 36%) !important;
        -ms-transform: translate(0%, 36%) !important;
            transform: translate(0%, 36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-36 {
    -webkit-transform: translate(0%, 36%) !important;
        -ms-transform: translate(0%, 36%) !important;
            transform: translate(0%, 36%) !important;
  }
}

.x-perc-center-neg-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-36%, -50%);
      -ms-transform: translate(-36%, -50%);
          transform: translate(-36%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-36%, -50%) !important;
        -ms-transform: translate(-36%, -50%) !important;
            transform: translate(-36%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-36%, -50%) !important;
        -ms-transform: translate(-36%, -50%) !important;
            transform: translate(-36%, -50%) !important;
  }
}

.x-perc-center-pos-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(36%, -50%);
      -ms-transform: translate(36%, -50%);
          transform: translate(36%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(36%, -50%) !important;
        -ms-transform: translate(36%, -50%) !important;
            transform: translate(36%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(36%, -50%) !important;
        -ms-transform: translate(36%, -50%) !important;
            transform: translate(36%, -50%) !important;
  }
}

.y-perc-center-neg-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -36%);
      -ms-transform: translate(-50%, -36%);
          transform: translate(-50%, -36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -36%) !important;
        -ms-transform: translate(-50%, -36%) !important;
            transform: translate(-50%, -36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -36%) !important;
        -ms-transform: translate(-50%, -36%) !important;
            transform: translate(-50%, -36%) !important;
  }
}

.y-perc-center-pos-36 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 36%);
      -ms-transform: translate(-50%, 36%);
          transform: translate(-50%, 36%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 36%) !important;
        -ms-transform: translate(-50%, 36%) !important;
            transform: translate(-50%, 36%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-36 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 36%) !important;
        -ms-transform: translate(-50%, 36%) !important;
            transform: translate(-50%, 36%) !important;
  }
}

.x-perc-neg-37 {
  -webkit-transform: translate(-37%, 0%);
      -ms-transform: translate(-37%, 0%);
          transform: translate(-37%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-37 {
    -webkit-transform: translate(-37%, 0%) !important;
        -ms-transform: translate(-37%, 0%) !important;
            transform: translate(-37%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-37 {
    -webkit-transform: translate(-37%, 0%) !important;
        -ms-transform: translate(-37%, 0%) !important;
            transform: translate(-37%, 0%) !important;
  }
}

.x-perc-pos-37 {
  -webkit-transform: translate(37%, 0%);
      -ms-transform: translate(37%, 0%);
          transform: translate(37%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-37 {
    -webkit-transform: translate(37%, 0%) !important;
        -ms-transform: translate(37%, 0%) !important;
            transform: translate(37%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-37 {
    -webkit-transform: translate(37%, 0%) !important;
        -ms-transform: translate(37%, 0%) !important;
            transform: translate(37%, 0%) !important;
  }
}

.y-perc-neg-37 {
  -webkit-transform: translate(0%, -37%);
      -ms-transform: translate(0%, -37%);
          transform: translate(0%, -37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-37 {
    -webkit-transform: translate(0%, -37%) !important;
        -ms-transform: translate(0%, -37%) !important;
            transform: translate(0%, -37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-37 {
    -webkit-transform: translate(0%, -37%) !important;
        -ms-transform: translate(0%, -37%) !important;
            transform: translate(0%, -37%) !important;
  }
}

.y-perc-pos-37 {
  -webkit-transform: translate(0%, 37%);
      -ms-transform: translate(0%, 37%);
          transform: translate(0%, 37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-37 {
    -webkit-transform: translate(0%, 37%) !important;
        -ms-transform: translate(0%, 37%) !important;
            transform: translate(0%, 37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-37 {
    -webkit-transform: translate(0%, 37%) !important;
        -ms-transform: translate(0%, 37%) !important;
            transform: translate(0%, 37%) !important;
  }
}

.x-perc-center-neg-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-37%, -50%);
      -ms-transform: translate(-37%, -50%);
          transform: translate(-37%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-37%, -50%) !important;
        -ms-transform: translate(-37%, -50%) !important;
            transform: translate(-37%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-37%, -50%) !important;
        -ms-transform: translate(-37%, -50%) !important;
            transform: translate(-37%, -50%) !important;
  }
}

.x-perc-center-pos-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(37%, -50%);
      -ms-transform: translate(37%, -50%);
          transform: translate(37%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(37%, -50%) !important;
        -ms-transform: translate(37%, -50%) !important;
            transform: translate(37%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(37%, -50%) !important;
        -ms-transform: translate(37%, -50%) !important;
            transform: translate(37%, -50%) !important;
  }
}

.y-perc-center-neg-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -37%);
      -ms-transform: translate(-50%, -37%);
          transform: translate(-50%, -37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -37%) !important;
        -ms-transform: translate(-50%, -37%) !important;
            transform: translate(-50%, -37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -37%) !important;
        -ms-transform: translate(-50%, -37%) !important;
            transform: translate(-50%, -37%) !important;
  }
}

.y-perc-center-pos-37 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 37%);
      -ms-transform: translate(-50%, 37%);
          transform: translate(-50%, 37%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 37%) !important;
        -ms-transform: translate(-50%, 37%) !important;
            transform: translate(-50%, 37%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-37 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 37%) !important;
        -ms-transform: translate(-50%, 37%) !important;
            transform: translate(-50%, 37%) !important;
  }
}

.x-perc-neg-38 {
  -webkit-transform: translate(-38%, 0%);
      -ms-transform: translate(-38%, 0%);
          transform: translate(-38%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-38 {
    -webkit-transform: translate(-38%, 0%) !important;
        -ms-transform: translate(-38%, 0%) !important;
            transform: translate(-38%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-38 {
    -webkit-transform: translate(-38%, 0%) !important;
        -ms-transform: translate(-38%, 0%) !important;
            transform: translate(-38%, 0%) !important;
  }
}

.x-perc-pos-38 {
  -webkit-transform: translate(38%, 0%);
      -ms-transform: translate(38%, 0%);
          transform: translate(38%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-38 {
    -webkit-transform: translate(38%, 0%) !important;
        -ms-transform: translate(38%, 0%) !important;
            transform: translate(38%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-38 {
    -webkit-transform: translate(38%, 0%) !important;
        -ms-transform: translate(38%, 0%) !important;
            transform: translate(38%, 0%) !important;
  }
}

.y-perc-neg-38 {
  -webkit-transform: translate(0%, -38%);
      -ms-transform: translate(0%, -38%);
          transform: translate(0%, -38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-38 {
    -webkit-transform: translate(0%, -38%) !important;
        -ms-transform: translate(0%, -38%) !important;
            transform: translate(0%, -38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-38 {
    -webkit-transform: translate(0%, -38%) !important;
        -ms-transform: translate(0%, -38%) !important;
            transform: translate(0%, -38%) !important;
  }
}

.y-perc-pos-38 {
  -webkit-transform: translate(0%, 38%);
      -ms-transform: translate(0%, 38%);
          transform: translate(0%, 38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-38 {
    -webkit-transform: translate(0%, 38%) !important;
        -ms-transform: translate(0%, 38%) !important;
            transform: translate(0%, 38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-38 {
    -webkit-transform: translate(0%, 38%) !important;
        -ms-transform: translate(0%, 38%) !important;
            transform: translate(0%, 38%) !important;
  }
}

.x-perc-center-neg-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-38%, -50%);
      -ms-transform: translate(-38%, -50%);
          transform: translate(-38%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-38%, -50%) !important;
        -ms-transform: translate(-38%, -50%) !important;
            transform: translate(-38%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-38%, -50%) !important;
        -ms-transform: translate(-38%, -50%) !important;
            transform: translate(-38%, -50%) !important;
  }
}

.x-perc-center-pos-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(38%, -50%);
      -ms-transform: translate(38%, -50%);
          transform: translate(38%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(38%, -50%) !important;
        -ms-transform: translate(38%, -50%) !important;
            transform: translate(38%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(38%, -50%) !important;
        -ms-transform: translate(38%, -50%) !important;
            transform: translate(38%, -50%) !important;
  }
}

.y-perc-center-neg-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -38%);
      -ms-transform: translate(-50%, -38%);
          transform: translate(-50%, -38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -38%) !important;
        -ms-transform: translate(-50%, -38%) !important;
            transform: translate(-50%, -38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -38%) !important;
        -ms-transform: translate(-50%, -38%) !important;
            transform: translate(-50%, -38%) !important;
  }
}

.y-perc-center-pos-38 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 38%);
      -ms-transform: translate(-50%, 38%);
          transform: translate(-50%, 38%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 38%) !important;
        -ms-transform: translate(-50%, 38%) !important;
            transform: translate(-50%, 38%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-38 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 38%) !important;
        -ms-transform: translate(-50%, 38%) !important;
            transform: translate(-50%, 38%) !important;
  }
}

.x-perc-neg-39 {
  -webkit-transform: translate(-39%, 0%);
      -ms-transform: translate(-39%, 0%);
          transform: translate(-39%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-39 {
    -webkit-transform: translate(-39%, 0%) !important;
        -ms-transform: translate(-39%, 0%) !important;
            transform: translate(-39%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-39 {
    -webkit-transform: translate(-39%, 0%) !important;
        -ms-transform: translate(-39%, 0%) !important;
            transform: translate(-39%, 0%) !important;
  }
}

.x-perc-pos-39 {
  -webkit-transform: translate(39%, 0%);
      -ms-transform: translate(39%, 0%);
          transform: translate(39%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-39 {
    -webkit-transform: translate(39%, 0%) !important;
        -ms-transform: translate(39%, 0%) !important;
            transform: translate(39%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-39 {
    -webkit-transform: translate(39%, 0%) !important;
        -ms-transform: translate(39%, 0%) !important;
            transform: translate(39%, 0%) !important;
  }
}

.y-perc-neg-39 {
  -webkit-transform: translate(0%, -39%);
      -ms-transform: translate(0%, -39%);
          transform: translate(0%, -39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-39 {
    -webkit-transform: translate(0%, -39%) !important;
        -ms-transform: translate(0%, -39%) !important;
            transform: translate(0%, -39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-39 {
    -webkit-transform: translate(0%, -39%) !important;
        -ms-transform: translate(0%, -39%) !important;
            transform: translate(0%, -39%) !important;
  }
}

.y-perc-pos-39 {
  -webkit-transform: translate(0%, 39%);
      -ms-transform: translate(0%, 39%);
          transform: translate(0%, 39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-39 {
    -webkit-transform: translate(0%, 39%) !important;
        -ms-transform: translate(0%, 39%) !important;
            transform: translate(0%, 39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-39 {
    -webkit-transform: translate(0%, 39%) !important;
        -ms-transform: translate(0%, 39%) !important;
            transform: translate(0%, 39%) !important;
  }
}

.x-perc-center-neg-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-39%, -50%);
      -ms-transform: translate(-39%, -50%);
          transform: translate(-39%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-39%, -50%) !important;
        -ms-transform: translate(-39%, -50%) !important;
            transform: translate(-39%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-39%, -50%) !important;
        -ms-transform: translate(-39%, -50%) !important;
            transform: translate(-39%, -50%) !important;
  }
}

.x-perc-center-pos-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(39%, -50%);
      -ms-transform: translate(39%, -50%);
          transform: translate(39%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(39%, -50%) !important;
        -ms-transform: translate(39%, -50%) !important;
            transform: translate(39%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(39%, -50%) !important;
        -ms-transform: translate(39%, -50%) !important;
            transform: translate(39%, -50%) !important;
  }
}

.y-perc-center-neg-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -39%);
      -ms-transform: translate(-50%, -39%);
          transform: translate(-50%, -39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -39%) !important;
        -ms-transform: translate(-50%, -39%) !important;
            transform: translate(-50%, -39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -39%) !important;
        -ms-transform: translate(-50%, -39%) !important;
            transform: translate(-50%, -39%) !important;
  }
}

.y-perc-center-pos-39 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 39%);
      -ms-transform: translate(-50%, 39%);
          transform: translate(-50%, 39%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 39%) !important;
        -ms-transform: translate(-50%, 39%) !important;
            transform: translate(-50%, 39%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-39 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 39%) !important;
        -ms-transform: translate(-50%, 39%) !important;
            transform: translate(-50%, 39%) !important;
  }
}

.x-perc-neg-40 {
  -webkit-transform: translate(-40%, 0%);
      -ms-transform: translate(-40%, 0%);
          transform: translate(-40%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-40 {
    -webkit-transform: translate(-40%, 0%) !important;
        -ms-transform: translate(-40%, 0%) !important;
            transform: translate(-40%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-40 {
    -webkit-transform: translate(-40%, 0%) !important;
        -ms-transform: translate(-40%, 0%) !important;
            transform: translate(-40%, 0%) !important;
  }
}

.x-perc-pos-40 {
  -webkit-transform: translate(40%, 0%);
      -ms-transform: translate(40%, 0%);
          transform: translate(40%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-40 {
    -webkit-transform: translate(40%, 0%) !important;
        -ms-transform: translate(40%, 0%) !important;
            transform: translate(40%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-40 {
    -webkit-transform: translate(40%, 0%) !important;
        -ms-transform: translate(40%, 0%) !important;
            transform: translate(40%, 0%) !important;
  }
}

.y-perc-neg-40 {
  -webkit-transform: translate(0%, -40%);
      -ms-transform: translate(0%, -40%);
          transform: translate(0%, -40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-40 {
    -webkit-transform: translate(0%, -40%) !important;
        -ms-transform: translate(0%, -40%) !important;
            transform: translate(0%, -40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-40 {
    -webkit-transform: translate(0%, -40%) !important;
        -ms-transform: translate(0%, -40%) !important;
            transform: translate(0%, -40%) !important;
  }
}

.y-perc-pos-40 {
  -webkit-transform: translate(0%, 40%);
      -ms-transform: translate(0%, 40%);
          transform: translate(0%, 40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-40 {
    -webkit-transform: translate(0%, 40%) !important;
        -ms-transform: translate(0%, 40%) !important;
            transform: translate(0%, 40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-40 {
    -webkit-transform: translate(0%, 40%) !important;
        -ms-transform: translate(0%, 40%) !important;
            transform: translate(0%, 40%) !important;
  }
}

.x-perc-center-neg-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, -50%);
      -ms-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-40%, -50%) !important;
        -ms-transform: translate(-40%, -50%) !important;
            transform: translate(-40%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-40%, -50%) !important;
        -ms-transform: translate(-40%, -50%) !important;
            transform: translate(-40%, -50%) !important;
  }
}

.x-perc-center-pos-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(40%, -50%);
      -ms-transform: translate(40%, -50%);
          transform: translate(40%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(40%, -50%) !important;
        -ms-transform: translate(40%, -50%) !important;
            transform: translate(40%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(40%, -50%) !important;
        -ms-transform: translate(40%, -50%) !important;
            transform: translate(40%, -50%) !important;
  }
}

.y-perc-center-neg-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -40%);
      -ms-transform: translate(-50%, -40%);
          transform: translate(-50%, -40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -40%) !important;
        -ms-transform: translate(-50%, -40%) !important;
            transform: translate(-50%, -40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -40%) !important;
        -ms-transform: translate(-50%, -40%) !important;
            transform: translate(-50%, -40%) !important;
  }
}

.y-perc-center-pos-40 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 40%);
      -ms-transform: translate(-50%, 40%);
          transform: translate(-50%, 40%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 40%) !important;
        -ms-transform: translate(-50%, 40%) !important;
            transform: translate(-50%, 40%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-40 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 40%) !important;
        -ms-transform: translate(-50%, 40%) !important;
            transform: translate(-50%, 40%) !important;
  }
}

.x-perc-neg-41 {
  -webkit-transform: translate(-41%, 0%);
      -ms-transform: translate(-41%, 0%);
          transform: translate(-41%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-41 {
    -webkit-transform: translate(-41%, 0%) !important;
        -ms-transform: translate(-41%, 0%) !important;
            transform: translate(-41%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-41 {
    -webkit-transform: translate(-41%, 0%) !important;
        -ms-transform: translate(-41%, 0%) !important;
            transform: translate(-41%, 0%) !important;
  }
}

.x-perc-pos-41 {
  -webkit-transform: translate(41%, 0%);
      -ms-transform: translate(41%, 0%);
          transform: translate(41%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-41 {
    -webkit-transform: translate(41%, 0%) !important;
        -ms-transform: translate(41%, 0%) !important;
            transform: translate(41%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-41 {
    -webkit-transform: translate(41%, 0%) !important;
        -ms-transform: translate(41%, 0%) !important;
            transform: translate(41%, 0%) !important;
  }
}

.y-perc-neg-41 {
  -webkit-transform: translate(0%, -41%);
      -ms-transform: translate(0%, -41%);
          transform: translate(0%, -41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-41 {
    -webkit-transform: translate(0%, -41%) !important;
        -ms-transform: translate(0%, -41%) !important;
            transform: translate(0%, -41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-41 {
    -webkit-transform: translate(0%, -41%) !important;
        -ms-transform: translate(0%, -41%) !important;
            transform: translate(0%, -41%) !important;
  }
}

.y-perc-pos-41 {
  -webkit-transform: translate(0%, 41%);
      -ms-transform: translate(0%, 41%);
          transform: translate(0%, 41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-41 {
    -webkit-transform: translate(0%, 41%) !important;
        -ms-transform: translate(0%, 41%) !important;
            transform: translate(0%, 41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-41 {
    -webkit-transform: translate(0%, 41%) !important;
        -ms-transform: translate(0%, 41%) !important;
            transform: translate(0%, 41%) !important;
  }
}

.x-perc-center-neg-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-41%, -50%);
      -ms-transform: translate(-41%, -50%);
          transform: translate(-41%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-41%, -50%) !important;
        -ms-transform: translate(-41%, -50%) !important;
            transform: translate(-41%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-41%, -50%) !important;
        -ms-transform: translate(-41%, -50%) !important;
            transform: translate(-41%, -50%) !important;
  }
}

.x-perc-center-pos-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(41%, -50%);
      -ms-transform: translate(41%, -50%);
          transform: translate(41%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(41%, -50%) !important;
        -ms-transform: translate(41%, -50%) !important;
            transform: translate(41%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(41%, -50%) !important;
        -ms-transform: translate(41%, -50%) !important;
            transform: translate(41%, -50%) !important;
  }
}

.y-perc-center-neg-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -41%);
      -ms-transform: translate(-50%, -41%);
          transform: translate(-50%, -41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -41%) !important;
        -ms-transform: translate(-50%, -41%) !important;
            transform: translate(-50%, -41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -41%) !important;
        -ms-transform: translate(-50%, -41%) !important;
            transform: translate(-50%, -41%) !important;
  }
}

.y-perc-center-pos-41 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 41%);
      -ms-transform: translate(-50%, 41%);
          transform: translate(-50%, 41%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 41%) !important;
        -ms-transform: translate(-50%, 41%) !important;
            transform: translate(-50%, 41%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-41 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 41%) !important;
        -ms-transform: translate(-50%, 41%) !important;
            transform: translate(-50%, 41%) !important;
  }
}

.x-perc-neg-42 {
  -webkit-transform: translate(-42%, 0%);
      -ms-transform: translate(-42%, 0%);
          transform: translate(-42%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-42 {
    -webkit-transform: translate(-42%, 0%) !important;
        -ms-transform: translate(-42%, 0%) !important;
            transform: translate(-42%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-42 {
    -webkit-transform: translate(-42%, 0%) !important;
        -ms-transform: translate(-42%, 0%) !important;
            transform: translate(-42%, 0%) !important;
  }
}

.x-perc-pos-42 {
  -webkit-transform: translate(42%, 0%);
      -ms-transform: translate(42%, 0%);
          transform: translate(42%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-42 {
    -webkit-transform: translate(42%, 0%) !important;
        -ms-transform: translate(42%, 0%) !important;
            transform: translate(42%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-42 {
    -webkit-transform: translate(42%, 0%) !important;
        -ms-transform: translate(42%, 0%) !important;
            transform: translate(42%, 0%) !important;
  }
}

.y-perc-neg-42 {
  -webkit-transform: translate(0%, -42%);
      -ms-transform: translate(0%, -42%);
          transform: translate(0%, -42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-42 {
    -webkit-transform: translate(0%, -42%) !important;
        -ms-transform: translate(0%, -42%) !important;
            transform: translate(0%, -42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-42 {
    -webkit-transform: translate(0%, -42%) !important;
        -ms-transform: translate(0%, -42%) !important;
            transform: translate(0%, -42%) !important;
  }
}

.y-perc-pos-42 {
  -webkit-transform: translate(0%, 42%);
      -ms-transform: translate(0%, 42%);
          transform: translate(0%, 42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-42 {
    -webkit-transform: translate(0%, 42%) !important;
        -ms-transform: translate(0%, 42%) !important;
            transform: translate(0%, 42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-42 {
    -webkit-transform: translate(0%, 42%) !important;
        -ms-transform: translate(0%, 42%) !important;
            transform: translate(0%, 42%) !important;
  }
}

.x-perc-center-neg-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-42%, -50%);
      -ms-transform: translate(-42%, -50%);
          transform: translate(-42%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-42%, -50%) !important;
        -ms-transform: translate(-42%, -50%) !important;
            transform: translate(-42%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-42%, -50%) !important;
        -ms-transform: translate(-42%, -50%) !important;
            transform: translate(-42%, -50%) !important;
  }
}

.x-perc-center-pos-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(42%, -50%);
      -ms-transform: translate(42%, -50%);
          transform: translate(42%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(42%, -50%) !important;
        -ms-transform: translate(42%, -50%) !important;
            transform: translate(42%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(42%, -50%) !important;
        -ms-transform: translate(42%, -50%) !important;
            transform: translate(42%, -50%) !important;
  }
}

.y-perc-center-neg-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%);
      -ms-transform: translate(-50%, -42%);
          transform: translate(-50%, -42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -42%) !important;
        -ms-transform: translate(-50%, -42%) !important;
            transform: translate(-50%, -42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -42%) !important;
        -ms-transform: translate(-50%, -42%) !important;
            transform: translate(-50%, -42%) !important;
  }
}

.y-perc-center-pos-42 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 42%);
      -ms-transform: translate(-50%, 42%);
          transform: translate(-50%, 42%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 42%) !important;
        -ms-transform: translate(-50%, 42%) !important;
            transform: translate(-50%, 42%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-42 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 42%) !important;
        -ms-transform: translate(-50%, 42%) !important;
            transform: translate(-50%, 42%) !important;
  }
}

.x-perc-neg-43 {
  -webkit-transform: translate(-43%, 0%);
      -ms-transform: translate(-43%, 0%);
          transform: translate(-43%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-43 {
    -webkit-transform: translate(-43%, 0%) !important;
        -ms-transform: translate(-43%, 0%) !important;
            transform: translate(-43%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-43 {
    -webkit-transform: translate(-43%, 0%) !important;
        -ms-transform: translate(-43%, 0%) !important;
            transform: translate(-43%, 0%) !important;
  }
}

.x-perc-pos-43 {
  -webkit-transform: translate(43%, 0%);
      -ms-transform: translate(43%, 0%);
          transform: translate(43%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-43 {
    -webkit-transform: translate(43%, 0%) !important;
        -ms-transform: translate(43%, 0%) !important;
            transform: translate(43%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-43 {
    -webkit-transform: translate(43%, 0%) !important;
        -ms-transform: translate(43%, 0%) !important;
            transform: translate(43%, 0%) !important;
  }
}

.y-perc-neg-43 {
  -webkit-transform: translate(0%, -43%);
      -ms-transform: translate(0%, -43%);
          transform: translate(0%, -43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-43 {
    -webkit-transform: translate(0%, -43%) !important;
        -ms-transform: translate(0%, -43%) !important;
            transform: translate(0%, -43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-43 {
    -webkit-transform: translate(0%, -43%) !important;
        -ms-transform: translate(0%, -43%) !important;
            transform: translate(0%, -43%) !important;
  }
}

.y-perc-pos-43 {
  -webkit-transform: translate(0%, 43%);
      -ms-transform: translate(0%, 43%);
          transform: translate(0%, 43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-43 {
    -webkit-transform: translate(0%, 43%) !important;
        -ms-transform: translate(0%, 43%) !important;
            transform: translate(0%, 43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-43 {
    -webkit-transform: translate(0%, 43%) !important;
        -ms-transform: translate(0%, 43%) !important;
            transform: translate(0%, 43%) !important;
  }
}

.x-perc-center-neg-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-43%, -50%);
      -ms-transform: translate(-43%, -50%);
          transform: translate(-43%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-43%, -50%) !important;
        -ms-transform: translate(-43%, -50%) !important;
            transform: translate(-43%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-43%, -50%) !important;
        -ms-transform: translate(-43%, -50%) !important;
            transform: translate(-43%, -50%) !important;
  }
}

.x-perc-center-pos-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(43%, -50%);
      -ms-transform: translate(43%, -50%);
          transform: translate(43%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(43%, -50%) !important;
        -ms-transform: translate(43%, -50%) !important;
            transform: translate(43%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(43%, -50%) !important;
        -ms-transform: translate(43%, -50%) !important;
            transform: translate(43%, -50%) !important;
  }
}

.y-perc-center-neg-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -43%);
      -ms-transform: translate(-50%, -43%);
          transform: translate(-50%, -43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -43%) !important;
        -ms-transform: translate(-50%, -43%) !important;
            transform: translate(-50%, -43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -43%) !important;
        -ms-transform: translate(-50%, -43%) !important;
            transform: translate(-50%, -43%) !important;
  }
}

.y-perc-center-pos-43 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 43%);
      -ms-transform: translate(-50%, 43%);
          transform: translate(-50%, 43%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 43%) !important;
        -ms-transform: translate(-50%, 43%) !important;
            transform: translate(-50%, 43%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-43 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 43%) !important;
        -ms-transform: translate(-50%, 43%) !important;
            transform: translate(-50%, 43%) !important;
  }
}

.x-perc-neg-44 {
  -webkit-transform: translate(-44%, 0%);
      -ms-transform: translate(-44%, 0%);
          transform: translate(-44%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-44 {
    -webkit-transform: translate(-44%, 0%) !important;
        -ms-transform: translate(-44%, 0%) !important;
            transform: translate(-44%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-44 {
    -webkit-transform: translate(-44%, 0%) !important;
        -ms-transform: translate(-44%, 0%) !important;
            transform: translate(-44%, 0%) !important;
  }
}

.x-perc-pos-44 {
  -webkit-transform: translate(44%, 0%);
      -ms-transform: translate(44%, 0%);
          transform: translate(44%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-44 {
    -webkit-transform: translate(44%, 0%) !important;
        -ms-transform: translate(44%, 0%) !important;
            transform: translate(44%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-44 {
    -webkit-transform: translate(44%, 0%) !important;
        -ms-transform: translate(44%, 0%) !important;
            transform: translate(44%, 0%) !important;
  }
}

.y-perc-neg-44 {
  -webkit-transform: translate(0%, -44%);
      -ms-transform: translate(0%, -44%);
          transform: translate(0%, -44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-44 {
    -webkit-transform: translate(0%, -44%) !important;
        -ms-transform: translate(0%, -44%) !important;
            transform: translate(0%, -44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-44 {
    -webkit-transform: translate(0%, -44%) !important;
        -ms-transform: translate(0%, -44%) !important;
            transform: translate(0%, -44%) !important;
  }
}

.y-perc-pos-44 {
  -webkit-transform: translate(0%, 44%);
      -ms-transform: translate(0%, 44%);
          transform: translate(0%, 44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-44 {
    -webkit-transform: translate(0%, 44%) !important;
        -ms-transform: translate(0%, 44%) !important;
            transform: translate(0%, 44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-44 {
    -webkit-transform: translate(0%, 44%) !important;
        -ms-transform: translate(0%, 44%) !important;
            transform: translate(0%, 44%) !important;
  }
}

.x-perc-center-neg-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-44%, -50%);
      -ms-transform: translate(-44%, -50%);
          transform: translate(-44%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-44%, -50%) !important;
        -ms-transform: translate(-44%, -50%) !important;
            transform: translate(-44%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-44%, -50%) !important;
        -ms-transform: translate(-44%, -50%) !important;
            transform: translate(-44%, -50%) !important;
  }
}

.x-perc-center-pos-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(44%, -50%);
      -ms-transform: translate(44%, -50%);
          transform: translate(44%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(44%, -50%) !important;
        -ms-transform: translate(44%, -50%) !important;
            transform: translate(44%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(44%, -50%) !important;
        -ms-transform: translate(44%, -50%) !important;
            transform: translate(44%, -50%) !important;
  }
}

.y-perc-center-neg-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -44%);
      -ms-transform: translate(-50%, -44%);
          transform: translate(-50%, -44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -44%) !important;
        -ms-transform: translate(-50%, -44%) !important;
            transform: translate(-50%, -44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -44%) !important;
        -ms-transform: translate(-50%, -44%) !important;
            transform: translate(-50%, -44%) !important;
  }
}

.y-perc-center-pos-44 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 44%);
      -ms-transform: translate(-50%, 44%);
          transform: translate(-50%, 44%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 44%) !important;
        -ms-transform: translate(-50%, 44%) !important;
            transform: translate(-50%, 44%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-44 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 44%) !important;
        -ms-transform: translate(-50%, 44%) !important;
            transform: translate(-50%, 44%) !important;
  }
}

.x-perc-neg-45 {
  -webkit-transform: translate(-45%, 0%);
      -ms-transform: translate(-45%, 0%);
          transform: translate(-45%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-45 {
    -webkit-transform: translate(-45%, 0%) !important;
        -ms-transform: translate(-45%, 0%) !important;
            transform: translate(-45%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-45 {
    -webkit-transform: translate(-45%, 0%) !important;
        -ms-transform: translate(-45%, 0%) !important;
            transform: translate(-45%, 0%) !important;
  }
}

.x-perc-pos-45 {
  -webkit-transform: translate(45%, 0%);
      -ms-transform: translate(45%, 0%);
          transform: translate(45%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-45 {
    -webkit-transform: translate(45%, 0%) !important;
        -ms-transform: translate(45%, 0%) !important;
            transform: translate(45%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-45 {
    -webkit-transform: translate(45%, 0%) !important;
        -ms-transform: translate(45%, 0%) !important;
            transform: translate(45%, 0%) !important;
  }
}

.y-perc-neg-45 {
  -webkit-transform: translate(0%, -45%);
      -ms-transform: translate(0%, -45%);
          transform: translate(0%, -45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-45 {
    -webkit-transform: translate(0%, -45%) !important;
        -ms-transform: translate(0%, -45%) !important;
            transform: translate(0%, -45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-45 {
    -webkit-transform: translate(0%, -45%) !important;
        -ms-transform: translate(0%, -45%) !important;
            transform: translate(0%, -45%) !important;
  }
}

.y-perc-pos-45 {
  -webkit-transform: translate(0%, 45%);
      -ms-transform: translate(0%, 45%);
          transform: translate(0%, 45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-45 {
    -webkit-transform: translate(0%, 45%) !important;
        -ms-transform: translate(0%, 45%) !important;
            transform: translate(0%, 45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-45 {
    -webkit-transform: translate(0%, 45%) !important;
        -ms-transform: translate(0%, 45%) !important;
            transform: translate(0%, 45%) !important;
  }
}

.x-perc-center-neg-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -50%);
      -ms-transform: translate(-45%, -50%);
          transform: translate(-45%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-45%, -50%) !important;
        -ms-transform: translate(-45%, -50%) !important;
            transform: translate(-45%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-45%, -50%) !important;
        -ms-transform: translate(-45%, -50%) !important;
            transform: translate(-45%, -50%) !important;
  }
}

.x-perc-center-pos-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(45%, -50%);
      -ms-transform: translate(45%, -50%);
          transform: translate(45%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(45%, -50%) !important;
        -ms-transform: translate(45%, -50%) !important;
            transform: translate(45%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(45%, -50%) !important;
        -ms-transform: translate(45%, -50%) !important;
            transform: translate(45%, -50%) !important;
  }
}

.y-perc-center-neg-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
      -ms-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -45%) !important;
        -ms-transform: translate(-50%, -45%) !important;
            transform: translate(-50%, -45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -45%) !important;
        -ms-transform: translate(-50%, -45%) !important;
            transform: translate(-50%, -45%) !important;
  }
}

.y-perc-center-pos-45 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 45%);
      -ms-transform: translate(-50%, 45%);
          transform: translate(-50%, 45%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 45%) !important;
        -ms-transform: translate(-50%, 45%) !important;
            transform: translate(-50%, 45%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-45 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 45%) !important;
        -ms-transform: translate(-50%, 45%) !important;
            transform: translate(-50%, 45%) !important;
  }
}

.x-perc-neg-46 {
  -webkit-transform: translate(-46%, 0%);
      -ms-transform: translate(-46%, 0%);
          transform: translate(-46%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-46 {
    -webkit-transform: translate(-46%, 0%) !important;
        -ms-transform: translate(-46%, 0%) !important;
            transform: translate(-46%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-46 {
    -webkit-transform: translate(-46%, 0%) !important;
        -ms-transform: translate(-46%, 0%) !important;
            transform: translate(-46%, 0%) !important;
  }
}

.x-perc-pos-46 {
  -webkit-transform: translate(46%, 0%);
      -ms-transform: translate(46%, 0%);
          transform: translate(46%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-46 {
    -webkit-transform: translate(46%, 0%) !important;
        -ms-transform: translate(46%, 0%) !important;
            transform: translate(46%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-46 {
    -webkit-transform: translate(46%, 0%) !important;
        -ms-transform: translate(46%, 0%) !important;
            transform: translate(46%, 0%) !important;
  }
}

.y-perc-neg-46 {
  -webkit-transform: translate(0%, -46%);
      -ms-transform: translate(0%, -46%);
          transform: translate(0%, -46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-46 {
    -webkit-transform: translate(0%, -46%) !important;
        -ms-transform: translate(0%, -46%) !important;
            transform: translate(0%, -46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-46 {
    -webkit-transform: translate(0%, -46%) !important;
        -ms-transform: translate(0%, -46%) !important;
            transform: translate(0%, -46%) !important;
  }
}

.y-perc-pos-46 {
  -webkit-transform: translate(0%, 46%);
      -ms-transform: translate(0%, 46%);
          transform: translate(0%, 46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-46 {
    -webkit-transform: translate(0%, 46%) !important;
        -ms-transform: translate(0%, 46%) !important;
            transform: translate(0%, 46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-46 {
    -webkit-transform: translate(0%, 46%) !important;
        -ms-transform: translate(0%, 46%) !important;
            transform: translate(0%, 46%) !important;
  }
}

.x-perc-center-neg-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-46%, -50%);
      -ms-transform: translate(-46%, -50%);
          transform: translate(-46%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-46%, -50%) !important;
        -ms-transform: translate(-46%, -50%) !important;
            transform: translate(-46%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-46%, -50%) !important;
        -ms-transform: translate(-46%, -50%) !important;
            transform: translate(-46%, -50%) !important;
  }
}

.x-perc-center-pos-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(46%, -50%);
      -ms-transform: translate(46%, -50%);
          transform: translate(46%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(46%, -50%) !important;
        -ms-transform: translate(46%, -50%) !important;
            transform: translate(46%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(46%, -50%) !important;
        -ms-transform: translate(46%, -50%) !important;
            transform: translate(46%, -50%) !important;
  }
}

.y-perc-center-neg-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -46%);
      -ms-transform: translate(-50%, -46%);
          transform: translate(-50%, -46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -46%) !important;
        -ms-transform: translate(-50%, -46%) !important;
            transform: translate(-50%, -46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -46%) !important;
        -ms-transform: translate(-50%, -46%) !important;
            transform: translate(-50%, -46%) !important;
  }
}

.y-perc-center-pos-46 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 46%);
      -ms-transform: translate(-50%, 46%);
          transform: translate(-50%, 46%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 46%) !important;
        -ms-transform: translate(-50%, 46%) !important;
            transform: translate(-50%, 46%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-46 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 46%) !important;
        -ms-transform: translate(-50%, 46%) !important;
            transform: translate(-50%, 46%) !important;
  }
}

.x-perc-neg-47 {
  -webkit-transform: translate(-47%, 0%);
      -ms-transform: translate(-47%, 0%);
          transform: translate(-47%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-47 {
    -webkit-transform: translate(-47%, 0%) !important;
        -ms-transform: translate(-47%, 0%) !important;
            transform: translate(-47%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-47 {
    -webkit-transform: translate(-47%, 0%) !important;
        -ms-transform: translate(-47%, 0%) !important;
            transform: translate(-47%, 0%) !important;
  }
}

.x-perc-pos-47 {
  -webkit-transform: translate(47%, 0%);
      -ms-transform: translate(47%, 0%);
          transform: translate(47%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-47 {
    -webkit-transform: translate(47%, 0%) !important;
        -ms-transform: translate(47%, 0%) !important;
            transform: translate(47%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-47 {
    -webkit-transform: translate(47%, 0%) !important;
        -ms-transform: translate(47%, 0%) !important;
            transform: translate(47%, 0%) !important;
  }
}

.y-perc-neg-47 {
  -webkit-transform: translate(0%, -47%);
      -ms-transform: translate(0%, -47%);
          transform: translate(0%, -47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-47 {
    -webkit-transform: translate(0%, -47%) !important;
        -ms-transform: translate(0%, -47%) !important;
            transform: translate(0%, -47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-47 {
    -webkit-transform: translate(0%, -47%) !important;
        -ms-transform: translate(0%, -47%) !important;
            transform: translate(0%, -47%) !important;
  }
}

.y-perc-pos-47 {
  -webkit-transform: translate(0%, 47%);
      -ms-transform: translate(0%, 47%);
          transform: translate(0%, 47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-47 {
    -webkit-transform: translate(0%, 47%) !important;
        -ms-transform: translate(0%, 47%) !important;
            transform: translate(0%, 47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-47 {
    -webkit-transform: translate(0%, 47%) !important;
        -ms-transform: translate(0%, 47%) !important;
            transform: translate(0%, 47%) !important;
  }
}

.x-perc-center-neg-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-47%, -50%);
      -ms-transform: translate(-47%, -50%);
          transform: translate(-47%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-47%, -50%) !important;
        -ms-transform: translate(-47%, -50%) !important;
            transform: translate(-47%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-47%, -50%) !important;
        -ms-transform: translate(-47%, -50%) !important;
            transform: translate(-47%, -50%) !important;
  }
}

.x-perc-center-pos-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(47%, -50%);
      -ms-transform: translate(47%, -50%);
          transform: translate(47%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(47%, -50%) !important;
        -ms-transform: translate(47%, -50%) !important;
            transform: translate(47%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(47%, -50%) !important;
        -ms-transform: translate(47%, -50%) !important;
            transform: translate(47%, -50%) !important;
  }
}

.y-perc-center-neg-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -47%);
      -ms-transform: translate(-50%, -47%);
          transform: translate(-50%, -47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -47%) !important;
        -ms-transform: translate(-50%, -47%) !important;
            transform: translate(-50%, -47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -47%) !important;
        -ms-transform: translate(-50%, -47%) !important;
            transform: translate(-50%, -47%) !important;
  }
}

.y-perc-center-pos-47 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 47%);
      -ms-transform: translate(-50%, 47%);
          transform: translate(-50%, 47%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 47%) !important;
        -ms-transform: translate(-50%, 47%) !important;
            transform: translate(-50%, 47%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-47 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 47%) !important;
        -ms-transform: translate(-50%, 47%) !important;
            transform: translate(-50%, 47%) !important;
  }
}

.x-perc-neg-48 {
  -webkit-transform: translate(-48%, 0%);
      -ms-transform: translate(-48%, 0%);
          transform: translate(-48%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-48 {
    -webkit-transform: translate(-48%, 0%) !important;
        -ms-transform: translate(-48%, 0%) !important;
            transform: translate(-48%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-48 {
    -webkit-transform: translate(-48%, 0%) !important;
        -ms-transform: translate(-48%, 0%) !important;
            transform: translate(-48%, 0%) !important;
  }
}

.x-perc-pos-48 {
  -webkit-transform: translate(48%, 0%);
      -ms-transform: translate(48%, 0%);
          transform: translate(48%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-48 {
    -webkit-transform: translate(48%, 0%) !important;
        -ms-transform: translate(48%, 0%) !important;
            transform: translate(48%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-48 {
    -webkit-transform: translate(48%, 0%) !important;
        -ms-transform: translate(48%, 0%) !important;
            transform: translate(48%, 0%) !important;
  }
}

.y-perc-neg-48 {
  -webkit-transform: translate(0%, -48%);
      -ms-transform: translate(0%, -48%);
          transform: translate(0%, -48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-48 {
    -webkit-transform: translate(0%, -48%) !important;
        -ms-transform: translate(0%, -48%) !important;
            transform: translate(0%, -48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-48 {
    -webkit-transform: translate(0%, -48%) !important;
        -ms-transform: translate(0%, -48%) !important;
            transform: translate(0%, -48%) !important;
  }
}

.y-perc-pos-48 {
  -webkit-transform: translate(0%, 48%);
      -ms-transform: translate(0%, 48%);
          transform: translate(0%, 48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-48 {
    -webkit-transform: translate(0%, 48%) !important;
        -ms-transform: translate(0%, 48%) !important;
            transform: translate(0%, 48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-48 {
    -webkit-transform: translate(0%, 48%) !important;
        -ms-transform: translate(0%, 48%) !important;
            transform: translate(0%, 48%) !important;
  }
}

.x-perc-center-neg-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-48%, -50%);
      -ms-transform: translate(-48%, -50%);
          transform: translate(-48%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-48%, -50%) !important;
        -ms-transform: translate(-48%, -50%) !important;
            transform: translate(-48%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-48%, -50%) !important;
        -ms-transform: translate(-48%, -50%) !important;
            transform: translate(-48%, -50%) !important;
  }
}

.x-perc-center-pos-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(48%, -50%);
      -ms-transform: translate(48%, -50%);
          transform: translate(48%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(48%, -50%) !important;
        -ms-transform: translate(48%, -50%) !important;
            transform: translate(48%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(48%, -50%) !important;
        -ms-transform: translate(48%, -50%) !important;
            transform: translate(48%, -50%) !important;
  }
}

.y-perc-center-neg-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -48%);
      -ms-transform: translate(-50%, -48%);
          transform: translate(-50%, -48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -48%) !important;
        -ms-transform: translate(-50%, -48%) !important;
            transform: translate(-50%, -48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -48%) !important;
        -ms-transform: translate(-50%, -48%) !important;
            transform: translate(-50%, -48%) !important;
  }
}

.y-perc-center-pos-48 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 48%);
      -ms-transform: translate(-50%, 48%);
          transform: translate(-50%, 48%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 48%) !important;
        -ms-transform: translate(-50%, 48%) !important;
            transform: translate(-50%, 48%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-48 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 48%) !important;
        -ms-transform: translate(-50%, 48%) !important;
            transform: translate(-50%, 48%) !important;
  }
}

.x-perc-neg-49 {
  -webkit-transform: translate(-49%, 0%);
      -ms-transform: translate(-49%, 0%);
          transform: translate(-49%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-49 {
    -webkit-transform: translate(-49%, 0%) !important;
        -ms-transform: translate(-49%, 0%) !important;
            transform: translate(-49%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-49 {
    -webkit-transform: translate(-49%, 0%) !important;
        -ms-transform: translate(-49%, 0%) !important;
            transform: translate(-49%, 0%) !important;
  }
}

.x-perc-pos-49 {
  -webkit-transform: translate(49%, 0%);
      -ms-transform: translate(49%, 0%);
          transform: translate(49%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-49 {
    -webkit-transform: translate(49%, 0%) !important;
        -ms-transform: translate(49%, 0%) !important;
            transform: translate(49%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-49 {
    -webkit-transform: translate(49%, 0%) !important;
        -ms-transform: translate(49%, 0%) !important;
            transform: translate(49%, 0%) !important;
  }
}

.y-perc-neg-49 {
  -webkit-transform: translate(0%, -49%);
      -ms-transform: translate(0%, -49%);
          transform: translate(0%, -49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-49 {
    -webkit-transform: translate(0%, -49%) !important;
        -ms-transform: translate(0%, -49%) !important;
            transform: translate(0%, -49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-49 {
    -webkit-transform: translate(0%, -49%) !important;
        -ms-transform: translate(0%, -49%) !important;
            transform: translate(0%, -49%) !important;
  }
}

.y-perc-pos-49 {
  -webkit-transform: translate(0%, 49%);
      -ms-transform: translate(0%, 49%);
          transform: translate(0%, 49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-49 {
    -webkit-transform: translate(0%, 49%) !important;
        -ms-transform: translate(0%, 49%) !important;
            transform: translate(0%, 49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-49 {
    -webkit-transform: translate(0%, 49%) !important;
        -ms-transform: translate(0%, 49%) !important;
            transform: translate(0%, 49%) !important;
  }
}

.x-perc-center-neg-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-49%, -50%);
      -ms-transform: translate(-49%, -50%);
          transform: translate(-49%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-49%, -50%) !important;
        -ms-transform: translate(-49%, -50%) !important;
            transform: translate(-49%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-49%, -50%) !important;
        -ms-transform: translate(-49%, -50%) !important;
            transform: translate(-49%, -50%) !important;
  }
}

.x-perc-center-pos-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(49%, -50%);
      -ms-transform: translate(49%, -50%);
          transform: translate(49%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(49%, -50%) !important;
        -ms-transform: translate(49%, -50%) !important;
            transform: translate(49%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(49%, -50%) !important;
        -ms-transform: translate(49%, -50%) !important;
            transform: translate(49%, -50%) !important;
  }
}

.y-perc-center-neg-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -49%);
      -ms-transform: translate(-50%, -49%);
          transform: translate(-50%, -49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -49%) !important;
        -ms-transform: translate(-50%, -49%) !important;
            transform: translate(-50%, -49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -49%) !important;
        -ms-transform: translate(-50%, -49%) !important;
            transform: translate(-50%, -49%) !important;
  }
}

.y-perc-center-pos-49 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 49%);
      -ms-transform: translate(-50%, 49%);
          transform: translate(-50%, 49%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 49%) !important;
        -ms-transform: translate(-50%, 49%) !important;
            transform: translate(-50%, 49%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-49 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 49%) !important;
        -ms-transform: translate(-50%, 49%) !important;
            transform: translate(-50%, 49%) !important;
  }
}

.x-perc-neg-50 {
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-50 {
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-50 {
    -webkit-transform: translate(-50%, 0%) !important;
        -ms-transform: translate(-50%, 0%) !important;
            transform: translate(-50%, 0%) !important;
  }
}

.x-perc-pos-50 {
  -webkit-transform: translate(50%, 0%);
      -ms-transform: translate(50%, 0%);
          transform: translate(50%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-50 {
    -webkit-transform: translate(50%, 0%) !important;
        -ms-transform: translate(50%, 0%) !important;
            transform: translate(50%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-50 {
    -webkit-transform: translate(50%, 0%) !important;
        -ms-transform: translate(50%, 0%) !important;
            transform: translate(50%, 0%) !important;
  }
}

.y-perc-neg-50 {
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-50 {
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-50 {
    -webkit-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
            transform: translate(0%, -50%) !important;
  }
}

.y-perc-pos-50 {
  -webkit-transform: translate(0%, 50%);
      -ms-transform: translate(0%, 50%);
          transform: translate(0%, 50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-50 {
    -webkit-transform: translate(0%, 50%) !important;
        -ms-transform: translate(0%, 50%) !important;
            transform: translate(0%, 50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-50 {
    -webkit-transform: translate(0%, 50%) !important;
        -ms-transform: translate(0%, 50%) !important;
            transform: translate(0%, 50%) !important;
  }
}

.x-perc-center-neg-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

.x-perc-center-pos-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
        -ms-transform: translate(50%, -50%) !important;
            transform: translate(50%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
        -ms-transform: translate(50%, -50%) !important;
            transform: translate(50%, -50%) !important;
  }
}

.y-perc-center-neg-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

.y-perc-center-pos-50 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 50%) !important;
        -ms-transform: translate(-50%, 50%) !important;
            transform: translate(-50%, 50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-50 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 50%) !important;
        -ms-transform: translate(-50%, 50%) !important;
            transform: translate(-50%, 50%) !important;
  }
}

.x-perc-neg-51 {
  -webkit-transform: translate(-51%, 0%);
      -ms-transform: translate(-51%, 0%);
          transform: translate(-51%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-51 {
    -webkit-transform: translate(-51%, 0%) !important;
        -ms-transform: translate(-51%, 0%) !important;
            transform: translate(-51%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-51 {
    -webkit-transform: translate(-51%, 0%) !important;
        -ms-transform: translate(-51%, 0%) !important;
            transform: translate(-51%, 0%) !important;
  }
}

.x-perc-pos-51 {
  -webkit-transform: translate(51%, 0%);
      -ms-transform: translate(51%, 0%);
          transform: translate(51%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-51 {
    -webkit-transform: translate(51%, 0%) !important;
        -ms-transform: translate(51%, 0%) !important;
            transform: translate(51%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-51 {
    -webkit-transform: translate(51%, 0%) !important;
        -ms-transform: translate(51%, 0%) !important;
            transform: translate(51%, 0%) !important;
  }
}

.y-perc-neg-51 {
  -webkit-transform: translate(0%, -51%);
      -ms-transform: translate(0%, -51%);
          transform: translate(0%, -51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-51 {
    -webkit-transform: translate(0%, -51%) !important;
        -ms-transform: translate(0%, -51%) !important;
            transform: translate(0%, -51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-51 {
    -webkit-transform: translate(0%, -51%) !important;
        -ms-transform: translate(0%, -51%) !important;
            transform: translate(0%, -51%) !important;
  }
}

.y-perc-pos-51 {
  -webkit-transform: translate(0%, 51%);
      -ms-transform: translate(0%, 51%);
          transform: translate(0%, 51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-51 {
    -webkit-transform: translate(0%, 51%) !important;
        -ms-transform: translate(0%, 51%) !important;
            transform: translate(0%, 51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-51 {
    -webkit-transform: translate(0%, 51%) !important;
        -ms-transform: translate(0%, 51%) !important;
            transform: translate(0%, 51%) !important;
  }
}

.x-perc-center-neg-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -50%);
      -ms-transform: translate(-51%, -50%);
          transform: translate(-51%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-51%, -50%) !important;
        -ms-transform: translate(-51%, -50%) !important;
            transform: translate(-51%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-51%, -50%) !important;
        -ms-transform: translate(-51%, -50%) !important;
            transform: translate(-51%, -50%) !important;
  }
}

.x-perc-center-pos-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(51%, -50%);
      -ms-transform: translate(51%, -50%);
          transform: translate(51%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(51%, -50%) !important;
        -ms-transform: translate(51%, -50%) !important;
            transform: translate(51%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(51%, -50%) !important;
        -ms-transform: translate(51%, -50%) !important;
            transform: translate(51%, -50%) !important;
  }
}

.y-perc-center-neg-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -51%);
      -ms-transform: translate(-50%, -51%);
          transform: translate(-50%, -51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -51%) !important;
        -ms-transform: translate(-50%, -51%) !important;
            transform: translate(-50%, -51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -51%) !important;
        -ms-transform: translate(-50%, -51%) !important;
            transform: translate(-50%, -51%) !important;
  }
}

.y-perc-center-pos-51 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 51%);
      -ms-transform: translate(-50%, 51%);
          transform: translate(-50%, 51%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 51%) !important;
        -ms-transform: translate(-50%, 51%) !important;
            transform: translate(-50%, 51%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-51 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 51%) !important;
        -ms-transform: translate(-50%, 51%) !important;
            transform: translate(-50%, 51%) !important;
  }
}

.x-perc-neg-52 {
  -webkit-transform: translate(-52%, 0%);
      -ms-transform: translate(-52%, 0%);
          transform: translate(-52%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-52 {
    -webkit-transform: translate(-52%, 0%) !important;
        -ms-transform: translate(-52%, 0%) !important;
            transform: translate(-52%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-52 {
    -webkit-transform: translate(-52%, 0%) !important;
        -ms-transform: translate(-52%, 0%) !important;
            transform: translate(-52%, 0%) !important;
  }
}

.x-perc-pos-52 {
  -webkit-transform: translate(52%, 0%);
      -ms-transform: translate(52%, 0%);
          transform: translate(52%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-52 {
    -webkit-transform: translate(52%, 0%) !important;
        -ms-transform: translate(52%, 0%) !important;
            transform: translate(52%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-52 {
    -webkit-transform: translate(52%, 0%) !important;
        -ms-transform: translate(52%, 0%) !important;
            transform: translate(52%, 0%) !important;
  }
}

.y-perc-neg-52 {
  -webkit-transform: translate(0%, -52%);
      -ms-transform: translate(0%, -52%);
          transform: translate(0%, -52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-52 {
    -webkit-transform: translate(0%, -52%) !important;
        -ms-transform: translate(0%, -52%) !important;
            transform: translate(0%, -52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-52 {
    -webkit-transform: translate(0%, -52%) !important;
        -ms-transform: translate(0%, -52%) !important;
            transform: translate(0%, -52%) !important;
  }
}

.y-perc-pos-52 {
  -webkit-transform: translate(0%, 52%);
      -ms-transform: translate(0%, 52%);
          transform: translate(0%, 52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-52 {
    -webkit-transform: translate(0%, 52%) !important;
        -ms-transform: translate(0%, 52%) !important;
            transform: translate(0%, 52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-52 {
    -webkit-transform: translate(0%, 52%) !important;
        -ms-transform: translate(0%, 52%) !important;
            transform: translate(0%, 52%) !important;
  }
}

.x-perc-center-neg-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-52%, -50%);
      -ms-transform: translate(-52%, -50%);
          transform: translate(-52%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-52%, -50%) !important;
        -ms-transform: translate(-52%, -50%) !important;
            transform: translate(-52%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-52%, -50%) !important;
        -ms-transform: translate(-52%, -50%) !important;
            transform: translate(-52%, -50%) !important;
  }
}

.x-perc-center-pos-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(52%, -50%);
      -ms-transform: translate(52%, -50%);
          transform: translate(52%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(52%, -50%) !important;
        -ms-transform: translate(52%, -50%) !important;
            transform: translate(52%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(52%, -50%) !important;
        -ms-transform: translate(52%, -50%) !important;
            transform: translate(52%, -50%) !important;
  }
}

.y-perc-center-neg-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -52%);
      -ms-transform: translate(-50%, -52%);
          transform: translate(-50%, -52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -52%) !important;
        -ms-transform: translate(-50%, -52%) !important;
            transform: translate(-50%, -52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -52%) !important;
        -ms-transform: translate(-50%, -52%) !important;
            transform: translate(-50%, -52%) !important;
  }
}

.y-perc-center-pos-52 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 52%);
      -ms-transform: translate(-50%, 52%);
          transform: translate(-50%, 52%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 52%) !important;
        -ms-transform: translate(-50%, 52%) !important;
            transform: translate(-50%, 52%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-52 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 52%) !important;
        -ms-transform: translate(-50%, 52%) !important;
            transform: translate(-50%, 52%) !important;
  }
}

.x-perc-neg-53 {
  -webkit-transform: translate(-53%, 0%);
      -ms-transform: translate(-53%, 0%);
          transform: translate(-53%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-53 {
    -webkit-transform: translate(-53%, 0%) !important;
        -ms-transform: translate(-53%, 0%) !important;
            transform: translate(-53%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-53 {
    -webkit-transform: translate(-53%, 0%) !important;
        -ms-transform: translate(-53%, 0%) !important;
            transform: translate(-53%, 0%) !important;
  }
}

.x-perc-pos-53 {
  -webkit-transform: translate(53%, 0%);
      -ms-transform: translate(53%, 0%);
          transform: translate(53%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-53 {
    -webkit-transform: translate(53%, 0%) !important;
        -ms-transform: translate(53%, 0%) !important;
            transform: translate(53%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-53 {
    -webkit-transform: translate(53%, 0%) !important;
        -ms-transform: translate(53%, 0%) !important;
            transform: translate(53%, 0%) !important;
  }
}

.y-perc-neg-53 {
  -webkit-transform: translate(0%, -53%);
      -ms-transform: translate(0%, -53%);
          transform: translate(0%, -53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-53 {
    -webkit-transform: translate(0%, -53%) !important;
        -ms-transform: translate(0%, -53%) !important;
            transform: translate(0%, -53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-53 {
    -webkit-transform: translate(0%, -53%) !important;
        -ms-transform: translate(0%, -53%) !important;
            transform: translate(0%, -53%) !important;
  }
}

.y-perc-pos-53 {
  -webkit-transform: translate(0%, 53%);
      -ms-transform: translate(0%, 53%);
          transform: translate(0%, 53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-53 {
    -webkit-transform: translate(0%, 53%) !important;
        -ms-transform: translate(0%, 53%) !important;
            transform: translate(0%, 53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-53 {
    -webkit-transform: translate(0%, 53%) !important;
        -ms-transform: translate(0%, 53%) !important;
            transform: translate(0%, 53%) !important;
  }
}

.x-perc-center-neg-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-53%, -50%);
      -ms-transform: translate(-53%, -50%);
          transform: translate(-53%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-53%, -50%) !important;
        -ms-transform: translate(-53%, -50%) !important;
            transform: translate(-53%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-53%, -50%) !important;
        -ms-transform: translate(-53%, -50%) !important;
            transform: translate(-53%, -50%) !important;
  }
}

.x-perc-center-pos-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(53%, -50%);
      -ms-transform: translate(53%, -50%);
          transform: translate(53%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(53%, -50%) !important;
        -ms-transform: translate(53%, -50%) !important;
            transform: translate(53%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(53%, -50%) !important;
        -ms-transform: translate(53%, -50%) !important;
            transform: translate(53%, -50%) !important;
  }
}

.y-perc-center-neg-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -53%);
      -ms-transform: translate(-50%, -53%);
          transform: translate(-50%, -53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -53%) !important;
        -ms-transform: translate(-50%, -53%) !important;
            transform: translate(-50%, -53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -53%) !important;
        -ms-transform: translate(-50%, -53%) !important;
            transform: translate(-50%, -53%) !important;
  }
}

.y-perc-center-pos-53 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 53%);
      -ms-transform: translate(-50%, 53%);
          transform: translate(-50%, 53%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 53%) !important;
        -ms-transform: translate(-50%, 53%) !important;
            transform: translate(-50%, 53%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-53 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 53%) !important;
        -ms-transform: translate(-50%, 53%) !important;
            transform: translate(-50%, 53%) !important;
  }
}

.x-perc-neg-54 {
  -webkit-transform: translate(-54%, 0%);
      -ms-transform: translate(-54%, 0%);
          transform: translate(-54%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-54 {
    -webkit-transform: translate(-54%, 0%) !important;
        -ms-transform: translate(-54%, 0%) !important;
            transform: translate(-54%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-54 {
    -webkit-transform: translate(-54%, 0%) !important;
        -ms-transform: translate(-54%, 0%) !important;
            transform: translate(-54%, 0%) !important;
  }
}

.x-perc-pos-54 {
  -webkit-transform: translate(54%, 0%);
      -ms-transform: translate(54%, 0%);
          transform: translate(54%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-54 {
    -webkit-transform: translate(54%, 0%) !important;
        -ms-transform: translate(54%, 0%) !important;
            transform: translate(54%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-54 {
    -webkit-transform: translate(54%, 0%) !important;
        -ms-transform: translate(54%, 0%) !important;
            transform: translate(54%, 0%) !important;
  }
}

.y-perc-neg-54 {
  -webkit-transform: translate(0%, -54%);
      -ms-transform: translate(0%, -54%);
          transform: translate(0%, -54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-54 {
    -webkit-transform: translate(0%, -54%) !important;
        -ms-transform: translate(0%, -54%) !important;
            transform: translate(0%, -54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-54 {
    -webkit-transform: translate(0%, -54%) !important;
        -ms-transform: translate(0%, -54%) !important;
            transform: translate(0%, -54%) !important;
  }
}

.y-perc-pos-54 {
  -webkit-transform: translate(0%, 54%);
      -ms-transform: translate(0%, 54%);
          transform: translate(0%, 54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-54 {
    -webkit-transform: translate(0%, 54%) !important;
        -ms-transform: translate(0%, 54%) !important;
            transform: translate(0%, 54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-54 {
    -webkit-transform: translate(0%, 54%) !important;
        -ms-transform: translate(0%, 54%) !important;
            transform: translate(0%, 54%) !important;
  }
}

.x-perc-center-neg-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-54%, -50%);
      -ms-transform: translate(-54%, -50%);
          transform: translate(-54%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-54%, -50%) !important;
        -ms-transform: translate(-54%, -50%) !important;
            transform: translate(-54%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-54%, -50%) !important;
        -ms-transform: translate(-54%, -50%) !important;
            transform: translate(-54%, -50%) !important;
  }
}

.x-perc-center-pos-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(54%, -50%);
      -ms-transform: translate(54%, -50%);
          transform: translate(54%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(54%, -50%) !important;
        -ms-transform: translate(54%, -50%) !important;
            transform: translate(54%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(54%, -50%) !important;
        -ms-transform: translate(54%, -50%) !important;
            transform: translate(54%, -50%) !important;
  }
}

.y-perc-center-neg-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -54%);
      -ms-transform: translate(-50%, -54%);
          transform: translate(-50%, -54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -54%) !important;
        -ms-transform: translate(-50%, -54%) !important;
            transform: translate(-50%, -54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -54%) !important;
        -ms-transform: translate(-50%, -54%) !important;
            transform: translate(-50%, -54%) !important;
  }
}

.y-perc-center-pos-54 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 54%);
      -ms-transform: translate(-50%, 54%);
          transform: translate(-50%, 54%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 54%) !important;
        -ms-transform: translate(-50%, 54%) !important;
            transform: translate(-50%, 54%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-54 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 54%) !important;
        -ms-transform: translate(-50%, 54%) !important;
            transform: translate(-50%, 54%) !important;
  }
}

.x-perc-neg-55 {
  -webkit-transform: translate(-55%, 0%);
      -ms-transform: translate(-55%, 0%);
          transform: translate(-55%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-55 {
    -webkit-transform: translate(-55%, 0%) !important;
        -ms-transform: translate(-55%, 0%) !important;
            transform: translate(-55%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-55 {
    -webkit-transform: translate(-55%, 0%) !important;
        -ms-transform: translate(-55%, 0%) !important;
            transform: translate(-55%, 0%) !important;
  }
}

.x-perc-pos-55 {
  -webkit-transform: translate(55%, 0%);
      -ms-transform: translate(55%, 0%);
          transform: translate(55%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-55 {
    -webkit-transform: translate(55%, 0%) !important;
        -ms-transform: translate(55%, 0%) !important;
            transform: translate(55%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-55 {
    -webkit-transform: translate(55%, 0%) !important;
        -ms-transform: translate(55%, 0%) !important;
            transform: translate(55%, 0%) !important;
  }
}

.y-perc-neg-55 {
  -webkit-transform: translate(0%, -55%);
      -ms-transform: translate(0%, -55%);
          transform: translate(0%, -55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-55 {
    -webkit-transform: translate(0%, -55%) !important;
        -ms-transform: translate(0%, -55%) !important;
            transform: translate(0%, -55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-55 {
    -webkit-transform: translate(0%, -55%) !important;
        -ms-transform: translate(0%, -55%) !important;
            transform: translate(0%, -55%) !important;
  }
}

.y-perc-pos-55 {
  -webkit-transform: translate(0%, 55%);
      -ms-transform: translate(0%, 55%);
          transform: translate(0%, 55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-55 {
    -webkit-transform: translate(0%, 55%) !important;
        -ms-transform: translate(0%, 55%) !important;
            transform: translate(0%, 55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-55 {
    -webkit-transform: translate(0%, 55%) !important;
        -ms-transform: translate(0%, 55%) !important;
            transform: translate(0%, 55%) !important;
  }
}

.x-perc-center-neg-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-55%, -50%);
      -ms-transform: translate(-55%, -50%);
          transform: translate(-55%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-55%, -50%) !important;
        -ms-transform: translate(-55%, -50%) !important;
            transform: translate(-55%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-55%, -50%) !important;
        -ms-transform: translate(-55%, -50%) !important;
            transform: translate(-55%, -50%) !important;
  }
}

.x-perc-center-pos-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(55%, -50%);
      -ms-transform: translate(55%, -50%);
          transform: translate(55%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(55%, -50%) !important;
        -ms-transform: translate(55%, -50%) !important;
            transform: translate(55%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(55%, -50%) !important;
        -ms-transform: translate(55%, -50%) !important;
            transform: translate(55%, -50%) !important;
  }
}

.y-perc-center-neg-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
      -ms-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -55%) !important;
        -ms-transform: translate(-50%, -55%) !important;
            transform: translate(-50%, -55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -55%) !important;
        -ms-transform: translate(-50%, -55%) !important;
            transform: translate(-50%, -55%) !important;
  }
}

.y-perc-center-pos-55 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 55%);
      -ms-transform: translate(-50%, 55%);
          transform: translate(-50%, 55%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 55%) !important;
        -ms-transform: translate(-50%, 55%) !important;
            transform: translate(-50%, 55%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-55 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 55%) !important;
        -ms-transform: translate(-50%, 55%) !important;
            transform: translate(-50%, 55%) !important;
  }
}

.x-perc-neg-56 {
  -webkit-transform: translate(-56%, 0%);
      -ms-transform: translate(-56%, 0%);
          transform: translate(-56%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-56 {
    -webkit-transform: translate(-56%, 0%) !important;
        -ms-transform: translate(-56%, 0%) !important;
            transform: translate(-56%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-56 {
    -webkit-transform: translate(-56%, 0%) !important;
        -ms-transform: translate(-56%, 0%) !important;
            transform: translate(-56%, 0%) !important;
  }
}

.x-perc-pos-56 {
  -webkit-transform: translate(56%, 0%);
      -ms-transform: translate(56%, 0%);
          transform: translate(56%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-56 {
    -webkit-transform: translate(56%, 0%) !important;
        -ms-transform: translate(56%, 0%) !important;
            transform: translate(56%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-56 {
    -webkit-transform: translate(56%, 0%) !important;
        -ms-transform: translate(56%, 0%) !important;
            transform: translate(56%, 0%) !important;
  }
}

.y-perc-neg-56 {
  -webkit-transform: translate(0%, -56%);
      -ms-transform: translate(0%, -56%);
          transform: translate(0%, -56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-56 {
    -webkit-transform: translate(0%, -56%) !important;
        -ms-transform: translate(0%, -56%) !important;
            transform: translate(0%, -56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-56 {
    -webkit-transform: translate(0%, -56%) !important;
        -ms-transform: translate(0%, -56%) !important;
            transform: translate(0%, -56%) !important;
  }
}

.y-perc-pos-56 {
  -webkit-transform: translate(0%, 56%);
      -ms-transform: translate(0%, 56%);
          transform: translate(0%, 56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-56 {
    -webkit-transform: translate(0%, 56%) !important;
        -ms-transform: translate(0%, 56%) !important;
            transform: translate(0%, 56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-56 {
    -webkit-transform: translate(0%, 56%) !important;
        -ms-transform: translate(0%, 56%) !important;
            transform: translate(0%, 56%) !important;
  }
}

.x-perc-center-neg-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-56%, -50%);
      -ms-transform: translate(-56%, -50%);
          transform: translate(-56%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-56%, -50%) !important;
        -ms-transform: translate(-56%, -50%) !important;
            transform: translate(-56%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-56%, -50%) !important;
        -ms-transform: translate(-56%, -50%) !important;
            transform: translate(-56%, -50%) !important;
  }
}

.x-perc-center-pos-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(56%, -50%);
      -ms-transform: translate(56%, -50%);
          transform: translate(56%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(56%, -50%) !important;
        -ms-transform: translate(56%, -50%) !important;
            transform: translate(56%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(56%, -50%) !important;
        -ms-transform: translate(56%, -50%) !important;
            transform: translate(56%, -50%) !important;
  }
}

.y-perc-center-neg-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -56%);
      -ms-transform: translate(-50%, -56%);
          transform: translate(-50%, -56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -56%) !important;
        -ms-transform: translate(-50%, -56%) !important;
            transform: translate(-50%, -56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -56%) !important;
        -ms-transform: translate(-50%, -56%) !important;
            transform: translate(-50%, -56%) !important;
  }
}

.y-perc-center-pos-56 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 56%);
      -ms-transform: translate(-50%, 56%);
          transform: translate(-50%, 56%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 56%) !important;
        -ms-transform: translate(-50%, 56%) !important;
            transform: translate(-50%, 56%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-56 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 56%) !important;
        -ms-transform: translate(-50%, 56%) !important;
            transform: translate(-50%, 56%) !important;
  }
}

.x-perc-neg-57 {
  -webkit-transform: translate(-57%, 0%);
      -ms-transform: translate(-57%, 0%);
          transform: translate(-57%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-57 {
    -webkit-transform: translate(-57%, 0%) !important;
        -ms-transform: translate(-57%, 0%) !important;
            transform: translate(-57%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-57 {
    -webkit-transform: translate(-57%, 0%) !important;
        -ms-transform: translate(-57%, 0%) !important;
            transform: translate(-57%, 0%) !important;
  }
}

.x-perc-pos-57 {
  -webkit-transform: translate(57%, 0%);
      -ms-transform: translate(57%, 0%);
          transform: translate(57%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-57 {
    -webkit-transform: translate(57%, 0%) !important;
        -ms-transform: translate(57%, 0%) !important;
            transform: translate(57%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-57 {
    -webkit-transform: translate(57%, 0%) !important;
        -ms-transform: translate(57%, 0%) !important;
            transform: translate(57%, 0%) !important;
  }
}

.y-perc-neg-57 {
  -webkit-transform: translate(0%, -57%);
      -ms-transform: translate(0%, -57%);
          transform: translate(0%, -57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-57 {
    -webkit-transform: translate(0%, -57%) !important;
        -ms-transform: translate(0%, -57%) !important;
            transform: translate(0%, -57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-57 {
    -webkit-transform: translate(0%, -57%) !important;
        -ms-transform: translate(0%, -57%) !important;
            transform: translate(0%, -57%) !important;
  }
}

.y-perc-pos-57 {
  -webkit-transform: translate(0%, 57%);
      -ms-transform: translate(0%, 57%);
          transform: translate(0%, 57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-57 {
    -webkit-transform: translate(0%, 57%) !important;
        -ms-transform: translate(0%, 57%) !important;
            transform: translate(0%, 57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-57 {
    -webkit-transform: translate(0%, 57%) !important;
        -ms-transform: translate(0%, 57%) !important;
            transform: translate(0%, 57%) !important;
  }
}

.x-perc-center-neg-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-57%, -50%);
      -ms-transform: translate(-57%, -50%);
          transform: translate(-57%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-57%, -50%) !important;
        -ms-transform: translate(-57%, -50%) !important;
            transform: translate(-57%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-57%, -50%) !important;
        -ms-transform: translate(-57%, -50%) !important;
            transform: translate(-57%, -50%) !important;
  }
}

.x-perc-center-pos-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(57%, -50%);
      -ms-transform: translate(57%, -50%);
          transform: translate(57%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(57%, -50%) !important;
        -ms-transform: translate(57%, -50%) !important;
            transform: translate(57%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(57%, -50%) !important;
        -ms-transform: translate(57%, -50%) !important;
            transform: translate(57%, -50%) !important;
  }
}

.y-perc-center-neg-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -57%);
      -ms-transform: translate(-50%, -57%);
          transform: translate(-50%, -57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -57%) !important;
        -ms-transform: translate(-50%, -57%) !important;
            transform: translate(-50%, -57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -57%) !important;
        -ms-transform: translate(-50%, -57%) !important;
            transform: translate(-50%, -57%) !important;
  }
}

.y-perc-center-pos-57 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 57%);
      -ms-transform: translate(-50%, 57%);
          transform: translate(-50%, 57%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 57%) !important;
        -ms-transform: translate(-50%, 57%) !important;
            transform: translate(-50%, 57%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-57 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 57%) !important;
        -ms-transform: translate(-50%, 57%) !important;
            transform: translate(-50%, 57%) !important;
  }
}

.x-perc-neg-58 {
  -webkit-transform: translate(-58%, 0%);
      -ms-transform: translate(-58%, 0%);
          transform: translate(-58%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-58 {
    -webkit-transform: translate(-58%, 0%) !important;
        -ms-transform: translate(-58%, 0%) !important;
            transform: translate(-58%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-58 {
    -webkit-transform: translate(-58%, 0%) !important;
        -ms-transform: translate(-58%, 0%) !important;
            transform: translate(-58%, 0%) !important;
  }
}

.x-perc-pos-58 {
  -webkit-transform: translate(58%, 0%);
      -ms-transform: translate(58%, 0%);
          transform: translate(58%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-58 {
    -webkit-transform: translate(58%, 0%) !important;
        -ms-transform: translate(58%, 0%) !important;
            transform: translate(58%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-58 {
    -webkit-transform: translate(58%, 0%) !important;
        -ms-transform: translate(58%, 0%) !important;
            transform: translate(58%, 0%) !important;
  }
}

.y-perc-neg-58 {
  -webkit-transform: translate(0%, -58%);
      -ms-transform: translate(0%, -58%);
          transform: translate(0%, -58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-58 {
    -webkit-transform: translate(0%, -58%) !important;
        -ms-transform: translate(0%, -58%) !important;
            transform: translate(0%, -58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-58 {
    -webkit-transform: translate(0%, -58%) !important;
        -ms-transform: translate(0%, -58%) !important;
            transform: translate(0%, -58%) !important;
  }
}

.y-perc-pos-58 {
  -webkit-transform: translate(0%, 58%);
      -ms-transform: translate(0%, 58%);
          transform: translate(0%, 58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-58 {
    -webkit-transform: translate(0%, 58%) !important;
        -ms-transform: translate(0%, 58%) !important;
            transform: translate(0%, 58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-58 {
    -webkit-transform: translate(0%, 58%) !important;
        -ms-transform: translate(0%, 58%) !important;
            transform: translate(0%, 58%) !important;
  }
}

.x-perc-center-neg-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-58%, -50%);
      -ms-transform: translate(-58%, -50%);
          transform: translate(-58%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-58%, -50%) !important;
        -ms-transform: translate(-58%, -50%) !important;
            transform: translate(-58%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-58%, -50%) !important;
        -ms-transform: translate(-58%, -50%) !important;
            transform: translate(-58%, -50%) !important;
  }
}

.x-perc-center-pos-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(58%, -50%);
      -ms-transform: translate(58%, -50%);
          transform: translate(58%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(58%, -50%) !important;
        -ms-transform: translate(58%, -50%) !important;
            transform: translate(58%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(58%, -50%) !important;
        -ms-transform: translate(58%, -50%) !important;
            transform: translate(58%, -50%) !important;
  }
}

.y-perc-center-neg-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -58%);
      -ms-transform: translate(-50%, -58%);
          transform: translate(-50%, -58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -58%) !important;
        -ms-transform: translate(-50%, -58%) !important;
            transform: translate(-50%, -58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -58%) !important;
        -ms-transform: translate(-50%, -58%) !important;
            transform: translate(-50%, -58%) !important;
  }
}

.y-perc-center-pos-58 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 58%);
      -ms-transform: translate(-50%, 58%);
          transform: translate(-50%, 58%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 58%) !important;
        -ms-transform: translate(-50%, 58%) !important;
            transform: translate(-50%, 58%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-58 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 58%) !important;
        -ms-transform: translate(-50%, 58%) !important;
            transform: translate(-50%, 58%) !important;
  }
}

.x-perc-neg-59 {
  -webkit-transform: translate(-59%, 0%);
      -ms-transform: translate(-59%, 0%);
          transform: translate(-59%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-59 {
    -webkit-transform: translate(-59%, 0%) !important;
        -ms-transform: translate(-59%, 0%) !important;
            transform: translate(-59%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-59 {
    -webkit-transform: translate(-59%, 0%) !important;
        -ms-transform: translate(-59%, 0%) !important;
            transform: translate(-59%, 0%) !important;
  }
}

.x-perc-pos-59 {
  -webkit-transform: translate(59%, 0%);
      -ms-transform: translate(59%, 0%);
          transform: translate(59%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-59 {
    -webkit-transform: translate(59%, 0%) !important;
        -ms-transform: translate(59%, 0%) !important;
            transform: translate(59%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-59 {
    -webkit-transform: translate(59%, 0%) !important;
        -ms-transform: translate(59%, 0%) !important;
            transform: translate(59%, 0%) !important;
  }
}

.y-perc-neg-59 {
  -webkit-transform: translate(0%, -59%);
      -ms-transform: translate(0%, -59%);
          transform: translate(0%, -59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-59 {
    -webkit-transform: translate(0%, -59%) !important;
        -ms-transform: translate(0%, -59%) !important;
            transform: translate(0%, -59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-59 {
    -webkit-transform: translate(0%, -59%) !important;
        -ms-transform: translate(0%, -59%) !important;
            transform: translate(0%, -59%) !important;
  }
}

.y-perc-pos-59 {
  -webkit-transform: translate(0%, 59%);
      -ms-transform: translate(0%, 59%);
          transform: translate(0%, 59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-59 {
    -webkit-transform: translate(0%, 59%) !important;
        -ms-transform: translate(0%, 59%) !important;
            transform: translate(0%, 59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-59 {
    -webkit-transform: translate(0%, 59%) !important;
        -ms-transform: translate(0%, 59%) !important;
            transform: translate(0%, 59%) !important;
  }
}

.x-perc-center-neg-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-59%, -50%);
      -ms-transform: translate(-59%, -50%);
          transform: translate(-59%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-59%, -50%) !important;
        -ms-transform: translate(-59%, -50%) !important;
            transform: translate(-59%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-59%, -50%) !important;
        -ms-transform: translate(-59%, -50%) !important;
            transform: translate(-59%, -50%) !important;
  }
}

.x-perc-center-pos-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(59%, -50%);
      -ms-transform: translate(59%, -50%);
          transform: translate(59%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(59%, -50%) !important;
        -ms-transform: translate(59%, -50%) !important;
            transform: translate(59%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(59%, -50%) !important;
        -ms-transform: translate(59%, -50%) !important;
            transform: translate(59%, -50%) !important;
  }
}

.y-perc-center-neg-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -59%);
      -ms-transform: translate(-50%, -59%);
          transform: translate(-50%, -59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -59%) !important;
        -ms-transform: translate(-50%, -59%) !important;
            transform: translate(-50%, -59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -59%) !important;
        -ms-transform: translate(-50%, -59%) !important;
            transform: translate(-50%, -59%) !important;
  }
}

.y-perc-center-pos-59 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 59%);
      -ms-transform: translate(-50%, 59%);
          transform: translate(-50%, 59%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 59%) !important;
        -ms-transform: translate(-50%, 59%) !important;
            transform: translate(-50%, 59%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-59 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 59%) !important;
        -ms-transform: translate(-50%, 59%) !important;
            transform: translate(-50%, 59%) !important;
  }
}

.x-perc-neg-60 {
  -webkit-transform: translate(-60%, 0%);
      -ms-transform: translate(-60%, 0%);
          transform: translate(-60%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-60 {
    -webkit-transform: translate(-60%, 0%) !important;
        -ms-transform: translate(-60%, 0%) !important;
            transform: translate(-60%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-60 {
    -webkit-transform: translate(-60%, 0%) !important;
        -ms-transform: translate(-60%, 0%) !important;
            transform: translate(-60%, 0%) !important;
  }
}

.x-perc-pos-60 {
  -webkit-transform: translate(60%, 0%);
      -ms-transform: translate(60%, 0%);
          transform: translate(60%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-60 {
    -webkit-transform: translate(60%, 0%) !important;
        -ms-transform: translate(60%, 0%) !important;
            transform: translate(60%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-60 {
    -webkit-transform: translate(60%, 0%) !important;
        -ms-transform: translate(60%, 0%) !important;
            transform: translate(60%, 0%) !important;
  }
}

.y-perc-neg-60 {
  -webkit-transform: translate(0%, -60%);
      -ms-transform: translate(0%, -60%);
          transform: translate(0%, -60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-60 {
    -webkit-transform: translate(0%, -60%) !important;
        -ms-transform: translate(0%, -60%) !important;
            transform: translate(0%, -60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-60 {
    -webkit-transform: translate(0%, -60%) !important;
        -ms-transform: translate(0%, -60%) !important;
            transform: translate(0%, -60%) !important;
  }
}

.y-perc-pos-60 {
  -webkit-transform: translate(0%, 60%);
      -ms-transform: translate(0%, 60%);
          transform: translate(0%, 60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-60 {
    -webkit-transform: translate(0%, 60%) !important;
        -ms-transform: translate(0%, 60%) !important;
            transform: translate(0%, 60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-60 {
    -webkit-transform: translate(0%, 60%) !important;
        -ms-transform: translate(0%, 60%) !important;
            transform: translate(0%, 60%) !important;
  }
}

.x-perc-center-neg-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-60%, -50%);
      -ms-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-60%, -50%) !important;
        -ms-transform: translate(-60%, -50%) !important;
            transform: translate(-60%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-60%, -50%) !important;
        -ms-transform: translate(-60%, -50%) !important;
            transform: translate(-60%, -50%) !important;
  }
}

.x-perc-center-pos-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(60%, -50%);
      -ms-transform: translate(60%, -50%);
          transform: translate(60%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(60%, -50%) !important;
        -ms-transform: translate(60%, -50%) !important;
            transform: translate(60%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(60%, -50%) !important;
        -ms-transform: translate(60%, -50%) !important;
            transform: translate(60%, -50%) !important;
  }
}

.y-perc-center-neg-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -60%) !important;
        -ms-transform: translate(-50%, -60%) !important;
            transform: translate(-50%, -60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -60%) !important;
        -ms-transform: translate(-50%, -60%) !important;
            transform: translate(-50%, -60%) !important;
  }
}

.y-perc-center-pos-60 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 60%);
      -ms-transform: translate(-50%, 60%);
          transform: translate(-50%, 60%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 60%) !important;
        -ms-transform: translate(-50%, 60%) !important;
            transform: translate(-50%, 60%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-60 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 60%) !important;
        -ms-transform: translate(-50%, 60%) !important;
            transform: translate(-50%, 60%) !important;
  }
}

.x-perc-neg-61 {
  -webkit-transform: translate(-61%, 0%);
      -ms-transform: translate(-61%, 0%);
          transform: translate(-61%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-61 {
    -webkit-transform: translate(-61%, 0%) !important;
        -ms-transform: translate(-61%, 0%) !important;
            transform: translate(-61%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-61 {
    -webkit-transform: translate(-61%, 0%) !important;
        -ms-transform: translate(-61%, 0%) !important;
            transform: translate(-61%, 0%) !important;
  }
}

.x-perc-pos-61 {
  -webkit-transform: translate(61%, 0%);
      -ms-transform: translate(61%, 0%);
          transform: translate(61%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-61 {
    -webkit-transform: translate(61%, 0%) !important;
        -ms-transform: translate(61%, 0%) !important;
            transform: translate(61%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-61 {
    -webkit-transform: translate(61%, 0%) !important;
        -ms-transform: translate(61%, 0%) !important;
            transform: translate(61%, 0%) !important;
  }
}

.y-perc-neg-61 {
  -webkit-transform: translate(0%, -61%);
      -ms-transform: translate(0%, -61%);
          transform: translate(0%, -61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-61 {
    -webkit-transform: translate(0%, -61%) !important;
        -ms-transform: translate(0%, -61%) !important;
            transform: translate(0%, -61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-61 {
    -webkit-transform: translate(0%, -61%) !important;
        -ms-transform: translate(0%, -61%) !important;
            transform: translate(0%, -61%) !important;
  }
}

.y-perc-pos-61 {
  -webkit-transform: translate(0%, 61%);
      -ms-transform: translate(0%, 61%);
          transform: translate(0%, 61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-61 {
    -webkit-transform: translate(0%, 61%) !important;
        -ms-transform: translate(0%, 61%) !important;
            transform: translate(0%, 61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-61 {
    -webkit-transform: translate(0%, 61%) !important;
        -ms-transform: translate(0%, 61%) !important;
            transform: translate(0%, 61%) !important;
  }
}

.x-perc-center-neg-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-61%, -50%);
      -ms-transform: translate(-61%, -50%);
          transform: translate(-61%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-61%, -50%) !important;
        -ms-transform: translate(-61%, -50%) !important;
            transform: translate(-61%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-61%, -50%) !important;
        -ms-transform: translate(-61%, -50%) !important;
            transform: translate(-61%, -50%) !important;
  }
}

.x-perc-center-pos-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(61%, -50%);
      -ms-transform: translate(61%, -50%);
          transform: translate(61%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(61%, -50%) !important;
        -ms-transform: translate(61%, -50%) !important;
            transform: translate(61%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(61%, -50%) !important;
        -ms-transform: translate(61%, -50%) !important;
            transform: translate(61%, -50%) !important;
  }
}

.y-perc-center-neg-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -61%);
      -ms-transform: translate(-50%, -61%);
          transform: translate(-50%, -61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -61%) !important;
        -ms-transform: translate(-50%, -61%) !important;
            transform: translate(-50%, -61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -61%) !important;
        -ms-transform: translate(-50%, -61%) !important;
            transform: translate(-50%, -61%) !important;
  }
}

.y-perc-center-pos-61 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 61%);
      -ms-transform: translate(-50%, 61%);
          transform: translate(-50%, 61%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 61%) !important;
        -ms-transform: translate(-50%, 61%) !important;
            transform: translate(-50%, 61%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-61 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 61%) !important;
        -ms-transform: translate(-50%, 61%) !important;
            transform: translate(-50%, 61%) !important;
  }
}

.x-perc-neg-62 {
  -webkit-transform: translate(-62%, 0%);
      -ms-transform: translate(-62%, 0%);
          transform: translate(-62%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-62 {
    -webkit-transform: translate(-62%, 0%) !important;
        -ms-transform: translate(-62%, 0%) !important;
            transform: translate(-62%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-62 {
    -webkit-transform: translate(-62%, 0%) !important;
        -ms-transform: translate(-62%, 0%) !important;
            transform: translate(-62%, 0%) !important;
  }
}

.x-perc-pos-62 {
  -webkit-transform: translate(62%, 0%);
      -ms-transform: translate(62%, 0%);
          transform: translate(62%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-62 {
    -webkit-transform: translate(62%, 0%) !important;
        -ms-transform: translate(62%, 0%) !important;
            transform: translate(62%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-62 {
    -webkit-transform: translate(62%, 0%) !important;
        -ms-transform: translate(62%, 0%) !important;
            transform: translate(62%, 0%) !important;
  }
}

.y-perc-neg-62 {
  -webkit-transform: translate(0%, -62%);
      -ms-transform: translate(0%, -62%);
          transform: translate(0%, -62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-62 {
    -webkit-transform: translate(0%, -62%) !important;
        -ms-transform: translate(0%, -62%) !important;
            transform: translate(0%, -62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-62 {
    -webkit-transform: translate(0%, -62%) !important;
        -ms-transform: translate(0%, -62%) !important;
            transform: translate(0%, -62%) !important;
  }
}

.y-perc-pos-62 {
  -webkit-transform: translate(0%, 62%);
      -ms-transform: translate(0%, 62%);
          transform: translate(0%, 62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-62 {
    -webkit-transform: translate(0%, 62%) !important;
        -ms-transform: translate(0%, 62%) !important;
            transform: translate(0%, 62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-62 {
    -webkit-transform: translate(0%, 62%) !important;
        -ms-transform: translate(0%, 62%) !important;
            transform: translate(0%, 62%) !important;
  }
}

.x-perc-center-neg-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-62%, -50%);
      -ms-transform: translate(-62%, -50%);
          transform: translate(-62%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-62%, -50%) !important;
        -ms-transform: translate(-62%, -50%) !important;
            transform: translate(-62%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-62%, -50%) !important;
        -ms-transform: translate(-62%, -50%) !important;
            transform: translate(-62%, -50%) !important;
  }
}

.x-perc-center-pos-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(62%, -50%);
      -ms-transform: translate(62%, -50%);
          transform: translate(62%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(62%, -50%) !important;
        -ms-transform: translate(62%, -50%) !important;
            transform: translate(62%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(62%, -50%) !important;
        -ms-transform: translate(62%, -50%) !important;
            transform: translate(62%, -50%) !important;
  }
}

.y-perc-center-neg-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -62%);
      -ms-transform: translate(-50%, -62%);
          transform: translate(-50%, -62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -62%) !important;
        -ms-transform: translate(-50%, -62%) !important;
            transform: translate(-50%, -62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -62%) !important;
        -ms-transform: translate(-50%, -62%) !important;
            transform: translate(-50%, -62%) !important;
  }
}

.y-perc-center-pos-62 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 62%);
      -ms-transform: translate(-50%, 62%);
          transform: translate(-50%, 62%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 62%) !important;
        -ms-transform: translate(-50%, 62%) !important;
            transform: translate(-50%, 62%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-62 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 62%) !important;
        -ms-transform: translate(-50%, 62%) !important;
            transform: translate(-50%, 62%) !important;
  }
}

.x-perc-neg-63 {
  -webkit-transform: translate(-63%, 0%);
      -ms-transform: translate(-63%, 0%);
          transform: translate(-63%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-63 {
    -webkit-transform: translate(-63%, 0%) !important;
        -ms-transform: translate(-63%, 0%) !important;
            transform: translate(-63%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-63 {
    -webkit-transform: translate(-63%, 0%) !important;
        -ms-transform: translate(-63%, 0%) !important;
            transform: translate(-63%, 0%) !important;
  }
}

.x-perc-pos-63 {
  -webkit-transform: translate(63%, 0%);
      -ms-transform: translate(63%, 0%);
          transform: translate(63%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-63 {
    -webkit-transform: translate(63%, 0%) !important;
        -ms-transform: translate(63%, 0%) !important;
            transform: translate(63%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-63 {
    -webkit-transform: translate(63%, 0%) !important;
        -ms-transform: translate(63%, 0%) !important;
            transform: translate(63%, 0%) !important;
  }
}

.y-perc-neg-63 {
  -webkit-transform: translate(0%, -63%);
      -ms-transform: translate(0%, -63%);
          transform: translate(0%, -63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-63 {
    -webkit-transform: translate(0%, -63%) !important;
        -ms-transform: translate(0%, -63%) !important;
            transform: translate(0%, -63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-63 {
    -webkit-transform: translate(0%, -63%) !important;
        -ms-transform: translate(0%, -63%) !important;
            transform: translate(0%, -63%) !important;
  }
}

.y-perc-pos-63 {
  -webkit-transform: translate(0%, 63%);
      -ms-transform: translate(0%, 63%);
          transform: translate(0%, 63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-63 {
    -webkit-transform: translate(0%, 63%) !important;
        -ms-transform: translate(0%, 63%) !important;
            transform: translate(0%, 63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-63 {
    -webkit-transform: translate(0%, 63%) !important;
        -ms-transform: translate(0%, 63%) !important;
            transform: translate(0%, 63%) !important;
  }
}

.x-perc-center-neg-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-63%, -50%);
      -ms-transform: translate(-63%, -50%);
          transform: translate(-63%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-63%, -50%) !important;
        -ms-transform: translate(-63%, -50%) !important;
            transform: translate(-63%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-63%, -50%) !important;
        -ms-transform: translate(-63%, -50%) !important;
            transform: translate(-63%, -50%) !important;
  }
}

.x-perc-center-pos-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(63%, -50%);
      -ms-transform: translate(63%, -50%);
          transform: translate(63%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(63%, -50%) !important;
        -ms-transform: translate(63%, -50%) !important;
            transform: translate(63%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(63%, -50%) !important;
        -ms-transform: translate(63%, -50%) !important;
            transform: translate(63%, -50%) !important;
  }
}

.y-perc-center-neg-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -63%);
      -ms-transform: translate(-50%, -63%);
          transform: translate(-50%, -63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -63%) !important;
        -ms-transform: translate(-50%, -63%) !important;
            transform: translate(-50%, -63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -63%) !important;
        -ms-transform: translate(-50%, -63%) !important;
            transform: translate(-50%, -63%) !important;
  }
}

.y-perc-center-pos-63 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 63%);
      -ms-transform: translate(-50%, 63%);
          transform: translate(-50%, 63%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 63%) !important;
        -ms-transform: translate(-50%, 63%) !important;
            transform: translate(-50%, 63%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-63 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 63%) !important;
        -ms-transform: translate(-50%, 63%) !important;
            transform: translate(-50%, 63%) !important;
  }
}

.x-perc-neg-64 {
  -webkit-transform: translate(-64%, 0%);
      -ms-transform: translate(-64%, 0%);
          transform: translate(-64%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-64 {
    -webkit-transform: translate(-64%, 0%) !important;
        -ms-transform: translate(-64%, 0%) !important;
            transform: translate(-64%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-64 {
    -webkit-transform: translate(-64%, 0%) !important;
        -ms-transform: translate(-64%, 0%) !important;
            transform: translate(-64%, 0%) !important;
  }
}

.x-perc-pos-64 {
  -webkit-transform: translate(64%, 0%);
      -ms-transform: translate(64%, 0%);
          transform: translate(64%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-64 {
    -webkit-transform: translate(64%, 0%) !important;
        -ms-transform: translate(64%, 0%) !important;
            transform: translate(64%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-64 {
    -webkit-transform: translate(64%, 0%) !important;
        -ms-transform: translate(64%, 0%) !important;
            transform: translate(64%, 0%) !important;
  }
}

.y-perc-neg-64 {
  -webkit-transform: translate(0%, -64%);
      -ms-transform: translate(0%, -64%);
          transform: translate(0%, -64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-64 {
    -webkit-transform: translate(0%, -64%) !important;
        -ms-transform: translate(0%, -64%) !important;
            transform: translate(0%, -64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-64 {
    -webkit-transform: translate(0%, -64%) !important;
        -ms-transform: translate(0%, -64%) !important;
            transform: translate(0%, -64%) !important;
  }
}

.y-perc-pos-64 {
  -webkit-transform: translate(0%, 64%);
      -ms-transform: translate(0%, 64%);
          transform: translate(0%, 64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-64 {
    -webkit-transform: translate(0%, 64%) !important;
        -ms-transform: translate(0%, 64%) !important;
            transform: translate(0%, 64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-64 {
    -webkit-transform: translate(0%, 64%) !important;
        -ms-transform: translate(0%, 64%) !important;
            transform: translate(0%, 64%) !important;
  }
}

.x-perc-center-neg-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-64%, -50%);
      -ms-transform: translate(-64%, -50%);
          transform: translate(-64%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-64%, -50%) !important;
        -ms-transform: translate(-64%, -50%) !important;
            transform: translate(-64%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-64%, -50%) !important;
        -ms-transform: translate(-64%, -50%) !important;
            transform: translate(-64%, -50%) !important;
  }
}

.x-perc-center-pos-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(64%, -50%);
      -ms-transform: translate(64%, -50%);
          transform: translate(64%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(64%, -50%) !important;
        -ms-transform: translate(64%, -50%) !important;
            transform: translate(64%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(64%, -50%) !important;
        -ms-transform: translate(64%, -50%) !important;
            transform: translate(64%, -50%) !important;
  }
}

.y-perc-center-neg-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -64%);
      -ms-transform: translate(-50%, -64%);
          transform: translate(-50%, -64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -64%) !important;
        -ms-transform: translate(-50%, -64%) !important;
            transform: translate(-50%, -64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -64%) !important;
        -ms-transform: translate(-50%, -64%) !important;
            transform: translate(-50%, -64%) !important;
  }
}

.y-perc-center-pos-64 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 64%);
      -ms-transform: translate(-50%, 64%);
          transform: translate(-50%, 64%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 64%) !important;
        -ms-transform: translate(-50%, 64%) !important;
            transform: translate(-50%, 64%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-64 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 64%) !important;
        -ms-transform: translate(-50%, 64%) !important;
            transform: translate(-50%, 64%) !important;
  }
}

.x-perc-neg-65 {
  -webkit-transform: translate(-65%, 0%);
      -ms-transform: translate(-65%, 0%);
          transform: translate(-65%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-65 {
    -webkit-transform: translate(-65%, 0%) !important;
        -ms-transform: translate(-65%, 0%) !important;
            transform: translate(-65%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-65 {
    -webkit-transform: translate(-65%, 0%) !important;
        -ms-transform: translate(-65%, 0%) !important;
            transform: translate(-65%, 0%) !important;
  }
}

.x-perc-pos-65 {
  -webkit-transform: translate(65%, 0%);
      -ms-transform: translate(65%, 0%);
          transform: translate(65%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-65 {
    -webkit-transform: translate(65%, 0%) !important;
        -ms-transform: translate(65%, 0%) !important;
            transform: translate(65%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-65 {
    -webkit-transform: translate(65%, 0%) !important;
        -ms-transform: translate(65%, 0%) !important;
            transform: translate(65%, 0%) !important;
  }
}

.y-perc-neg-65 {
  -webkit-transform: translate(0%, -65%);
      -ms-transform: translate(0%, -65%);
          transform: translate(0%, -65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-65 {
    -webkit-transform: translate(0%, -65%) !important;
        -ms-transform: translate(0%, -65%) !important;
            transform: translate(0%, -65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-65 {
    -webkit-transform: translate(0%, -65%) !important;
        -ms-transform: translate(0%, -65%) !important;
            transform: translate(0%, -65%) !important;
  }
}

.y-perc-pos-65 {
  -webkit-transform: translate(0%, 65%);
      -ms-transform: translate(0%, 65%);
          transform: translate(0%, 65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-65 {
    -webkit-transform: translate(0%, 65%) !important;
        -ms-transform: translate(0%, 65%) !important;
            transform: translate(0%, 65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-65 {
    -webkit-transform: translate(0%, 65%) !important;
        -ms-transform: translate(0%, 65%) !important;
            transform: translate(0%, 65%) !important;
  }
}

.x-perc-center-neg-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-65%, -50%);
      -ms-transform: translate(-65%, -50%);
          transform: translate(-65%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-65%, -50%) !important;
        -ms-transform: translate(-65%, -50%) !important;
            transform: translate(-65%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-65%, -50%) !important;
        -ms-transform: translate(-65%, -50%) !important;
            transform: translate(-65%, -50%) !important;
  }
}

.x-perc-center-pos-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(65%, -50%);
      -ms-transform: translate(65%, -50%);
          transform: translate(65%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(65%, -50%) !important;
        -ms-transform: translate(65%, -50%) !important;
            transform: translate(65%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(65%, -50%) !important;
        -ms-transform: translate(65%, -50%) !important;
            transform: translate(65%, -50%) !important;
  }
}

.y-perc-center-neg-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -65%);
      -ms-transform: translate(-50%, -65%);
          transform: translate(-50%, -65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -65%) !important;
        -ms-transform: translate(-50%, -65%) !important;
            transform: translate(-50%, -65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -65%) !important;
        -ms-transform: translate(-50%, -65%) !important;
            transform: translate(-50%, -65%) !important;
  }
}

.y-perc-center-pos-65 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 65%);
      -ms-transform: translate(-50%, 65%);
          transform: translate(-50%, 65%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 65%) !important;
        -ms-transform: translate(-50%, 65%) !important;
            transform: translate(-50%, 65%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-65 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 65%) !important;
        -ms-transform: translate(-50%, 65%) !important;
            transform: translate(-50%, 65%) !important;
  }
}

.x-perc-neg-66 {
  -webkit-transform: translate(-66%, 0%);
      -ms-transform: translate(-66%, 0%);
          transform: translate(-66%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-66 {
    -webkit-transform: translate(-66%, 0%) !important;
        -ms-transform: translate(-66%, 0%) !important;
            transform: translate(-66%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-66 {
    -webkit-transform: translate(-66%, 0%) !important;
        -ms-transform: translate(-66%, 0%) !important;
            transform: translate(-66%, 0%) !important;
  }
}

.x-perc-pos-66 {
  -webkit-transform: translate(66%, 0%);
      -ms-transform: translate(66%, 0%);
          transform: translate(66%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-66 {
    -webkit-transform: translate(66%, 0%) !important;
        -ms-transform: translate(66%, 0%) !important;
            transform: translate(66%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-66 {
    -webkit-transform: translate(66%, 0%) !important;
        -ms-transform: translate(66%, 0%) !important;
            transform: translate(66%, 0%) !important;
  }
}

.y-perc-neg-66 {
  -webkit-transform: translate(0%, -66%);
      -ms-transform: translate(0%, -66%);
          transform: translate(0%, -66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-66 {
    -webkit-transform: translate(0%, -66%) !important;
        -ms-transform: translate(0%, -66%) !important;
            transform: translate(0%, -66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-66 {
    -webkit-transform: translate(0%, -66%) !important;
        -ms-transform: translate(0%, -66%) !important;
            transform: translate(0%, -66%) !important;
  }
}

.y-perc-pos-66 {
  -webkit-transform: translate(0%, 66%);
      -ms-transform: translate(0%, 66%);
          transform: translate(0%, 66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-66 {
    -webkit-transform: translate(0%, 66%) !important;
        -ms-transform: translate(0%, 66%) !important;
            transform: translate(0%, 66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-66 {
    -webkit-transform: translate(0%, 66%) !important;
        -ms-transform: translate(0%, 66%) !important;
            transform: translate(0%, 66%) !important;
  }
}

.x-perc-center-neg-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-66%, -50%);
      -ms-transform: translate(-66%, -50%);
          transform: translate(-66%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-66%, -50%) !important;
        -ms-transform: translate(-66%, -50%) !important;
            transform: translate(-66%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-66%, -50%) !important;
        -ms-transform: translate(-66%, -50%) !important;
            transform: translate(-66%, -50%) !important;
  }
}

.x-perc-center-pos-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(66%, -50%);
      -ms-transform: translate(66%, -50%);
          transform: translate(66%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(66%, -50%) !important;
        -ms-transform: translate(66%, -50%) !important;
            transform: translate(66%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(66%, -50%) !important;
        -ms-transform: translate(66%, -50%) !important;
            transform: translate(66%, -50%) !important;
  }
}

.y-perc-center-neg-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -66%);
      -ms-transform: translate(-50%, -66%);
          transform: translate(-50%, -66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -66%) !important;
        -ms-transform: translate(-50%, -66%) !important;
            transform: translate(-50%, -66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -66%) !important;
        -ms-transform: translate(-50%, -66%) !important;
            transform: translate(-50%, -66%) !important;
  }
}

.y-perc-center-pos-66 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 66%);
      -ms-transform: translate(-50%, 66%);
          transform: translate(-50%, 66%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 66%) !important;
        -ms-transform: translate(-50%, 66%) !important;
            transform: translate(-50%, 66%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-66 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 66%) !important;
        -ms-transform: translate(-50%, 66%) !important;
            transform: translate(-50%, 66%) !important;
  }
}

.x-perc-neg-67 {
  -webkit-transform: translate(-67%, 0%);
      -ms-transform: translate(-67%, 0%);
          transform: translate(-67%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-67 {
    -webkit-transform: translate(-67%, 0%) !important;
        -ms-transform: translate(-67%, 0%) !important;
            transform: translate(-67%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-67 {
    -webkit-transform: translate(-67%, 0%) !important;
        -ms-transform: translate(-67%, 0%) !important;
            transform: translate(-67%, 0%) !important;
  }
}

.x-perc-pos-67 {
  -webkit-transform: translate(67%, 0%);
      -ms-transform: translate(67%, 0%);
          transform: translate(67%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-67 {
    -webkit-transform: translate(67%, 0%) !important;
        -ms-transform: translate(67%, 0%) !important;
            transform: translate(67%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-67 {
    -webkit-transform: translate(67%, 0%) !important;
        -ms-transform: translate(67%, 0%) !important;
            transform: translate(67%, 0%) !important;
  }
}

.y-perc-neg-67 {
  -webkit-transform: translate(0%, -67%);
      -ms-transform: translate(0%, -67%);
          transform: translate(0%, -67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-67 {
    -webkit-transform: translate(0%, -67%) !important;
        -ms-transform: translate(0%, -67%) !important;
            transform: translate(0%, -67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-67 {
    -webkit-transform: translate(0%, -67%) !important;
        -ms-transform: translate(0%, -67%) !important;
            transform: translate(0%, -67%) !important;
  }
}

.y-perc-pos-67 {
  -webkit-transform: translate(0%, 67%);
      -ms-transform: translate(0%, 67%);
          transform: translate(0%, 67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-67 {
    -webkit-transform: translate(0%, 67%) !important;
        -ms-transform: translate(0%, 67%) !important;
            transform: translate(0%, 67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-67 {
    -webkit-transform: translate(0%, 67%) !important;
        -ms-transform: translate(0%, 67%) !important;
            transform: translate(0%, 67%) !important;
  }
}

.x-perc-center-neg-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-67%, -50%);
      -ms-transform: translate(-67%, -50%);
          transform: translate(-67%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-67%, -50%) !important;
        -ms-transform: translate(-67%, -50%) !important;
            transform: translate(-67%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-67%, -50%) !important;
        -ms-transform: translate(-67%, -50%) !important;
            transform: translate(-67%, -50%) !important;
  }
}

.x-perc-center-pos-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(67%, -50%);
      -ms-transform: translate(67%, -50%);
          transform: translate(67%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(67%, -50%) !important;
        -ms-transform: translate(67%, -50%) !important;
            transform: translate(67%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(67%, -50%) !important;
        -ms-transform: translate(67%, -50%) !important;
            transform: translate(67%, -50%) !important;
  }
}

.y-perc-center-neg-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -67%);
      -ms-transform: translate(-50%, -67%);
          transform: translate(-50%, -67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -67%) !important;
        -ms-transform: translate(-50%, -67%) !important;
            transform: translate(-50%, -67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -67%) !important;
        -ms-transform: translate(-50%, -67%) !important;
            transform: translate(-50%, -67%) !important;
  }
}

.y-perc-center-pos-67 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 67%);
      -ms-transform: translate(-50%, 67%);
          transform: translate(-50%, 67%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 67%) !important;
        -ms-transform: translate(-50%, 67%) !important;
            transform: translate(-50%, 67%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-67 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 67%) !important;
        -ms-transform: translate(-50%, 67%) !important;
            transform: translate(-50%, 67%) !important;
  }
}

.x-perc-neg-68 {
  -webkit-transform: translate(-68%, 0%);
      -ms-transform: translate(-68%, 0%);
          transform: translate(-68%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-68 {
    -webkit-transform: translate(-68%, 0%) !important;
        -ms-transform: translate(-68%, 0%) !important;
            transform: translate(-68%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-68 {
    -webkit-transform: translate(-68%, 0%) !important;
        -ms-transform: translate(-68%, 0%) !important;
            transform: translate(-68%, 0%) !important;
  }
}

.x-perc-pos-68 {
  -webkit-transform: translate(68%, 0%);
      -ms-transform: translate(68%, 0%);
          transform: translate(68%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-68 {
    -webkit-transform: translate(68%, 0%) !important;
        -ms-transform: translate(68%, 0%) !important;
            transform: translate(68%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-68 {
    -webkit-transform: translate(68%, 0%) !important;
        -ms-transform: translate(68%, 0%) !important;
            transform: translate(68%, 0%) !important;
  }
}

.y-perc-neg-68 {
  -webkit-transform: translate(0%, -68%);
      -ms-transform: translate(0%, -68%);
          transform: translate(0%, -68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-68 {
    -webkit-transform: translate(0%, -68%) !important;
        -ms-transform: translate(0%, -68%) !important;
            transform: translate(0%, -68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-68 {
    -webkit-transform: translate(0%, -68%) !important;
        -ms-transform: translate(0%, -68%) !important;
            transform: translate(0%, -68%) !important;
  }
}

.y-perc-pos-68 {
  -webkit-transform: translate(0%, 68%);
      -ms-transform: translate(0%, 68%);
          transform: translate(0%, 68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-68 {
    -webkit-transform: translate(0%, 68%) !important;
        -ms-transform: translate(0%, 68%) !important;
            transform: translate(0%, 68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-68 {
    -webkit-transform: translate(0%, 68%) !important;
        -ms-transform: translate(0%, 68%) !important;
            transform: translate(0%, 68%) !important;
  }
}

.x-perc-center-neg-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-68%, -50%);
      -ms-transform: translate(-68%, -50%);
          transform: translate(-68%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-68%, -50%) !important;
        -ms-transform: translate(-68%, -50%) !important;
            transform: translate(-68%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-68%, -50%) !important;
        -ms-transform: translate(-68%, -50%) !important;
            transform: translate(-68%, -50%) !important;
  }
}

.x-perc-center-pos-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(68%, -50%);
      -ms-transform: translate(68%, -50%);
          transform: translate(68%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(68%, -50%) !important;
        -ms-transform: translate(68%, -50%) !important;
            transform: translate(68%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(68%, -50%) !important;
        -ms-transform: translate(68%, -50%) !important;
            transform: translate(68%, -50%) !important;
  }
}

.y-perc-center-neg-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -68%);
      -ms-transform: translate(-50%, -68%);
          transform: translate(-50%, -68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -68%) !important;
        -ms-transform: translate(-50%, -68%) !important;
            transform: translate(-50%, -68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -68%) !important;
        -ms-transform: translate(-50%, -68%) !important;
            transform: translate(-50%, -68%) !important;
  }
}

.y-perc-center-pos-68 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 68%);
      -ms-transform: translate(-50%, 68%);
          transform: translate(-50%, 68%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 68%) !important;
        -ms-transform: translate(-50%, 68%) !important;
            transform: translate(-50%, 68%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-68 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 68%) !important;
        -ms-transform: translate(-50%, 68%) !important;
            transform: translate(-50%, 68%) !important;
  }
}

.x-perc-neg-69 {
  -webkit-transform: translate(-69%, 0%);
      -ms-transform: translate(-69%, 0%);
          transform: translate(-69%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-69 {
    -webkit-transform: translate(-69%, 0%) !important;
        -ms-transform: translate(-69%, 0%) !important;
            transform: translate(-69%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-69 {
    -webkit-transform: translate(-69%, 0%) !important;
        -ms-transform: translate(-69%, 0%) !important;
            transform: translate(-69%, 0%) !important;
  }
}

.x-perc-pos-69 {
  -webkit-transform: translate(69%, 0%);
      -ms-transform: translate(69%, 0%);
          transform: translate(69%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-69 {
    -webkit-transform: translate(69%, 0%) !important;
        -ms-transform: translate(69%, 0%) !important;
            transform: translate(69%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-69 {
    -webkit-transform: translate(69%, 0%) !important;
        -ms-transform: translate(69%, 0%) !important;
            transform: translate(69%, 0%) !important;
  }
}

.y-perc-neg-69 {
  -webkit-transform: translate(0%, -69%);
      -ms-transform: translate(0%, -69%);
          transform: translate(0%, -69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-69 {
    -webkit-transform: translate(0%, -69%) !important;
        -ms-transform: translate(0%, -69%) !important;
            transform: translate(0%, -69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-69 {
    -webkit-transform: translate(0%, -69%) !important;
        -ms-transform: translate(0%, -69%) !important;
            transform: translate(0%, -69%) !important;
  }
}

.y-perc-pos-69 {
  -webkit-transform: translate(0%, 69%);
      -ms-transform: translate(0%, 69%);
          transform: translate(0%, 69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-69 {
    -webkit-transform: translate(0%, 69%) !important;
        -ms-transform: translate(0%, 69%) !important;
            transform: translate(0%, 69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-69 {
    -webkit-transform: translate(0%, 69%) !important;
        -ms-transform: translate(0%, 69%) !important;
            transform: translate(0%, 69%) !important;
  }
}

.x-perc-center-neg-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-69%, -50%);
      -ms-transform: translate(-69%, -50%);
          transform: translate(-69%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-69%, -50%) !important;
        -ms-transform: translate(-69%, -50%) !important;
            transform: translate(-69%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-69%, -50%) !important;
        -ms-transform: translate(-69%, -50%) !important;
            transform: translate(-69%, -50%) !important;
  }
}

.x-perc-center-pos-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(69%, -50%);
      -ms-transform: translate(69%, -50%);
          transform: translate(69%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(69%, -50%) !important;
        -ms-transform: translate(69%, -50%) !important;
            transform: translate(69%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(69%, -50%) !important;
        -ms-transform: translate(69%, -50%) !important;
            transform: translate(69%, -50%) !important;
  }
}

.y-perc-center-neg-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -69%);
      -ms-transform: translate(-50%, -69%);
          transform: translate(-50%, -69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -69%) !important;
        -ms-transform: translate(-50%, -69%) !important;
            transform: translate(-50%, -69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -69%) !important;
        -ms-transform: translate(-50%, -69%) !important;
            transform: translate(-50%, -69%) !important;
  }
}

.y-perc-center-pos-69 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 69%);
      -ms-transform: translate(-50%, 69%);
          transform: translate(-50%, 69%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 69%) !important;
        -ms-transform: translate(-50%, 69%) !important;
            transform: translate(-50%, 69%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-69 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 69%) !important;
        -ms-transform: translate(-50%, 69%) !important;
            transform: translate(-50%, 69%) !important;
  }
}

.x-perc-neg-70 {
  -webkit-transform: translate(-70%, 0%);
      -ms-transform: translate(-70%, 0%);
          transform: translate(-70%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-70 {
    -webkit-transform: translate(-70%, 0%) !important;
        -ms-transform: translate(-70%, 0%) !important;
            transform: translate(-70%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-70 {
    -webkit-transform: translate(-70%, 0%) !important;
        -ms-transform: translate(-70%, 0%) !important;
            transform: translate(-70%, 0%) !important;
  }
}

.x-perc-pos-70 {
  -webkit-transform: translate(70%, 0%);
      -ms-transform: translate(70%, 0%);
          transform: translate(70%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-70 {
    -webkit-transform: translate(70%, 0%) !important;
        -ms-transform: translate(70%, 0%) !important;
            transform: translate(70%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-70 {
    -webkit-transform: translate(70%, 0%) !important;
        -ms-transform: translate(70%, 0%) !important;
            transform: translate(70%, 0%) !important;
  }
}

.y-perc-neg-70 {
  -webkit-transform: translate(0%, -70%);
      -ms-transform: translate(0%, -70%);
          transform: translate(0%, -70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-70 {
    -webkit-transform: translate(0%, -70%) !important;
        -ms-transform: translate(0%, -70%) !important;
            transform: translate(0%, -70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-70 {
    -webkit-transform: translate(0%, -70%) !important;
        -ms-transform: translate(0%, -70%) !important;
            transform: translate(0%, -70%) !important;
  }
}

.y-perc-pos-70 {
  -webkit-transform: translate(0%, 70%);
      -ms-transform: translate(0%, 70%);
          transform: translate(0%, 70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-70 {
    -webkit-transform: translate(0%, 70%) !important;
        -ms-transform: translate(0%, 70%) !important;
            transform: translate(0%, 70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-70 {
    -webkit-transform: translate(0%, 70%) !important;
        -ms-transform: translate(0%, 70%) !important;
            transform: translate(0%, 70%) !important;
  }
}

.x-perc-center-neg-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-70%, -50%);
      -ms-transform: translate(-70%, -50%);
          transform: translate(-70%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-70%, -50%) !important;
        -ms-transform: translate(-70%, -50%) !important;
            transform: translate(-70%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-70%, -50%) !important;
        -ms-transform: translate(-70%, -50%) !important;
            transform: translate(-70%, -50%) !important;
  }
}

.x-perc-center-pos-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(70%, -50%);
      -ms-transform: translate(70%, -50%);
          transform: translate(70%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(70%, -50%) !important;
        -ms-transform: translate(70%, -50%) !important;
            transform: translate(70%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(70%, -50%) !important;
        -ms-transform: translate(70%, -50%) !important;
            transform: translate(70%, -50%) !important;
  }
}

.y-perc-center-neg-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -70%);
      -ms-transform: translate(-50%, -70%);
          transform: translate(-50%, -70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -70%) !important;
        -ms-transform: translate(-50%, -70%) !important;
            transform: translate(-50%, -70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -70%) !important;
        -ms-transform: translate(-50%, -70%) !important;
            transform: translate(-50%, -70%) !important;
  }
}

.y-perc-center-pos-70 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 70%);
      -ms-transform: translate(-50%, 70%);
          transform: translate(-50%, 70%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 70%) !important;
        -ms-transform: translate(-50%, 70%) !important;
            transform: translate(-50%, 70%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-70 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 70%) !important;
        -ms-transform: translate(-50%, 70%) !important;
            transform: translate(-50%, 70%) !important;
  }
}

.x-perc-neg-71 {
  -webkit-transform: translate(-71%, 0%);
      -ms-transform: translate(-71%, 0%);
          transform: translate(-71%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-71 {
    -webkit-transform: translate(-71%, 0%) !important;
        -ms-transform: translate(-71%, 0%) !important;
            transform: translate(-71%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-71 {
    -webkit-transform: translate(-71%, 0%) !important;
        -ms-transform: translate(-71%, 0%) !important;
            transform: translate(-71%, 0%) !important;
  }
}

.x-perc-pos-71 {
  -webkit-transform: translate(71%, 0%);
      -ms-transform: translate(71%, 0%);
          transform: translate(71%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-71 {
    -webkit-transform: translate(71%, 0%) !important;
        -ms-transform: translate(71%, 0%) !important;
            transform: translate(71%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-71 {
    -webkit-transform: translate(71%, 0%) !important;
        -ms-transform: translate(71%, 0%) !important;
            transform: translate(71%, 0%) !important;
  }
}

.y-perc-neg-71 {
  -webkit-transform: translate(0%, -71%);
      -ms-transform: translate(0%, -71%);
          transform: translate(0%, -71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-71 {
    -webkit-transform: translate(0%, -71%) !important;
        -ms-transform: translate(0%, -71%) !important;
            transform: translate(0%, -71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-71 {
    -webkit-transform: translate(0%, -71%) !important;
        -ms-transform: translate(0%, -71%) !important;
            transform: translate(0%, -71%) !important;
  }
}

.y-perc-pos-71 {
  -webkit-transform: translate(0%, 71%);
      -ms-transform: translate(0%, 71%);
          transform: translate(0%, 71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-71 {
    -webkit-transform: translate(0%, 71%) !important;
        -ms-transform: translate(0%, 71%) !important;
            transform: translate(0%, 71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-71 {
    -webkit-transform: translate(0%, 71%) !important;
        -ms-transform: translate(0%, 71%) !important;
            transform: translate(0%, 71%) !important;
  }
}

.x-perc-center-neg-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-71%, -50%);
      -ms-transform: translate(-71%, -50%);
          transform: translate(-71%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-71%, -50%) !important;
        -ms-transform: translate(-71%, -50%) !important;
            transform: translate(-71%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-71%, -50%) !important;
        -ms-transform: translate(-71%, -50%) !important;
            transform: translate(-71%, -50%) !important;
  }
}

.x-perc-center-pos-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(71%, -50%);
      -ms-transform: translate(71%, -50%);
          transform: translate(71%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(71%, -50%) !important;
        -ms-transform: translate(71%, -50%) !important;
            transform: translate(71%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(71%, -50%) !important;
        -ms-transform: translate(71%, -50%) !important;
            transform: translate(71%, -50%) !important;
  }
}

.y-perc-center-neg-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -71%);
      -ms-transform: translate(-50%, -71%);
          transform: translate(-50%, -71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -71%) !important;
        -ms-transform: translate(-50%, -71%) !important;
            transform: translate(-50%, -71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -71%) !important;
        -ms-transform: translate(-50%, -71%) !important;
            transform: translate(-50%, -71%) !important;
  }
}

.y-perc-center-pos-71 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 71%);
      -ms-transform: translate(-50%, 71%);
          transform: translate(-50%, 71%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 71%) !important;
        -ms-transform: translate(-50%, 71%) !important;
            transform: translate(-50%, 71%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-71 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 71%) !important;
        -ms-transform: translate(-50%, 71%) !important;
            transform: translate(-50%, 71%) !important;
  }
}

.x-perc-neg-72 {
  -webkit-transform: translate(-72%, 0%);
      -ms-transform: translate(-72%, 0%);
          transform: translate(-72%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-72 {
    -webkit-transform: translate(-72%, 0%) !important;
        -ms-transform: translate(-72%, 0%) !important;
            transform: translate(-72%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-72 {
    -webkit-transform: translate(-72%, 0%) !important;
        -ms-transform: translate(-72%, 0%) !important;
            transform: translate(-72%, 0%) !important;
  }
}

.x-perc-pos-72 {
  -webkit-transform: translate(72%, 0%);
      -ms-transform: translate(72%, 0%);
          transform: translate(72%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-72 {
    -webkit-transform: translate(72%, 0%) !important;
        -ms-transform: translate(72%, 0%) !important;
            transform: translate(72%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-72 {
    -webkit-transform: translate(72%, 0%) !important;
        -ms-transform: translate(72%, 0%) !important;
            transform: translate(72%, 0%) !important;
  }
}

.y-perc-neg-72 {
  -webkit-transform: translate(0%, -72%);
      -ms-transform: translate(0%, -72%);
          transform: translate(0%, -72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-72 {
    -webkit-transform: translate(0%, -72%) !important;
        -ms-transform: translate(0%, -72%) !important;
            transform: translate(0%, -72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-72 {
    -webkit-transform: translate(0%, -72%) !important;
        -ms-transform: translate(0%, -72%) !important;
            transform: translate(0%, -72%) !important;
  }
}

.y-perc-pos-72 {
  -webkit-transform: translate(0%, 72%);
      -ms-transform: translate(0%, 72%);
          transform: translate(0%, 72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-72 {
    -webkit-transform: translate(0%, 72%) !important;
        -ms-transform: translate(0%, 72%) !important;
            transform: translate(0%, 72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-72 {
    -webkit-transform: translate(0%, 72%) !important;
        -ms-transform: translate(0%, 72%) !important;
            transform: translate(0%, 72%) !important;
  }
}

.x-perc-center-neg-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-72%, -50%);
      -ms-transform: translate(-72%, -50%);
          transform: translate(-72%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-72%, -50%) !important;
        -ms-transform: translate(-72%, -50%) !important;
            transform: translate(-72%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-72%, -50%) !important;
        -ms-transform: translate(-72%, -50%) !important;
            transform: translate(-72%, -50%) !important;
  }
}

.x-perc-center-pos-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(72%, -50%);
      -ms-transform: translate(72%, -50%);
          transform: translate(72%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(72%, -50%) !important;
        -ms-transform: translate(72%, -50%) !important;
            transform: translate(72%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(72%, -50%) !important;
        -ms-transform: translate(72%, -50%) !important;
            transform: translate(72%, -50%) !important;
  }
}

.y-perc-center-neg-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -72%);
      -ms-transform: translate(-50%, -72%);
          transform: translate(-50%, -72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -72%) !important;
        -ms-transform: translate(-50%, -72%) !important;
            transform: translate(-50%, -72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -72%) !important;
        -ms-transform: translate(-50%, -72%) !important;
            transform: translate(-50%, -72%) !important;
  }
}

.y-perc-center-pos-72 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 72%);
      -ms-transform: translate(-50%, 72%);
          transform: translate(-50%, 72%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 72%) !important;
        -ms-transform: translate(-50%, 72%) !important;
            transform: translate(-50%, 72%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-72 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 72%) !important;
        -ms-transform: translate(-50%, 72%) !important;
            transform: translate(-50%, 72%) !important;
  }
}

.x-perc-neg-73 {
  -webkit-transform: translate(-73%, 0%);
      -ms-transform: translate(-73%, 0%);
          transform: translate(-73%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-73 {
    -webkit-transform: translate(-73%, 0%) !important;
        -ms-transform: translate(-73%, 0%) !important;
            transform: translate(-73%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-73 {
    -webkit-transform: translate(-73%, 0%) !important;
        -ms-transform: translate(-73%, 0%) !important;
            transform: translate(-73%, 0%) !important;
  }
}

.x-perc-pos-73 {
  -webkit-transform: translate(73%, 0%);
      -ms-transform: translate(73%, 0%);
          transform: translate(73%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-73 {
    -webkit-transform: translate(73%, 0%) !important;
        -ms-transform: translate(73%, 0%) !important;
            transform: translate(73%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-73 {
    -webkit-transform: translate(73%, 0%) !important;
        -ms-transform: translate(73%, 0%) !important;
            transform: translate(73%, 0%) !important;
  }
}

.y-perc-neg-73 {
  -webkit-transform: translate(0%, -73%);
      -ms-transform: translate(0%, -73%);
          transform: translate(0%, -73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-73 {
    -webkit-transform: translate(0%, -73%) !important;
        -ms-transform: translate(0%, -73%) !important;
            transform: translate(0%, -73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-73 {
    -webkit-transform: translate(0%, -73%) !important;
        -ms-transform: translate(0%, -73%) !important;
            transform: translate(0%, -73%) !important;
  }
}

.y-perc-pos-73 {
  -webkit-transform: translate(0%, 73%);
      -ms-transform: translate(0%, 73%);
          transform: translate(0%, 73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-73 {
    -webkit-transform: translate(0%, 73%) !important;
        -ms-transform: translate(0%, 73%) !important;
            transform: translate(0%, 73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-73 {
    -webkit-transform: translate(0%, 73%) !important;
        -ms-transform: translate(0%, 73%) !important;
            transform: translate(0%, 73%) !important;
  }
}

.x-perc-center-neg-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-73%, -50%);
      -ms-transform: translate(-73%, -50%);
          transform: translate(-73%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-73%, -50%) !important;
        -ms-transform: translate(-73%, -50%) !important;
            transform: translate(-73%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-73%, -50%) !important;
        -ms-transform: translate(-73%, -50%) !important;
            transform: translate(-73%, -50%) !important;
  }
}

.x-perc-center-pos-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(73%, -50%);
      -ms-transform: translate(73%, -50%);
          transform: translate(73%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(73%, -50%) !important;
        -ms-transform: translate(73%, -50%) !important;
            transform: translate(73%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(73%, -50%) !important;
        -ms-transform: translate(73%, -50%) !important;
            transform: translate(73%, -50%) !important;
  }
}

.y-perc-center-neg-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -73%);
      -ms-transform: translate(-50%, -73%);
          transform: translate(-50%, -73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -73%) !important;
        -ms-transform: translate(-50%, -73%) !important;
            transform: translate(-50%, -73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -73%) !important;
        -ms-transform: translate(-50%, -73%) !important;
            transform: translate(-50%, -73%) !important;
  }
}

.y-perc-center-pos-73 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 73%);
      -ms-transform: translate(-50%, 73%);
          transform: translate(-50%, 73%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 73%) !important;
        -ms-transform: translate(-50%, 73%) !important;
            transform: translate(-50%, 73%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-73 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 73%) !important;
        -ms-transform: translate(-50%, 73%) !important;
            transform: translate(-50%, 73%) !important;
  }
}

.x-perc-neg-74 {
  -webkit-transform: translate(-74%, 0%);
      -ms-transform: translate(-74%, 0%);
          transform: translate(-74%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-74 {
    -webkit-transform: translate(-74%, 0%) !important;
        -ms-transform: translate(-74%, 0%) !important;
            transform: translate(-74%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-74 {
    -webkit-transform: translate(-74%, 0%) !important;
        -ms-transform: translate(-74%, 0%) !important;
            transform: translate(-74%, 0%) !important;
  }
}

.x-perc-pos-74 {
  -webkit-transform: translate(74%, 0%);
      -ms-transform: translate(74%, 0%);
          transform: translate(74%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-74 {
    -webkit-transform: translate(74%, 0%) !important;
        -ms-transform: translate(74%, 0%) !important;
            transform: translate(74%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-74 {
    -webkit-transform: translate(74%, 0%) !important;
        -ms-transform: translate(74%, 0%) !important;
            transform: translate(74%, 0%) !important;
  }
}

.y-perc-neg-74 {
  -webkit-transform: translate(0%, -74%);
      -ms-transform: translate(0%, -74%);
          transform: translate(0%, -74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-74 {
    -webkit-transform: translate(0%, -74%) !important;
        -ms-transform: translate(0%, -74%) !important;
            transform: translate(0%, -74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-74 {
    -webkit-transform: translate(0%, -74%) !important;
        -ms-transform: translate(0%, -74%) !important;
            transform: translate(0%, -74%) !important;
  }
}

.y-perc-pos-74 {
  -webkit-transform: translate(0%, 74%);
      -ms-transform: translate(0%, 74%);
          transform: translate(0%, 74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-74 {
    -webkit-transform: translate(0%, 74%) !important;
        -ms-transform: translate(0%, 74%) !important;
            transform: translate(0%, 74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-74 {
    -webkit-transform: translate(0%, 74%) !important;
        -ms-transform: translate(0%, 74%) !important;
            transform: translate(0%, 74%) !important;
  }
}

.x-perc-center-neg-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-74%, -50%);
      -ms-transform: translate(-74%, -50%);
          transform: translate(-74%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-74%, -50%) !important;
        -ms-transform: translate(-74%, -50%) !important;
            transform: translate(-74%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-74%, -50%) !important;
        -ms-transform: translate(-74%, -50%) !important;
            transform: translate(-74%, -50%) !important;
  }
}

.x-perc-center-pos-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(74%, -50%);
      -ms-transform: translate(74%, -50%);
          transform: translate(74%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(74%, -50%) !important;
        -ms-transform: translate(74%, -50%) !important;
            transform: translate(74%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(74%, -50%) !important;
        -ms-transform: translate(74%, -50%) !important;
            transform: translate(74%, -50%) !important;
  }
}

.y-perc-center-neg-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -74%);
      -ms-transform: translate(-50%, -74%);
          transform: translate(-50%, -74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -74%) !important;
        -ms-transform: translate(-50%, -74%) !important;
            transform: translate(-50%, -74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -74%) !important;
        -ms-transform: translate(-50%, -74%) !important;
            transform: translate(-50%, -74%) !important;
  }
}

.y-perc-center-pos-74 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 74%);
      -ms-transform: translate(-50%, 74%);
          transform: translate(-50%, 74%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 74%) !important;
        -ms-transform: translate(-50%, 74%) !important;
            transform: translate(-50%, 74%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-74 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 74%) !important;
        -ms-transform: translate(-50%, 74%) !important;
            transform: translate(-50%, 74%) !important;
  }
}

.x-perc-neg-75 {
  -webkit-transform: translate(-75%, 0%);
      -ms-transform: translate(-75%, 0%);
          transform: translate(-75%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-75 {
    -webkit-transform: translate(-75%, 0%) !important;
        -ms-transform: translate(-75%, 0%) !important;
            transform: translate(-75%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-75 {
    -webkit-transform: translate(-75%, 0%) !important;
        -ms-transform: translate(-75%, 0%) !important;
            transform: translate(-75%, 0%) !important;
  }
}

.x-perc-pos-75 {
  -webkit-transform: translate(75%, 0%);
      -ms-transform: translate(75%, 0%);
          transform: translate(75%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-75 {
    -webkit-transform: translate(75%, 0%) !important;
        -ms-transform: translate(75%, 0%) !important;
            transform: translate(75%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-75 {
    -webkit-transform: translate(75%, 0%) !important;
        -ms-transform: translate(75%, 0%) !important;
            transform: translate(75%, 0%) !important;
  }
}

.y-perc-neg-75 {
  -webkit-transform: translate(0%, -75%);
      -ms-transform: translate(0%, -75%);
          transform: translate(0%, -75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-75 {
    -webkit-transform: translate(0%, -75%) !important;
        -ms-transform: translate(0%, -75%) !important;
            transform: translate(0%, -75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-75 {
    -webkit-transform: translate(0%, -75%) !important;
        -ms-transform: translate(0%, -75%) !important;
            transform: translate(0%, -75%) !important;
  }
}

.y-perc-pos-75 {
  -webkit-transform: translate(0%, 75%);
      -ms-transform: translate(0%, 75%);
          transform: translate(0%, 75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-75 {
    -webkit-transform: translate(0%, 75%) !important;
        -ms-transform: translate(0%, 75%) !important;
            transform: translate(0%, 75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-75 {
    -webkit-transform: translate(0%, 75%) !important;
        -ms-transform: translate(0%, 75%) !important;
            transform: translate(0%, 75%) !important;
  }
}

.x-perc-center-neg-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-75%, -50%);
      -ms-transform: translate(-75%, -50%);
          transform: translate(-75%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-75%, -50%) !important;
        -ms-transform: translate(-75%, -50%) !important;
            transform: translate(-75%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-75%, -50%) !important;
        -ms-transform: translate(-75%, -50%) !important;
            transform: translate(-75%, -50%) !important;
  }
}

.x-perc-center-pos-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(75%, -50%);
      -ms-transform: translate(75%, -50%);
          transform: translate(75%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(75%, -50%) !important;
        -ms-transform: translate(75%, -50%) !important;
            transform: translate(75%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(75%, -50%) !important;
        -ms-transform: translate(75%, -50%) !important;
            transform: translate(75%, -50%) !important;
  }
}

.y-perc-center-neg-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -75%);
      -ms-transform: translate(-50%, -75%);
          transform: translate(-50%, -75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -75%) !important;
        -ms-transform: translate(-50%, -75%) !important;
            transform: translate(-50%, -75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -75%) !important;
        -ms-transform: translate(-50%, -75%) !important;
            transform: translate(-50%, -75%) !important;
  }
}

.y-perc-center-pos-75 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 75%);
      -ms-transform: translate(-50%, 75%);
          transform: translate(-50%, 75%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 75%) !important;
        -ms-transform: translate(-50%, 75%) !important;
            transform: translate(-50%, 75%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-75 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 75%) !important;
        -ms-transform: translate(-50%, 75%) !important;
            transform: translate(-50%, 75%) !important;
  }
}

.x-perc-neg-76 {
  -webkit-transform: translate(-76%, 0%);
      -ms-transform: translate(-76%, 0%);
          transform: translate(-76%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-76 {
    -webkit-transform: translate(-76%, 0%) !important;
        -ms-transform: translate(-76%, 0%) !important;
            transform: translate(-76%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-76 {
    -webkit-transform: translate(-76%, 0%) !important;
        -ms-transform: translate(-76%, 0%) !important;
            transform: translate(-76%, 0%) !important;
  }
}

.x-perc-pos-76 {
  -webkit-transform: translate(76%, 0%);
      -ms-transform: translate(76%, 0%);
          transform: translate(76%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-76 {
    -webkit-transform: translate(76%, 0%) !important;
        -ms-transform: translate(76%, 0%) !important;
            transform: translate(76%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-76 {
    -webkit-transform: translate(76%, 0%) !important;
        -ms-transform: translate(76%, 0%) !important;
            transform: translate(76%, 0%) !important;
  }
}

.y-perc-neg-76 {
  -webkit-transform: translate(0%, -76%);
      -ms-transform: translate(0%, -76%);
          transform: translate(0%, -76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-76 {
    -webkit-transform: translate(0%, -76%) !important;
        -ms-transform: translate(0%, -76%) !important;
            transform: translate(0%, -76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-76 {
    -webkit-transform: translate(0%, -76%) !important;
        -ms-transform: translate(0%, -76%) !important;
            transform: translate(0%, -76%) !important;
  }
}

.y-perc-pos-76 {
  -webkit-transform: translate(0%, 76%);
      -ms-transform: translate(0%, 76%);
          transform: translate(0%, 76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-76 {
    -webkit-transform: translate(0%, 76%) !important;
        -ms-transform: translate(0%, 76%) !important;
            transform: translate(0%, 76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-76 {
    -webkit-transform: translate(0%, 76%) !important;
        -ms-transform: translate(0%, 76%) !important;
            transform: translate(0%, 76%) !important;
  }
}

.x-perc-center-neg-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-76%, -50%);
      -ms-transform: translate(-76%, -50%);
          transform: translate(-76%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-76%, -50%) !important;
        -ms-transform: translate(-76%, -50%) !important;
            transform: translate(-76%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-76%, -50%) !important;
        -ms-transform: translate(-76%, -50%) !important;
            transform: translate(-76%, -50%) !important;
  }
}

.x-perc-center-pos-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(76%, -50%);
      -ms-transform: translate(76%, -50%);
          transform: translate(76%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(76%, -50%) !important;
        -ms-transform: translate(76%, -50%) !important;
            transform: translate(76%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(76%, -50%) !important;
        -ms-transform: translate(76%, -50%) !important;
            transform: translate(76%, -50%) !important;
  }
}

.y-perc-center-neg-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -76%);
      -ms-transform: translate(-50%, -76%);
          transform: translate(-50%, -76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -76%) !important;
        -ms-transform: translate(-50%, -76%) !important;
            transform: translate(-50%, -76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -76%) !important;
        -ms-transform: translate(-50%, -76%) !important;
            transform: translate(-50%, -76%) !important;
  }
}

.y-perc-center-pos-76 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 76%);
      -ms-transform: translate(-50%, 76%);
          transform: translate(-50%, 76%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 76%) !important;
        -ms-transform: translate(-50%, 76%) !important;
            transform: translate(-50%, 76%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-76 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 76%) !important;
        -ms-transform: translate(-50%, 76%) !important;
            transform: translate(-50%, 76%) !important;
  }
}

.x-perc-neg-77 {
  -webkit-transform: translate(-77%, 0%);
      -ms-transform: translate(-77%, 0%);
          transform: translate(-77%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-77 {
    -webkit-transform: translate(-77%, 0%) !important;
        -ms-transform: translate(-77%, 0%) !important;
            transform: translate(-77%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-77 {
    -webkit-transform: translate(-77%, 0%) !important;
        -ms-transform: translate(-77%, 0%) !important;
            transform: translate(-77%, 0%) !important;
  }
}

.x-perc-pos-77 {
  -webkit-transform: translate(77%, 0%);
      -ms-transform: translate(77%, 0%);
          transform: translate(77%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-77 {
    -webkit-transform: translate(77%, 0%) !important;
        -ms-transform: translate(77%, 0%) !important;
            transform: translate(77%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-77 {
    -webkit-transform: translate(77%, 0%) !important;
        -ms-transform: translate(77%, 0%) !important;
            transform: translate(77%, 0%) !important;
  }
}

.y-perc-neg-77 {
  -webkit-transform: translate(0%, -77%);
      -ms-transform: translate(0%, -77%);
          transform: translate(0%, -77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-77 {
    -webkit-transform: translate(0%, -77%) !important;
        -ms-transform: translate(0%, -77%) !important;
            transform: translate(0%, -77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-77 {
    -webkit-transform: translate(0%, -77%) !important;
        -ms-transform: translate(0%, -77%) !important;
            transform: translate(0%, -77%) !important;
  }
}

.y-perc-pos-77 {
  -webkit-transform: translate(0%, 77%);
      -ms-transform: translate(0%, 77%);
          transform: translate(0%, 77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-77 {
    -webkit-transform: translate(0%, 77%) !important;
        -ms-transform: translate(0%, 77%) !important;
            transform: translate(0%, 77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-77 {
    -webkit-transform: translate(0%, 77%) !important;
        -ms-transform: translate(0%, 77%) !important;
            transform: translate(0%, 77%) !important;
  }
}

.x-perc-center-neg-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-77%, -50%);
      -ms-transform: translate(-77%, -50%);
          transform: translate(-77%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-77%, -50%) !important;
        -ms-transform: translate(-77%, -50%) !important;
            transform: translate(-77%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-77%, -50%) !important;
        -ms-transform: translate(-77%, -50%) !important;
            transform: translate(-77%, -50%) !important;
  }
}

.x-perc-center-pos-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(77%, -50%);
      -ms-transform: translate(77%, -50%);
          transform: translate(77%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(77%, -50%) !important;
        -ms-transform: translate(77%, -50%) !important;
            transform: translate(77%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(77%, -50%) !important;
        -ms-transform: translate(77%, -50%) !important;
            transform: translate(77%, -50%) !important;
  }
}

.y-perc-center-neg-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -77%);
      -ms-transform: translate(-50%, -77%);
          transform: translate(-50%, -77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -77%) !important;
        -ms-transform: translate(-50%, -77%) !important;
            transform: translate(-50%, -77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -77%) !important;
        -ms-transform: translate(-50%, -77%) !important;
            transform: translate(-50%, -77%) !important;
  }
}

.y-perc-center-pos-77 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 77%);
      -ms-transform: translate(-50%, 77%);
          transform: translate(-50%, 77%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 77%) !important;
        -ms-transform: translate(-50%, 77%) !important;
            transform: translate(-50%, 77%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-77 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 77%) !important;
        -ms-transform: translate(-50%, 77%) !important;
            transform: translate(-50%, 77%) !important;
  }
}

.x-perc-neg-78 {
  -webkit-transform: translate(-78%, 0%);
      -ms-transform: translate(-78%, 0%);
          transform: translate(-78%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-78 {
    -webkit-transform: translate(-78%, 0%) !important;
        -ms-transform: translate(-78%, 0%) !important;
            transform: translate(-78%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-78 {
    -webkit-transform: translate(-78%, 0%) !important;
        -ms-transform: translate(-78%, 0%) !important;
            transform: translate(-78%, 0%) !important;
  }
}

.x-perc-pos-78 {
  -webkit-transform: translate(78%, 0%);
      -ms-transform: translate(78%, 0%);
          transform: translate(78%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-78 {
    -webkit-transform: translate(78%, 0%) !important;
        -ms-transform: translate(78%, 0%) !important;
            transform: translate(78%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-78 {
    -webkit-transform: translate(78%, 0%) !important;
        -ms-transform: translate(78%, 0%) !important;
            transform: translate(78%, 0%) !important;
  }
}

.y-perc-neg-78 {
  -webkit-transform: translate(0%, -78%);
      -ms-transform: translate(0%, -78%);
          transform: translate(0%, -78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-78 {
    -webkit-transform: translate(0%, -78%) !important;
        -ms-transform: translate(0%, -78%) !important;
            transform: translate(0%, -78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-78 {
    -webkit-transform: translate(0%, -78%) !important;
        -ms-transform: translate(0%, -78%) !important;
            transform: translate(0%, -78%) !important;
  }
}

.y-perc-pos-78 {
  -webkit-transform: translate(0%, 78%);
      -ms-transform: translate(0%, 78%);
          transform: translate(0%, 78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-78 {
    -webkit-transform: translate(0%, 78%) !important;
        -ms-transform: translate(0%, 78%) !important;
            transform: translate(0%, 78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-78 {
    -webkit-transform: translate(0%, 78%) !important;
        -ms-transform: translate(0%, 78%) !important;
            transform: translate(0%, 78%) !important;
  }
}

.x-perc-center-neg-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-78%, -50%);
      -ms-transform: translate(-78%, -50%);
          transform: translate(-78%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-78%, -50%) !important;
        -ms-transform: translate(-78%, -50%) !important;
            transform: translate(-78%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-78%, -50%) !important;
        -ms-transform: translate(-78%, -50%) !important;
            transform: translate(-78%, -50%) !important;
  }
}

.x-perc-center-pos-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(78%, -50%);
      -ms-transform: translate(78%, -50%);
          transform: translate(78%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(78%, -50%) !important;
        -ms-transform: translate(78%, -50%) !important;
            transform: translate(78%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(78%, -50%) !important;
        -ms-transform: translate(78%, -50%) !important;
            transform: translate(78%, -50%) !important;
  }
}

.y-perc-center-neg-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -78%);
      -ms-transform: translate(-50%, -78%);
          transform: translate(-50%, -78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -78%) !important;
        -ms-transform: translate(-50%, -78%) !important;
            transform: translate(-50%, -78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -78%) !important;
        -ms-transform: translate(-50%, -78%) !important;
            transform: translate(-50%, -78%) !important;
  }
}

.y-perc-center-pos-78 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 78%);
      -ms-transform: translate(-50%, 78%);
          transform: translate(-50%, 78%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 78%) !important;
        -ms-transform: translate(-50%, 78%) !important;
            transform: translate(-50%, 78%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-78 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 78%) !important;
        -ms-transform: translate(-50%, 78%) !important;
            transform: translate(-50%, 78%) !important;
  }
}

.x-perc-neg-79 {
  -webkit-transform: translate(-79%, 0%);
      -ms-transform: translate(-79%, 0%);
          transform: translate(-79%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-79 {
    -webkit-transform: translate(-79%, 0%) !important;
        -ms-transform: translate(-79%, 0%) !important;
            transform: translate(-79%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-79 {
    -webkit-transform: translate(-79%, 0%) !important;
        -ms-transform: translate(-79%, 0%) !important;
            transform: translate(-79%, 0%) !important;
  }
}

.x-perc-pos-79 {
  -webkit-transform: translate(79%, 0%);
      -ms-transform: translate(79%, 0%);
          transform: translate(79%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-79 {
    -webkit-transform: translate(79%, 0%) !important;
        -ms-transform: translate(79%, 0%) !important;
            transform: translate(79%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-79 {
    -webkit-transform: translate(79%, 0%) !important;
        -ms-transform: translate(79%, 0%) !important;
            transform: translate(79%, 0%) !important;
  }
}

.y-perc-neg-79 {
  -webkit-transform: translate(0%, -79%);
      -ms-transform: translate(0%, -79%);
          transform: translate(0%, -79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-79 {
    -webkit-transform: translate(0%, -79%) !important;
        -ms-transform: translate(0%, -79%) !important;
            transform: translate(0%, -79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-79 {
    -webkit-transform: translate(0%, -79%) !important;
        -ms-transform: translate(0%, -79%) !important;
            transform: translate(0%, -79%) !important;
  }
}

.y-perc-pos-79 {
  -webkit-transform: translate(0%, 79%);
      -ms-transform: translate(0%, 79%);
          transform: translate(0%, 79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-79 {
    -webkit-transform: translate(0%, 79%) !important;
        -ms-transform: translate(0%, 79%) !important;
            transform: translate(0%, 79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-79 {
    -webkit-transform: translate(0%, 79%) !important;
        -ms-transform: translate(0%, 79%) !important;
            transform: translate(0%, 79%) !important;
  }
}

.x-perc-center-neg-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-79%, -50%);
      -ms-transform: translate(-79%, -50%);
          transform: translate(-79%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-79%, -50%) !important;
        -ms-transform: translate(-79%, -50%) !important;
            transform: translate(-79%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-79%, -50%) !important;
        -ms-transform: translate(-79%, -50%) !important;
            transform: translate(-79%, -50%) !important;
  }
}

.x-perc-center-pos-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(79%, -50%);
      -ms-transform: translate(79%, -50%);
          transform: translate(79%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(79%, -50%) !important;
        -ms-transform: translate(79%, -50%) !important;
            transform: translate(79%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(79%, -50%) !important;
        -ms-transform: translate(79%, -50%) !important;
            transform: translate(79%, -50%) !important;
  }
}

.y-perc-center-neg-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -79%);
      -ms-transform: translate(-50%, -79%);
          transform: translate(-50%, -79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -79%) !important;
        -ms-transform: translate(-50%, -79%) !important;
            transform: translate(-50%, -79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -79%) !important;
        -ms-transform: translate(-50%, -79%) !important;
            transform: translate(-50%, -79%) !important;
  }
}

.y-perc-center-pos-79 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 79%);
      -ms-transform: translate(-50%, 79%);
          transform: translate(-50%, 79%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 79%) !important;
        -ms-transform: translate(-50%, 79%) !important;
            transform: translate(-50%, 79%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-79 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 79%) !important;
        -ms-transform: translate(-50%, 79%) !important;
            transform: translate(-50%, 79%) !important;
  }
}

.x-perc-neg-80 {
  -webkit-transform: translate(-80%, 0%);
      -ms-transform: translate(-80%, 0%);
          transform: translate(-80%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-80 {
    -webkit-transform: translate(-80%, 0%) !important;
        -ms-transform: translate(-80%, 0%) !important;
            transform: translate(-80%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-80 {
    -webkit-transform: translate(-80%, 0%) !important;
        -ms-transform: translate(-80%, 0%) !important;
            transform: translate(-80%, 0%) !important;
  }
}

.x-perc-pos-80 {
  -webkit-transform: translate(80%, 0%);
      -ms-transform: translate(80%, 0%);
          transform: translate(80%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-80 {
    -webkit-transform: translate(80%, 0%) !important;
        -ms-transform: translate(80%, 0%) !important;
            transform: translate(80%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-80 {
    -webkit-transform: translate(80%, 0%) !important;
        -ms-transform: translate(80%, 0%) !important;
            transform: translate(80%, 0%) !important;
  }
}

.y-perc-neg-80 {
  -webkit-transform: translate(0%, -80%);
      -ms-transform: translate(0%, -80%);
          transform: translate(0%, -80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-80 {
    -webkit-transform: translate(0%, -80%) !important;
        -ms-transform: translate(0%, -80%) !important;
            transform: translate(0%, -80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-80 {
    -webkit-transform: translate(0%, -80%) !important;
        -ms-transform: translate(0%, -80%) !important;
            transform: translate(0%, -80%) !important;
  }
}

.y-perc-pos-80 {
  -webkit-transform: translate(0%, 80%);
      -ms-transform: translate(0%, 80%);
          transform: translate(0%, 80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-80 {
    -webkit-transform: translate(0%, 80%) !important;
        -ms-transform: translate(0%, 80%) !important;
            transform: translate(0%, 80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-80 {
    -webkit-transform: translate(0%, 80%) !important;
        -ms-transform: translate(0%, 80%) !important;
            transform: translate(0%, 80%) !important;
  }
}

.x-perc-center-neg-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-80%, -50%);
      -ms-transform: translate(-80%, -50%);
          transform: translate(-80%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-80%, -50%) !important;
        -ms-transform: translate(-80%, -50%) !important;
            transform: translate(-80%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-80%, -50%) !important;
        -ms-transform: translate(-80%, -50%) !important;
            transform: translate(-80%, -50%) !important;
  }
}

.x-perc-center-pos-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(80%, -50%);
      -ms-transform: translate(80%, -50%);
          transform: translate(80%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(80%, -50%) !important;
        -ms-transform: translate(80%, -50%) !important;
            transform: translate(80%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(80%, -50%) !important;
        -ms-transform: translate(80%, -50%) !important;
            transform: translate(80%, -50%) !important;
  }
}

.y-perc-center-neg-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -80%);
      -ms-transform: translate(-50%, -80%);
          transform: translate(-50%, -80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -80%) !important;
        -ms-transform: translate(-50%, -80%) !important;
            transform: translate(-50%, -80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -80%) !important;
        -ms-transform: translate(-50%, -80%) !important;
            transform: translate(-50%, -80%) !important;
  }
}

.y-perc-center-pos-80 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 80%);
      -ms-transform: translate(-50%, 80%);
          transform: translate(-50%, 80%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 80%) !important;
        -ms-transform: translate(-50%, 80%) !important;
            transform: translate(-50%, 80%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-80 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 80%) !important;
        -ms-transform: translate(-50%, 80%) !important;
            transform: translate(-50%, 80%) !important;
  }
}

.x-perc-neg-81 {
  -webkit-transform: translate(-81%, 0%);
      -ms-transform: translate(-81%, 0%);
          transform: translate(-81%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-81 {
    -webkit-transform: translate(-81%, 0%) !important;
        -ms-transform: translate(-81%, 0%) !important;
            transform: translate(-81%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-81 {
    -webkit-transform: translate(-81%, 0%) !important;
        -ms-transform: translate(-81%, 0%) !important;
            transform: translate(-81%, 0%) !important;
  }
}

.x-perc-pos-81 {
  -webkit-transform: translate(81%, 0%);
      -ms-transform: translate(81%, 0%);
          transform: translate(81%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-81 {
    -webkit-transform: translate(81%, 0%) !important;
        -ms-transform: translate(81%, 0%) !important;
            transform: translate(81%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-81 {
    -webkit-transform: translate(81%, 0%) !important;
        -ms-transform: translate(81%, 0%) !important;
            transform: translate(81%, 0%) !important;
  }
}

.y-perc-neg-81 {
  -webkit-transform: translate(0%, -81%);
      -ms-transform: translate(0%, -81%);
          transform: translate(0%, -81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-81 {
    -webkit-transform: translate(0%, -81%) !important;
        -ms-transform: translate(0%, -81%) !important;
            transform: translate(0%, -81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-81 {
    -webkit-transform: translate(0%, -81%) !important;
        -ms-transform: translate(0%, -81%) !important;
            transform: translate(0%, -81%) !important;
  }
}

.y-perc-pos-81 {
  -webkit-transform: translate(0%, 81%);
      -ms-transform: translate(0%, 81%);
          transform: translate(0%, 81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-81 {
    -webkit-transform: translate(0%, 81%) !important;
        -ms-transform: translate(0%, 81%) !important;
            transform: translate(0%, 81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-81 {
    -webkit-transform: translate(0%, 81%) !important;
        -ms-transform: translate(0%, 81%) !important;
            transform: translate(0%, 81%) !important;
  }
}

.x-perc-center-neg-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-81%, -50%);
      -ms-transform: translate(-81%, -50%);
          transform: translate(-81%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-81%, -50%) !important;
        -ms-transform: translate(-81%, -50%) !important;
            transform: translate(-81%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-81%, -50%) !important;
        -ms-transform: translate(-81%, -50%) !important;
            transform: translate(-81%, -50%) !important;
  }
}

.x-perc-center-pos-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(81%, -50%);
      -ms-transform: translate(81%, -50%);
          transform: translate(81%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(81%, -50%) !important;
        -ms-transform: translate(81%, -50%) !important;
            transform: translate(81%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(81%, -50%) !important;
        -ms-transform: translate(81%, -50%) !important;
            transform: translate(81%, -50%) !important;
  }
}

.y-perc-center-neg-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -81%);
      -ms-transform: translate(-50%, -81%);
          transform: translate(-50%, -81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -81%) !important;
        -ms-transform: translate(-50%, -81%) !important;
            transform: translate(-50%, -81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -81%) !important;
        -ms-transform: translate(-50%, -81%) !important;
            transform: translate(-50%, -81%) !important;
  }
}

.y-perc-center-pos-81 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 81%);
      -ms-transform: translate(-50%, 81%);
          transform: translate(-50%, 81%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 81%) !important;
        -ms-transform: translate(-50%, 81%) !important;
            transform: translate(-50%, 81%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-81 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 81%) !important;
        -ms-transform: translate(-50%, 81%) !important;
            transform: translate(-50%, 81%) !important;
  }
}

.x-perc-neg-82 {
  -webkit-transform: translate(-82%, 0%);
      -ms-transform: translate(-82%, 0%);
          transform: translate(-82%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-82 {
    -webkit-transform: translate(-82%, 0%) !important;
        -ms-transform: translate(-82%, 0%) !important;
            transform: translate(-82%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-82 {
    -webkit-transform: translate(-82%, 0%) !important;
        -ms-transform: translate(-82%, 0%) !important;
            transform: translate(-82%, 0%) !important;
  }
}

.x-perc-pos-82 {
  -webkit-transform: translate(82%, 0%);
      -ms-transform: translate(82%, 0%);
          transform: translate(82%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-82 {
    -webkit-transform: translate(82%, 0%) !important;
        -ms-transform: translate(82%, 0%) !important;
            transform: translate(82%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-82 {
    -webkit-transform: translate(82%, 0%) !important;
        -ms-transform: translate(82%, 0%) !important;
            transform: translate(82%, 0%) !important;
  }
}

.y-perc-neg-82 {
  -webkit-transform: translate(0%, -82%);
      -ms-transform: translate(0%, -82%);
          transform: translate(0%, -82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-82 {
    -webkit-transform: translate(0%, -82%) !important;
        -ms-transform: translate(0%, -82%) !important;
            transform: translate(0%, -82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-82 {
    -webkit-transform: translate(0%, -82%) !important;
        -ms-transform: translate(0%, -82%) !important;
            transform: translate(0%, -82%) !important;
  }
}

.y-perc-pos-82 {
  -webkit-transform: translate(0%, 82%);
      -ms-transform: translate(0%, 82%);
          transform: translate(0%, 82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-82 {
    -webkit-transform: translate(0%, 82%) !important;
        -ms-transform: translate(0%, 82%) !important;
            transform: translate(0%, 82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-82 {
    -webkit-transform: translate(0%, 82%) !important;
        -ms-transform: translate(0%, 82%) !important;
            transform: translate(0%, 82%) !important;
  }
}

.x-perc-center-neg-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-82%, -50%);
      -ms-transform: translate(-82%, -50%);
          transform: translate(-82%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-82%, -50%) !important;
        -ms-transform: translate(-82%, -50%) !important;
            transform: translate(-82%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-82%, -50%) !important;
        -ms-transform: translate(-82%, -50%) !important;
            transform: translate(-82%, -50%) !important;
  }
}

.x-perc-center-pos-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(82%, -50%);
      -ms-transform: translate(82%, -50%);
          transform: translate(82%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(82%, -50%) !important;
        -ms-transform: translate(82%, -50%) !important;
            transform: translate(82%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(82%, -50%) !important;
        -ms-transform: translate(82%, -50%) !important;
            transform: translate(82%, -50%) !important;
  }
}

.y-perc-center-neg-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -82%);
      -ms-transform: translate(-50%, -82%);
          transform: translate(-50%, -82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -82%) !important;
        -ms-transform: translate(-50%, -82%) !important;
            transform: translate(-50%, -82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -82%) !important;
        -ms-transform: translate(-50%, -82%) !important;
            transform: translate(-50%, -82%) !important;
  }
}

.y-perc-center-pos-82 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 82%);
      -ms-transform: translate(-50%, 82%);
          transform: translate(-50%, 82%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 82%) !important;
        -ms-transform: translate(-50%, 82%) !important;
            transform: translate(-50%, 82%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-82 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 82%) !important;
        -ms-transform: translate(-50%, 82%) !important;
            transform: translate(-50%, 82%) !important;
  }
}

.x-perc-neg-83 {
  -webkit-transform: translate(-83%, 0%);
      -ms-transform: translate(-83%, 0%);
          transform: translate(-83%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-83 {
    -webkit-transform: translate(-83%, 0%) !important;
        -ms-transform: translate(-83%, 0%) !important;
            transform: translate(-83%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-83 {
    -webkit-transform: translate(-83%, 0%) !important;
        -ms-transform: translate(-83%, 0%) !important;
            transform: translate(-83%, 0%) !important;
  }
}

.x-perc-pos-83 {
  -webkit-transform: translate(83%, 0%);
      -ms-transform: translate(83%, 0%);
          transform: translate(83%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-83 {
    -webkit-transform: translate(83%, 0%) !important;
        -ms-transform: translate(83%, 0%) !important;
            transform: translate(83%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-83 {
    -webkit-transform: translate(83%, 0%) !important;
        -ms-transform: translate(83%, 0%) !important;
            transform: translate(83%, 0%) !important;
  }
}

.y-perc-neg-83 {
  -webkit-transform: translate(0%, -83%);
      -ms-transform: translate(0%, -83%);
          transform: translate(0%, -83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-83 {
    -webkit-transform: translate(0%, -83%) !important;
        -ms-transform: translate(0%, -83%) !important;
            transform: translate(0%, -83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-83 {
    -webkit-transform: translate(0%, -83%) !important;
        -ms-transform: translate(0%, -83%) !important;
            transform: translate(0%, -83%) !important;
  }
}

.y-perc-pos-83 {
  -webkit-transform: translate(0%, 83%);
      -ms-transform: translate(0%, 83%);
          transform: translate(0%, 83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-83 {
    -webkit-transform: translate(0%, 83%) !important;
        -ms-transform: translate(0%, 83%) !important;
            transform: translate(0%, 83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-83 {
    -webkit-transform: translate(0%, 83%) !important;
        -ms-transform: translate(0%, 83%) !important;
            transform: translate(0%, 83%) !important;
  }
}

.x-perc-center-neg-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-83%, -50%);
      -ms-transform: translate(-83%, -50%);
          transform: translate(-83%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-83%, -50%) !important;
        -ms-transform: translate(-83%, -50%) !important;
            transform: translate(-83%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-83%, -50%) !important;
        -ms-transform: translate(-83%, -50%) !important;
            transform: translate(-83%, -50%) !important;
  }
}

.x-perc-center-pos-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(83%, -50%);
      -ms-transform: translate(83%, -50%);
          transform: translate(83%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(83%, -50%) !important;
        -ms-transform: translate(83%, -50%) !important;
            transform: translate(83%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(83%, -50%) !important;
        -ms-transform: translate(83%, -50%) !important;
            transform: translate(83%, -50%) !important;
  }
}

.y-perc-center-neg-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -83%);
      -ms-transform: translate(-50%, -83%);
          transform: translate(-50%, -83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -83%) !important;
        -ms-transform: translate(-50%, -83%) !important;
            transform: translate(-50%, -83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -83%) !important;
        -ms-transform: translate(-50%, -83%) !important;
            transform: translate(-50%, -83%) !important;
  }
}

.y-perc-center-pos-83 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 83%);
      -ms-transform: translate(-50%, 83%);
          transform: translate(-50%, 83%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 83%) !important;
        -ms-transform: translate(-50%, 83%) !important;
            transform: translate(-50%, 83%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-83 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 83%) !important;
        -ms-transform: translate(-50%, 83%) !important;
            transform: translate(-50%, 83%) !important;
  }
}

.x-perc-neg-84 {
  -webkit-transform: translate(-84%, 0%);
      -ms-transform: translate(-84%, 0%);
          transform: translate(-84%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-84 {
    -webkit-transform: translate(-84%, 0%) !important;
        -ms-transform: translate(-84%, 0%) !important;
            transform: translate(-84%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-84 {
    -webkit-transform: translate(-84%, 0%) !important;
        -ms-transform: translate(-84%, 0%) !important;
            transform: translate(-84%, 0%) !important;
  }
}

.x-perc-pos-84 {
  -webkit-transform: translate(84%, 0%);
      -ms-transform: translate(84%, 0%);
          transform: translate(84%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-84 {
    -webkit-transform: translate(84%, 0%) !important;
        -ms-transform: translate(84%, 0%) !important;
            transform: translate(84%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-84 {
    -webkit-transform: translate(84%, 0%) !important;
        -ms-transform: translate(84%, 0%) !important;
            transform: translate(84%, 0%) !important;
  }
}

.y-perc-neg-84 {
  -webkit-transform: translate(0%, -84%);
      -ms-transform: translate(0%, -84%);
          transform: translate(0%, -84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-84 {
    -webkit-transform: translate(0%, -84%) !important;
        -ms-transform: translate(0%, -84%) !important;
            transform: translate(0%, -84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-84 {
    -webkit-transform: translate(0%, -84%) !important;
        -ms-transform: translate(0%, -84%) !important;
            transform: translate(0%, -84%) !important;
  }
}

.y-perc-pos-84 {
  -webkit-transform: translate(0%, 84%);
      -ms-transform: translate(0%, 84%);
          transform: translate(0%, 84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-84 {
    -webkit-transform: translate(0%, 84%) !important;
        -ms-transform: translate(0%, 84%) !important;
            transform: translate(0%, 84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-84 {
    -webkit-transform: translate(0%, 84%) !important;
        -ms-transform: translate(0%, 84%) !important;
            transform: translate(0%, 84%) !important;
  }
}

.x-perc-center-neg-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-84%, -50%);
      -ms-transform: translate(-84%, -50%);
          transform: translate(-84%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-84%, -50%) !important;
        -ms-transform: translate(-84%, -50%) !important;
            transform: translate(-84%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-84%, -50%) !important;
        -ms-transform: translate(-84%, -50%) !important;
            transform: translate(-84%, -50%) !important;
  }
}

.x-perc-center-pos-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(84%, -50%);
      -ms-transform: translate(84%, -50%);
          transform: translate(84%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(84%, -50%) !important;
        -ms-transform: translate(84%, -50%) !important;
            transform: translate(84%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(84%, -50%) !important;
        -ms-transform: translate(84%, -50%) !important;
            transform: translate(84%, -50%) !important;
  }
}

.y-perc-center-neg-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -84%);
      -ms-transform: translate(-50%, -84%);
          transform: translate(-50%, -84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -84%) !important;
        -ms-transform: translate(-50%, -84%) !important;
            transform: translate(-50%, -84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -84%) !important;
        -ms-transform: translate(-50%, -84%) !important;
            transform: translate(-50%, -84%) !important;
  }
}

.y-perc-center-pos-84 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 84%);
      -ms-transform: translate(-50%, 84%);
          transform: translate(-50%, 84%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 84%) !important;
        -ms-transform: translate(-50%, 84%) !important;
            transform: translate(-50%, 84%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-84 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 84%) !important;
        -ms-transform: translate(-50%, 84%) !important;
            transform: translate(-50%, 84%) !important;
  }
}

.x-perc-neg-85 {
  -webkit-transform: translate(-85%, 0%);
      -ms-transform: translate(-85%, 0%);
          transform: translate(-85%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-85 {
    -webkit-transform: translate(-85%, 0%) !important;
        -ms-transform: translate(-85%, 0%) !important;
            transform: translate(-85%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-85 {
    -webkit-transform: translate(-85%, 0%) !important;
        -ms-transform: translate(-85%, 0%) !important;
            transform: translate(-85%, 0%) !important;
  }
}

.x-perc-pos-85 {
  -webkit-transform: translate(85%, 0%);
      -ms-transform: translate(85%, 0%);
          transform: translate(85%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-85 {
    -webkit-transform: translate(85%, 0%) !important;
        -ms-transform: translate(85%, 0%) !important;
            transform: translate(85%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-85 {
    -webkit-transform: translate(85%, 0%) !important;
        -ms-transform: translate(85%, 0%) !important;
            transform: translate(85%, 0%) !important;
  }
}

.y-perc-neg-85 {
  -webkit-transform: translate(0%, -85%);
      -ms-transform: translate(0%, -85%);
          transform: translate(0%, -85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-85 {
    -webkit-transform: translate(0%, -85%) !important;
        -ms-transform: translate(0%, -85%) !important;
            transform: translate(0%, -85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-85 {
    -webkit-transform: translate(0%, -85%) !important;
        -ms-transform: translate(0%, -85%) !important;
            transform: translate(0%, -85%) !important;
  }
}

.y-perc-pos-85 {
  -webkit-transform: translate(0%, 85%);
      -ms-transform: translate(0%, 85%);
          transform: translate(0%, 85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-85 {
    -webkit-transform: translate(0%, 85%) !important;
        -ms-transform: translate(0%, 85%) !important;
            transform: translate(0%, 85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-85 {
    -webkit-transform: translate(0%, 85%) !important;
        -ms-transform: translate(0%, 85%) !important;
            transform: translate(0%, 85%) !important;
  }
}

.x-perc-center-neg-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-85%, -50%);
      -ms-transform: translate(-85%, -50%);
          transform: translate(-85%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-85%, -50%) !important;
        -ms-transform: translate(-85%, -50%) !important;
            transform: translate(-85%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-85%, -50%) !important;
        -ms-transform: translate(-85%, -50%) !important;
            transform: translate(-85%, -50%) !important;
  }
}

.x-perc-center-pos-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(85%, -50%);
      -ms-transform: translate(85%, -50%);
          transform: translate(85%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(85%, -50%) !important;
        -ms-transform: translate(85%, -50%) !important;
            transform: translate(85%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(85%, -50%) !important;
        -ms-transform: translate(85%, -50%) !important;
            transform: translate(85%, -50%) !important;
  }
}

.y-perc-center-neg-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -85%);
      -ms-transform: translate(-50%, -85%);
          transform: translate(-50%, -85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -85%) !important;
        -ms-transform: translate(-50%, -85%) !important;
            transform: translate(-50%, -85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -85%) !important;
        -ms-transform: translate(-50%, -85%) !important;
            transform: translate(-50%, -85%) !important;
  }
}

.y-perc-center-pos-85 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 85%);
      -ms-transform: translate(-50%, 85%);
          transform: translate(-50%, 85%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 85%) !important;
        -ms-transform: translate(-50%, 85%) !important;
            transform: translate(-50%, 85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-85 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 85%) !important;
        -ms-transform: translate(-50%, 85%) !important;
            transform: translate(-50%, 85%) !important;
  }
}

.x-perc-neg-86 {
  -webkit-transform: translate(-86%, 0%);
      -ms-transform: translate(-86%, 0%);
          transform: translate(-86%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-86 {
    -webkit-transform: translate(-86%, 0%) !important;
        -ms-transform: translate(-86%, 0%) !important;
            transform: translate(-86%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-86 {
    -webkit-transform: translate(-86%, 0%) !important;
        -ms-transform: translate(-86%, 0%) !important;
            transform: translate(-86%, 0%) !important;
  }
}

.x-perc-pos-86 {
  -webkit-transform: translate(86%, 0%);
      -ms-transform: translate(86%, 0%);
          transform: translate(86%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-86 {
    -webkit-transform: translate(86%, 0%) !important;
        -ms-transform: translate(86%, 0%) !important;
            transform: translate(86%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-86 {
    -webkit-transform: translate(86%, 0%) !important;
        -ms-transform: translate(86%, 0%) !important;
            transform: translate(86%, 0%) !important;
  }
}

.y-perc-neg-86 {
  -webkit-transform: translate(0%, -86%);
      -ms-transform: translate(0%, -86%);
          transform: translate(0%, -86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-86 {
    -webkit-transform: translate(0%, -86%) !important;
        -ms-transform: translate(0%, -86%) !important;
            transform: translate(0%, -86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-86 {
    -webkit-transform: translate(0%, -86%) !important;
        -ms-transform: translate(0%, -86%) !important;
            transform: translate(0%, -86%) !important;
  }
}

.y-perc-pos-86 {
  -webkit-transform: translate(0%, 86%);
      -ms-transform: translate(0%, 86%);
          transform: translate(0%, 86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-86 {
    -webkit-transform: translate(0%, 86%) !important;
        -ms-transform: translate(0%, 86%) !important;
            transform: translate(0%, 86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-86 {
    -webkit-transform: translate(0%, 86%) !important;
        -ms-transform: translate(0%, 86%) !important;
            transform: translate(0%, 86%) !important;
  }
}

.x-perc-center-neg-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-86%, -50%);
      -ms-transform: translate(-86%, -50%);
          transform: translate(-86%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-86%, -50%) !important;
        -ms-transform: translate(-86%, -50%) !important;
            transform: translate(-86%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-86%, -50%) !important;
        -ms-transform: translate(-86%, -50%) !important;
            transform: translate(-86%, -50%) !important;
  }
}

.x-perc-center-pos-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(86%, -50%);
      -ms-transform: translate(86%, -50%);
          transform: translate(86%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(86%, -50%) !important;
        -ms-transform: translate(86%, -50%) !important;
            transform: translate(86%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(86%, -50%) !important;
        -ms-transform: translate(86%, -50%) !important;
            transform: translate(86%, -50%) !important;
  }
}

.y-perc-center-neg-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -86%);
      -ms-transform: translate(-50%, -86%);
          transform: translate(-50%, -86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -86%) !important;
        -ms-transform: translate(-50%, -86%) !important;
            transform: translate(-50%, -86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -86%) !important;
        -ms-transform: translate(-50%, -86%) !important;
            transform: translate(-50%, -86%) !important;
  }
}

.y-perc-center-pos-86 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 86%);
      -ms-transform: translate(-50%, 86%);
          transform: translate(-50%, 86%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 86%) !important;
        -ms-transform: translate(-50%, 86%) !important;
            transform: translate(-50%, 86%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-86 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 86%) !important;
        -ms-transform: translate(-50%, 86%) !important;
            transform: translate(-50%, 86%) !important;
  }
}

.x-perc-neg-87 {
  -webkit-transform: translate(-87%, 0%);
      -ms-transform: translate(-87%, 0%);
          transform: translate(-87%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-87 {
    -webkit-transform: translate(-87%, 0%) !important;
        -ms-transform: translate(-87%, 0%) !important;
            transform: translate(-87%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-87 {
    -webkit-transform: translate(-87%, 0%) !important;
        -ms-transform: translate(-87%, 0%) !important;
            transform: translate(-87%, 0%) !important;
  }
}

.x-perc-pos-87 {
  -webkit-transform: translate(87%, 0%);
      -ms-transform: translate(87%, 0%);
          transform: translate(87%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-87 {
    -webkit-transform: translate(87%, 0%) !important;
        -ms-transform: translate(87%, 0%) !important;
            transform: translate(87%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-87 {
    -webkit-transform: translate(87%, 0%) !important;
        -ms-transform: translate(87%, 0%) !important;
            transform: translate(87%, 0%) !important;
  }
}

.y-perc-neg-87 {
  -webkit-transform: translate(0%, -87%);
      -ms-transform: translate(0%, -87%);
          transform: translate(0%, -87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-87 {
    -webkit-transform: translate(0%, -87%) !important;
        -ms-transform: translate(0%, -87%) !important;
            transform: translate(0%, -87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-87 {
    -webkit-transform: translate(0%, -87%) !important;
        -ms-transform: translate(0%, -87%) !important;
            transform: translate(0%, -87%) !important;
  }
}

.y-perc-pos-87 {
  -webkit-transform: translate(0%, 87%);
      -ms-transform: translate(0%, 87%);
          transform: translate(0%, 87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-87 {
    -webkit-transform: translate(0%, 87%) !important;
        -ms-transform: translate(0%, 87%) !important;
            transform: translate(0%, 87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-87 {
    -webkit-transform: translate(0%, 87%) !important;
        -ms-transform: translate(0%, 87%) !important;
            transform: translate(0%, 87%) !important;
  }
}

.x-perc-center-neg-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-87%, -50%);
      -ms-transform: translate(-87%, -50%);
          transform: translate(-87%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-87%, -50%) !important;
        -ms-transform: translate(-87%, -50%) !important;
            transform: translate(-87%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-87%, -50%) !important;
        -ms-transform: translate(-87%, -50%) !important;
            transform: translate(-87%, -50%) !important;
  }
}

.x-perc-center-pos-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(87%, -50%);
      -ms-transform: translate(87%, -50%);
          transform: translate(87%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(87%, -50%) !important;
        -ms-transform: translate(87%, -50%) !important;
            transform: translate(87%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(87%, -50%) !important;
        -ms-transform: translate(87%, -50%) !important;
            transform: translate(87%, -50%) !important;
  }
}

.y-perc-center-neg-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -87%);
      -ms-transform: translate(-50%, -87%);
          transform: translate(-50%, -87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -87%) !important;
        -ms-transform: translate(-50%, -87%) !important;
            transform: translate(-50%, -87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -87%) !important;
        -ms-transform: translate(-50%, -87%) !important;
            transform: translate(-50%, -87%) !important;
  }
}

.y-perc-center-pos-87 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 87%);
      -ms-transform: translate(-50%, 87%);
          transform: translate(-50%, 87%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 87%) !important;
        -ms-transform: translate(-50%, 87%) !important;
            transform: translate(-50%, 87%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-87 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 87%) !important;
        -ms-transform: translate(-50%, 87%) !important;
            transform: translate(-50%, 87%) !important;
  }
}

.x-perc-neg-88 {
  -webkit-transform: translate(-88%, 0%);
      -ms-transform: translate(-88%, 0%);
          transform: translate(-88%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-88 {
    -webkit-transform: translate(-88%, 0%) !important;
        -ms-transform: translate(-88%, 0%) !important;
            transform: translate(-88%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-88 {
    -webkit-transform: translate(-88%, 0%) !important;
        -ms-transform: translate(-88%, 0%) !important;
            transform: translate(-88%, 0%) !important;
  }
}

.x-perc-pos-88 {
  -webkit-transform: translate(88%, 0%);
      -ms-transform: translate(88%, 0%);
          transform: translate(88%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-88 {
    -webkit-transform: translate(88%, 0%) !important;
        -ms-transform: translate(88%, 0%) !important;
            transform: translate(88%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-88 {
    -webkit-transform: translate(88%, 0%) !important;
        -ms-transform: translate(88%, 0%) !important;
            transform: translate(88%, 0%) !important;
  }
}

.y-perc-neg-88 {
  -webkit-transform: translate(0%, -88%);
      -ms-transform: translate(0%, -88%);
          transform: translate(0%, -88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-88 {
    -webkit-transform: translate(0%, -88%) !important;
        -ms-transform: translate(0%, -88%) !important;
            transform: translate(0%, -88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-88 {
    -webkit-transform: translate(0%, -88%) !important;
        -ms-transform: translate(0%, -88%) !important;
            transform: translate(0%, -88%) !important;
  }
}

.y-perc-pos-88 {
  -webkit-transform: translate(0%, 88%);
      -ms-transform: translate(0%, 88%);
          transform: translate(0%, 88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-88 {
    -webkit-transform: translate(0%, 88%) !important;
        -ms-transform: translate(0%, 88%) !important;
            transform: translate(0%, 88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-88 {
    -webkit-transform: translate(0%, 88%) !important;
        -ms-transform: translate(0%, 88%) !important;
            transform: translate(0%, 88%) !important;
  }
}

.x-perc-center-neg-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-88%, -50%);
      -ms-transform: translate(-88%, -50%);
          transform: translate(-88%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-88%, -50%) !important;
        -ms-transform: translate(-88%, -50%) !important;
            transform: translate(-88%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-88%, -50%) !important;
        -ms-transform: translate(-88%, -50%) !important;
            transform: translate(-88%, -50%) !important;
  }
}

.x-perc-center-pos-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(88%, -50%);
      -ms-transform: translate(88%, -50%);
          transform: translate(88%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(88%, -50%) !important;
        -ms-transform: translate(88%, -50%) !important;
            transform: translate(88%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(88%, -50%) !important;
        -ms-transform: translate(88%, -50%) !important;
            transform: translate(88%, -50%) !important;
  }
}

.y-perc-center-neg-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -88%);
      -ms-transform: translate(-50%, -88%);
          transform: translate(-50%, -88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -88%) !important;
        -ms-transform: translate(-50%, -88%) !important;
            transform: translate(-50%, -88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -88%) !important;
        -ms-transform: translate(-50%, -88%) !important;
            transform: translate(-50%, -88%) !important;
  }
}

.y-perc-center-pos-88 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 88%);
      -ms-transform: translate(-50%, 88%);
          transform: translate(-50%, 88%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 88%) !important;
        -ms-transform: translate(-50%, 88%) !important;
            transform: translate(-50%, 88%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-88 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 88%) !important;
        -ms-transform: translate(-50%, 88%) !important;
            transform: translate(-50%, 88%) !important;
  }
}

.x-perc-neg-89 {
  -webkit-transform: translate(-89%, 0%);
      -ms-transform: translate(-89%, 0%);
          transform: translate(-89%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-89 {
    -webkit-transform: translate(-89%, 0%) !important;
        -ms-transform: translate(-89%, 0%) !important;
            transform: translate(-89%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-89 {
    -webkit-transform: translate(-89%, 0%) !important;
        -ms-transform: translate(-89%, 0%) !important;
            transform: translate(-89%, 0%) !important;
  }
}

.x-perc-pos-89 {
  -webkit-transform: translate(89%, 0%);
      -ms-transform: translate(89%, 0%);
          transform: translate(89%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-89 {
    -webkit-transform: translate(89%, 0%) !important;
        -ms-transform: translate(89%, 0%) !important;
            transform: translate(89%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-89 {
    -webkit-transform: translate(89%, 0%) !important;
        -ms-transform: translate(89%, 0%) !important;
            transform: translate(89%, 0%) !important;
  }
}

.y-perc-neg-89 {
  -webkit-transform: translate(0%, -89%);
      -ms-transform: translate(0%, -89%);
          transform: translate(0%, -89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-89 {
    -webkit-transform: translate(0%, -89%) !important;
        -ms-transform: translate(0%, -89%) !important;
            transform: translate(0%, -89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-89 {
    -webkit-transform: translate(0%, -89%) !important;
        -ms-transform: translate(0%, -89%) !important;
            transform: translate(0%, -89%) !important;
  }
}

.y-perc-pos-89 {
  -webkit-transform: translate(0%, 89%);
      -ms-transform: translate(0%, 89%);
          transform: translate(0%, 89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-89 {
    -webkit-transform: translate(0%, 89%) !important;
        -ms-transform: translate(0%, 89%) !important;
            transform: translate(0%, 89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-89 {
    -webkit-transform: translate(0%, 89%) !important;
        -ms-transform: translate(0%, 89%) !important;
            transform: translate(0%, 89%) !important;
  }
}

.x-perc-center-neg-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-89%, -50%);
      -ms-transform: translate(-89%, -50%);
          transform: translate(-89%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-89%, -50%) !important;
        -ms-transform: translate(-89%, -50%) !important;
            transform: translate(-89%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-89%, -50%) !important;
        -ms-transform: translate(-89%, -50%) !important;
            transform: translate(-89%, -50%) !important;
  }
}

.x-perc-center-pos-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(89%, -50%);
      -ms-transform: translate(89%, -50%);
          transform: translate(89%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(89%, -50%) !important;
        -ms-transform: translate(89%, -50%) !important;
            transform: translate(89%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(89%, -50%) !important;
        -ms-transform: translate(89%, -50%) !important;
            transform: translate(89%, -50%) !important;
  }
}

.y-perc-center-neg-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -89%);
      -ms-transform: translate(-50%, -89%);
          transform: translate(-50%, -89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -89%) !important;
        -ms-transform: translate(-50%, -89%) !important;
            transform: translate(-50%, -89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -89%) !important;
        -ms-transform: translate(-50%, -89%) !important;
            transform: translate(-50%, -89%) !important;
  }
}

.y-perc-center-pos-89 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 89%);
      -ms-transform: translate(-50%, 89%);
          transform: translate(-50%, 89%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 89%) !important;
        -ms-transform: translate(-50%, 89%) !important;
            transform: translate(-50%, 89%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-89 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 89%) !important;
        -ms-transform: translate(-50%, 89%) !important;
            transform: translate(-50%, 89%) !important;
  }
}

.x-perc-neg-90 {
  -webkit-transform: translate(-90%, 0%);
      -ms-transform: translate(-90%, 0%);
          transform: translate(-90%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-90 {
    -webkit-transform: translate(-90%, 0%) !important;
        -ms-transform: translate(-90%, 0%) !important;
            transform: translate(-90%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-90 {
    -webkit-transform: translate(-90%, 0%) !important;
        -ms-transform: translate(-90%, 0%) !important;
            transform: translate(-90%, 0%) !important;
  }
}

.x-perc-pos-90 {
  -webkit-transform: translate(90%, 0%);
      -ms-transform: translate(90%, 0%);
          transform: translate(90%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-90 {
    -webkit-transform: translate(90%, 0%) !important;
        -ms-transform: translate(90%, 0%) !important;
            transform: translate(90%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-90 {
    -webkit-transform: translate(90%, 0%) !important;
        -ms-transform: translate(90%, 0%) !important;
            transform: translate(90%, 0%) !important;
  }
}

.y-perc-neg-90 {
  -webkit-transform: translate(0%, -90%);
      -ms-transform: translate(0%, -90%);
          transform: translate(0%, -90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-90 {
    -webkit-transform: translate(0%, -90%) !important;
        -ms-transform: translate(0%, -90%) !important;
            transform: translate(0%, -90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-90 {
    -webkit-transform: translate(0%, -90%) !important;
        -ms-transform: translate(0%, -90%) !important;
            transform: translate(0%, -90%) !important;
  }
}

.y-perc-pos-90 {
  -webkit-transform: translate(0%, 90%);
      -ms-transform: translate(0%, 90%);
          transform: translate(0%, 90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-90 {
    -webkit-transform: translate(0%, 90%) !important;
        -ms-transform: translate(0%, 90%) !important;
            transform: translate(0%, 90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-90 {
    -webkit-transform: translate(0%, 90%) !important;
        -ms-transform: translate(0%, 90%) !important;
            transform: translate(0%, 90%) !important;
  }
}

.x-perc-center-neg-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-90%, -50%);
      -ms-transform: translate(-90%, -50%);
          transform: translate(-90%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-90%, -50%) !important;
        -ms-transform: translate(-90%, -50%) !important;
            transform: translate(-90%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-90%, -50%) !important;
        -ms-transform: translate(-90%, -50%) !important;
            transform: translate(-90%, -50%) !important;
  }
}

.x-perc-center-pos-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(90%, -50%);
      -ms-transform: translate(90%, -50%);
          transform: translate(90%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(90%, -50%) !important;
        -ms-transform: translate(90%, -50%) !important;
            transform: translate(90%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(90%, -50%) !important;
        -ms-transform: translate(90%, -50%) !important;
            transform: translate(90%, -50%) !important;
  }
}

.y-perc-center-neg-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -90%);
      -ms-transform: translate(-50%, -90%);
          transform: translate(-50%, -90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -90%) !important;
        -ms-transform: translate(-50%, -90%) !important;
            transform: translate(-50%, -90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -90%) !important;
        -ms-transform: translate(-50%, -90%) !important;
            transform: translate(-50%, -90%) !important;
  }
}

.y-perc-center-pos-90 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 90%);
      -ms-transform: translate(-50%, 90%);
          transform: translate(-50%, 90%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 90%) !important;
        -ms-transform: translate(-50%, 90%) !important;
            transform: translate(-50%, 90%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-90 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 90%) !important;
        -ms-transform: translate(-50%, 90%) !important;
            transform: translate(-50%, 90%) !important;
  }
}

.x-perc-neg-91 {
  -webkit-transform: translate(-91%, 0%);
      -ms-transform: translate(-91%, 0%);
          transform: translate(-91%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-91 {
    -webkit-transform: translate(-91%, 0%) !important;
        -ms-transform: translate(-91%, 0%) !important;
            transform: translate(-91%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-91 {
    -webkit-transform: translate(-91%, 0%) !important;
        -ms-transform: translate(-91%, 0%) !important;
            transform: translate(-91%, 0%) !important;
  }
}

.x-perc-pos-91 {
  -webkit-transform: translate(91%, 0%);
      -ms-transform: translate(91%, 0%);
          transform: translate(91%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-91 {
    -webkit-transform: translate(91%, 0%) !important;
        -ms-transform: translate(91%, 0%) !important;
            transform: translate(91%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-91 {
    -webkit-transform: translate(91%, 0%) !important;
        -ms-transform: translate(91%, 0%) !important;
            transform: translate(91%, 0%) !important;
  }
}

.y-perc-neg-91 {
  -webkit-transform: translate(0%, -91%);
      -ms-transform: translate(0%, -91%);
          transform: translate(0%, -91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-91 {
    -webkit-transform: translate(0%, -91%) !important;
        -ms-transform: translate(0%, -91%) !important;
            transform: translate(0%, -91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-91 {
    -webkit-transform: translate(0%, -91%) !important;
        -ms-transform: translate(0%, -91%) !important;
            transform: translate(0%, -91%) !important;
  }
}

.y-perc-pos-91 {
  -webkit-transform: translate(0%, 91%);
      -ms-transform: translate(0%, 91%);
          transform: translate(0%, 91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-91 {
    -webkit-transform: translate(0%, 91%) !important;
        -ms-transform: translate(0%, 91%) !important;
            transform: translate(0%, 91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-91 {
    -webkit-transform: translate(0%, 91%) !important;
        -ms-transform: translate(0%, 91%) !important;
            transform: translate(0%, 91%) !important;
  }
}

.x-perc-center-neg-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-91%, -50%);
      -ms-transform: translate(-91%, -50%);
          transform: translate(-91%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-91%, -50%) !important;
        -ms-transform: translate(-91%, -50%) !important;
            transform: translate(-91%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-91%, -50%) !important;
        -ms-transform: translate(-91%, -50%) !important;
            transform: translate(-91%, -50%) !important;
  }
}

.x-perc-center-pos-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(91%, -50%);
      -ms-transform: translate(91%, -50%);
          transform: translate(91%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(91%, -50%) !important;
        -ms-transform: translate(91%, -50%) !important;
            transform: translate(91%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(91%, -50%) !important;
        -ms-transform: translate(91%, -50%) !important;
            transform: translate(91%, -50%) !important;
  }
}

.y-perc-center-neg-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -91%);
      -ms-transform: translate(-50%, -91%);
          transform: translate(-50%, -91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -91%) !important;
        -ms-transform: translate(-50%, -91%) !important;
            transform: translate(-50%, -91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -91%) !important;
        -ms-transform: translate(-50%, -91%) !important;
            transform: translate(-50%, -91%) !important;
  }
}

.y-perc-center-pos-91 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 91%);
      -ms-transform: translate(-50%, 91%);
          transform: translate(-50%, 91%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 91%) !important;
        -ms-transform: translate(-50%, 91%) !important;
            transform: translate(-50%, 91%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-91 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 91%) !important;
        -ms-transform: translate(-50%, 91%) !important;
            transform: translate(-50%, 91%) !important;
  }
}

.x-perc-neg-92 {
  -webkit-transform: translate(-92%, 0%);
      -ms-transform: translate(-92%, 0%);
          transform: translate(-92%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-92 {
    -webkit-transform: translate(-92%, 0%) !important;
        -ms-transform: translate(-92%, 0%) !important;
            transform: translate(-92%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-92 {
    -webkit-transform: translate(-92%, 0%) !important;
        -ms-transform: translate(-92%, 0%) !important;
            transform: translate(-92%, 0%) !important;
  }
}

.x-perc-pos-92 {
  -webkit-transform: translate(92%, 0%);
      -ms-transform: translate(92%, 0%);
          transform: translate(92%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-92 {
    -webkit-transform: translate(92%, 0%) !important;
        -ms-transform: translate(92%, 0%) !important;
            transform: translate(92%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-92 {
    -webkit-transform: translate(92%, 0%) !important;
        -ms-transform: translate(92%, 0%) !important;
            transform: translate(92%, 0%) !important;
  }
}

.y-perc-neg-92 {
  -webkit-transform: translate(0%, -92%);
      -ms-transform: translate(0%, -92%);
          transform: translate(0%, -92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-92 {
    -webkit-transform: translate(0%, -92%) !important;
        -ms-transform: translate(0%, -92%) !important;
            transform: translate(0%, -92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-92 {
    -webkit-transform: translate(0%, -92%) !important;
        -ms-transform: translate(0%, -92%) !important;
            transform: translate(0%, -92%) !important;
  }
}

.y-perc-pos-92 {
  -webkit-transform: translate(0%, 92%);
      -ms-transform: translate(0%, 92%);
          transform: translate(0%, 92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-92 {
    -webkit-transform: translate(0%, 92%) !important;
        -ms-transform: translate(0%, 92%) !important;
            transform: translate(0%, 92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-92 {
    -webkit-transform: translate(0%, 92%) !important;
        -ms-transform: translate(0%, 92%) !important;
            transform: translate(0%, 92%) !important;
  }
}

.x-perc-center-neg-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-92%, -50%);
      -ms-transform: translate(-92%, -50%);
          transform: translate(-92%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-92%, -50%) !important;
        -ms-transform: translate(-92%, -50%) !important;
            transform: translate(-92%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-92%, -50%) !important;
        -ms-transform: translate(-92%, -50%) !important;
            transform: translate(-92%, -50%) !important;
  }
}

.x-perc-center-pos-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(92%, -50%);
      -ms-transform: translate(92%, -50%);
          transform: translate(92%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(92%, -50%) !important;
        -ms-transform: translate(92%, -50%) !important;
            transform: translate(92%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(92%, -50%) !important;
        -ms-transform: translate(92%, -50%) !important;
            transform: translate(92%, -50%) !important;
  }
}

.y-perc-center-neg-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -92%);
      -ms-transform: translate(-50%, -92%);
          transform: translate(-50%, -92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -92%) !important;
        -ms-transform: translate(-50%, -92%) !important;
            transform: translate(-50%, -92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -92%) !important;
        -ms-transform: translate(-50%, -92%) !important;
            transform: translate(-50%, -92%) !important;
  }
}

.y-perc-center-pos-92 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 92%);
      -ms-transform: translate(-50%, 92%);
          transform: translate(-50%, 92%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 92%) !important;
        -ms-transform: translate(-50%, 92%) !important;
            transform: translate(-50%, 92%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-92 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 92%) !important;
        -ms-transform: translate(-50%, 92%) !important;
            transform: translate(-50%, 92%) !important;
  }
}

.x-perc-neg-93 {
  -webkit-transform: translate(-93%, 0%);
      -ms-transform: translate(-93%, 0%);
          transform: translate(-93%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-93 {
    -webkit-transform: translate(-93%, 0%) !important;
        -ms-transform: translate(-93%, 0%) !important;
            transform: translate(-93%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-93 {
    -webkit-transform: translate(-93%, 0%) !important;
        -ms-transform: translate(-93%, 0%) !important;
            transform: translate(-93%, 0%) !important;
  }
}

.x-perc-pos-93 {
  -webkit-transform: translate(93%, 0%);
      -ms-transform: translate(93%, 0%);
          transform: translate(93%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-93 {
    -webkit-transform: translate(93%, 0%) !important;
        -ms-transform: translate(93%, 0%) !important;
            transform: translate(93%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-93 {
    -webkit-transform: translate(93%, 0%) !important;
        -ms-transform: translate(93%, 0%) !important;
            transform: translate(93%, 0%) !important;
  }
}

.y-perc-neg-93 {
  -webkit-transform: translate(0%, -93%);
      -ms-transform: translate(0%, -93%);
          transform: translate(0%, -93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-93 {
    -webkit-transform: translate(0%, -93%) !important;
        -ms-transform: translate(0%, -93%) !important;
            transform: translate(0%, -93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-93 {
    -webkit-transform: translate(0%, -93%) !important;
        -ms-transform: translate(0%, -93%) !important;
            transform: translate(0%, -93%) !important;
  }
}

.y-perc-pos-93 {
  -webkit-transform: translate(0%, 93%);
      -ms-transform: translate(0%, 93%);
          transform: translate(0%, 93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-93 {
    -webkit-transform: translate(0%, 93%) !important;
        -ms-transform: translate(0%, 93%) !important;
            transform: translate(0%, 93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-93 {
    -webkit-transform: translate(0%, 93%) !important;
        -ms-transform: translate(0%, 93%) !important;
            transform: translate(0%, 93%) !important;
  }
}

.x-perc-center-neg-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-93%, -50%);
      -ms-transform: translate(-93%, -50%);
          transform: translate(-93%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-93%, -50%) !important;
        -ms-transform: translate(-93%, -50%) !important;
            transform: translate(-93%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-93%, -50%) !important;
        -ms-transform: translate(-93%, -50%) !important;
            transform: translate(-93%, -50%) !important;
  }
}

.x-perc-center-pos-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(93%, -50%);
      -ms-transform: translate(93%, -50%);
          transform: translate(93%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(93%, -50%) !important;
        -ms-transform: translate(93%, -50%) !important;
            transform: translate(93%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(93%, -50%) !important;
        -ms-transform: translate(93%, -50%) !important;
            transform: translate(93%, -50%) !important;
  }
}

.y-perc-center-neg-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -93%);
      -ms-transform: translate(-50%, -93%);
          transform: translate(-50%, -93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -93%) !important;
        -ms-transform: translate(-50%, -93%) !important;
            transform: translate(-50%, -93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -93%) !important;
        -ms-transform: translate(-50%, -93%) !important;
            transform: translate(-50%, -93%) !important;
  }
}

.y-perc-center-pos-93 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 93%);
      -ms-transform: translate(-50%, 93%);
          transform: translate(-50%, 93%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 93%) !important;
        -ms-transform: translate(-50%, 93%) !important;
            transform: translate(-50%, 93%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-93 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 93%) !important;
        -ms-transform: translate(-50%, 93%) !important;
            transform: translate(-50%, 93%) !important;
  }
}

.x-perc-neg-94 {
  -webkit-transform: translate(-94%, 0%);
      -ms-transform: translate(-94%, 0%);
          transform: translate(-94%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-94 {
    -webkit-transform: translate(-94%, 0%) !important;
        -ms-transform: translate(-94%, 0%) !important;
            transform: translate(-94%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-94 {
    -webkit-transform: translate(-94%, 0%) !important;
        -ms-transform: translate(-94%, 0%) !important;
            transform: translate(-94%, 0%) !important;
  }
}

.x-perc-pos-94 {
  -webkit-transform: translate(94%, 0%);
      -ms-transform: translate(94%, 0%);
          transform: translate(94%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-94 {
    -webkit-transform: translate(94%, 0%) !important;
        -ms-transform: translate(94%, 0%) !important;
            transform: translate(94%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-94 {
    -webkit-transform: translate(94%, 0%) !important;
        -ms-transform: translate(94%, 0%) !important;
            transform: translate(94%, 0%) !important;
  }
}

.y-perc-neg-94 {
  -webkit-transform: translate(0%, -94%);
      -ms-transform: translate(0%, -94%);
          transform: translate(0%, -94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-94 {
    -webkit-transform: translate(0%, -94%) !important;
        -ms-transform: translate(0%, -94%) !important;
            transform: translate(0%, -94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-94 {
    -webkit-transform: translate(0%, -94%) !important;
        -ms-transform: translate(0%, -94%) !important;
            transform: translate(0%, -94%) !important;
  }
}

.y-perc-pos-94 {
  -webkit-transform: translate(0%, 94%);
      -ms-transform: translate(0%, 94%);
          transform: translate(0%, 94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-94 {
    -webkit-transform: translate(0%, 94%) !important;
        -ms-transform: translate(0%, 94%) !important;
            transform: translate(0%, 94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-94 {
    -webkit-transform: translate(0%, 94%) !important;
        -ms-transform: translate(0%, 94%) !important;
            transform: translate(0%, 94%) !important;
  }
}

.x-perc-center-neg-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-94%, -50%);
      -ms-transform: translate(-94%, -50%);
          transform: translate(-94%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-94%, -50%) !important;
        -ms-transform: translate(-94%, -50%) !important;
            transform: translate(-94%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-94%, -50%) !important;
        -ms-transform: translate(-94%, -50%) !important;
            transform: translate(-94%, -50%) !important;
  }
}

.x-perc-center-pos-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(94%, -50%);
      -ms-transform: translate(94%, -50%);
          transform: translate(94%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(94%, -50%) !important;
        -ms-transform: translate(94%, -50%) !important;
            transform: translate(94%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(94%, -50%) !important;
        -ms-transform: translate(94%, -50%) !important;
            transform: translate(94%, -50%) !important;
  }
}

.y-perc-center-neg-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -94%);
      -ms-transform: translate(-50%, -94%);
          transform: translate(-50%, -94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -94%) !important;
        -ms-transform: translate(-50%, -94%) !important;
            transform: translate(-50%, -94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -94%) !important;
        -ms-transform: translate(-50%, -94%) !important;
            transform: translate(-50%, -94%) !important;
  }
}

.y-perc-center-pos-94 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 94%);
      -ms-transform: translate(-50%, 94%);
          transform: translate(-50%, 94%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 94%) !important;
        -ms-transform: translate(-50%, 94%) !important;
            transform: translate(-50%, 94%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-94 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 94%) !important;
        -ms-transform: translate(-50%, 94%) !important;
            transform: translate(-50%, 94%) !important;
  }
}

.x-perc-neg-95 {
  -webkit-transform: translate(-95%, 0%);
      -ms-transform: translate(-95%, 0%);
          transform: translate(-95%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-95 {
    -webkit-transform: translate(-95%, 0%) !important;
        -ms-transform: translate(-95%, 0%) !important;
            transform: translate(-95%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-95 {
    -webkit-transform: translate(-95%, 0%) !important;
        -ms-transform: translate(-95%, 0%) !important;
            transform: translate(-95%, 0%) !important;
  }
}

.x-perc-pos-95 {
  -webkit-transform: translate(95%, 0%);
      -ms-transform: translate(95%, 0%);
          transform: translate(95%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-95 {
    -webkit-transform: translate(95%, 0%) !important;
        -ms-transform: translate(95%, 0%) !important;
            transform: translate(95%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-95 {
    -webkit-transform: translate(95%, 0%) !important;
        -ms-transform: translate(95%, 0%) !important;
            transform: translate(95%, 0%) !important;
  }
}

.y-perc-neg-95 {
  -webkit-transform: translate(0%, -95%);
      -ms-transform: translate(0%, -95%);
          transform: translate(0%, -95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-95 {
    -webkit-transform: translate(0%, -95%) !important;
        -ms-transform: translate(0%, -95%) !important;
            transform: translate(0%, -95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-95 {
    -webkit-transform: translate(0%, -95%) !important;
        -ms-transform: translate(0%, -95%) !important;
            transform: translate(0%, -95%) !important;
  }
}

.y-perc-pos-95 {
  -webkit-transform: translate(0%, 95%);
      -ms-transform: translate(0%, 95%);
          transform: translate(0%, 95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-95 {
    -webkit-transform: translate(0%, 95%) !important;
        -ms-transform: translate(0%, 95%) !important;
            transform: translate(0%, 95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-95 {
    -webkit-transform: translate(0%, 95%) !important;
        -ms-transform: translate(0%, 95%) !important;
            transform: translate(0%, 95%) !important;
  }
}

.x-perc-center-neg-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-95%, -50%);
      -ms-transform: translate(-95%, -50%);
          transform: translate(-95%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-95%, -50%) !important;
        -ms-transform: translate(-95%, -50%) !important;
            transform: translate(-95%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-95%, -50%) !important;
        -ms-transform: translate(-95%, -50%) !important;
            transform: translate(-95%, -50%) !important;
  }
}

.x-perc-center-pos-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(95%, -50%);
      -ms-transform: translate(95%, -50%);
          transform: translate(95%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(95%, -50%) !important;
        -ms-transform: translate(95%, -50%) !important;
            transform: translate(95%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(95%, -50%) !important;
        -ms-transform: translate(95%, -50%) !important;
            transform: translate(95%, -50%) !important;
  }
}

.y-perc-center-neg-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -95%);
      -ms-transform: translate(-50%, -95%);
          transform: translate(-50%, -95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -95%) !important;
        -ms-transform: translate(-50%, -95%) !important;
            transform: translate(-50%, -95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -95%) !important;
        -ms-transform: translate(-50%, -95%) !important;
            transform: translate(-50%, -95%) !important;
  }
}

.y-perc-center-pos-95 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 95%);
      -ms-transform: translate(-50%, 95%);
          transform: translate(-50%, 95%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 95%) !important;
        -ms-transform: translate(-50%, 95%) !important;
            transform: translate(-50%, 95%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-95 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 95%) !important;
        -ms-transform: translate(-50%, 95%) !important;
            transform: translate(-50%, 95%) !important;
  }
}

.x-perc-neg-96 {
  -webkit-transform: translate(-96%, 0%);
      -ms-transform: translate(-96%, 0%);
          transform: translate(-96%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-96 {
    -webkit-transform: translate(-96%, 0%) !important;
        -ms-transform: translate(-96%, 0%) !important;
            transform: translate(-96%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-96 {
    -webkit-transform: translate(-96%, 0%) !important;
        -ms-transform: translate(-96%, 0%) !important;
            transform: translate(-96%, 0%) !important;
  }
}

.x-perc-pos-96 {
  -webkit-transform: translate(96%, 0%);
      -ms-transform: translate(96%, 0%);
          transform: translate(96%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-96 {
    -webkit-transform: translate(96%, 0%) !important;
        -ms-transform: translate(96%, 0%) !important;
            transform: translate(96%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-96 {
    -webkit-transform: translate(96%, 0%) !important;
        -ms-transform: translate(96%, 0%) !important;
            transform: translate(96%, 0%) !important;
  }
}

.y-perc-neg-96 {
  -webkit-transform: translate(0%, -96%);
      -ms-transform: translate(0%, -96%);
          transform: translate(0%, -96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-96 {
    -webkit-transform: translate(0%, -96%) !important;
        -ms-transform: translate(0%, -96%) !important;
            transform: translate(0%, -96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-96 {
    -webkit-transform: translate(0%, -96%) !important;
        -ms-transform: translate(0%, -96%) !important;
            transform: translate(0%, -96%) !important;
  }
}

.y-perc-pos-96 {
  -webkit-transform: translate(0%, 96%);
      -ms-transform: translate(0%, 96%);
          transform: translate(0%, 96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-96 {
    -webkit-transform: translate(0%, 96%) !important;
        -ms-transform: translate(0%, 96%) !important;
            transform: translate(0%, 96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-96 {
    -webkit-transform: translate(0%, 96%) !important;
        -ms-transform: translate(0%, 96%) !important;
            transform: translate(0%, 96%) !important;
  }
}

.x-perc-center-neg-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-96%, -50%);
      -ms-transform: translate(-96%, -50%);
          transform: translate(-96%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-96%, -50%) !important;
        -ms-transform: translate(-96%, -50%) !important;
            transform: translate(-96%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-96%, -50%) !important;
        -ms-transform: translate(-96%, -50%) !important;
            transform: translate(-96%, -50%) !important;
  }
}

.x-perc-center-pos-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(96%, -50%);
      -ms-transform: translate(96%, -50%);
          transform: translate(96%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(96%, -50%) !important;
        -ms-transform: translate(96%, -50%) !important;
            transform: translate(96%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(96%, -50%) !important;
        -ms-transform: translate(96%, -50%) !important;
            transform: translate(96%, -50%) !important;
  }
}

.y-perc-center-neg-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -96%);
      -ms-transform: translate(-50%, -96%);
          transform: translate(-50%, -96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -96%) !important;
        -ms-transform: translate(-50%, -96%) !important;
            transform: translate(-50%, -96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -96%) !important;
        -ms-transform: translate(-50%, -96%) !important;
            transform: translate(-50%, -96%) !important;
  }
}

.y-perc-center-pos-96 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 96%);
      -ms-transform: translate(-50%, 96%);
          transform: translate(-50%, 96%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 96%) !important;
        -ms-transform: translate(-50%, 96%) !important;
            transform: translate(-50%, 96%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-96 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 96%) !important;
        -ms-transform: translate(-50%, 96%) !important;
            transform: translate(-50%, 96%) !important;
  }
}

.x-perc-neg-97 {
  -webkit-transform: translate(-97%, 0%);
      -ms-transform: translate(-97%, 0%);
          transform: translate(-97%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-97 {
    -webkit-transform: translate(-97%, 0%) !important;
        -ms-transform: translate(-97%, 0%) !important;
            transform: translate(-97%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-97 {
    -webkit-transform: translate(-97%, 0%) !important;
        -ms-transform: translate(-97%, 0%) !important;
            transform: translate(-97%, 0%) !important;
  }
}

.x-perc-pos-97 {
  -webkit-transform: translate(97%, 0%);
      -ms-transform: translate(97%, 0%);
          transform: translate(97%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-97 {
    -webkit-transform: translate(97%, 0%) !important;
        -ms-transform: translate(97%, 0%) !important;
            transform: translate(97%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-97 {
    -webkit-transform: translate(97%, 0%) !important;
        -ms-transform: translate(97%, 0%) !important;
            transform: translate(97%, 0%) !important;
  }
}

.y-perc-neg-97 {
  -webkit-transform: translate(0%, -97%);
      -ms-transform: translate(0%, -97%);
          transform: translate(0%, -97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-97 {
    -webkit-transform: translate(0%, -97%) !important;
        -ms-transform: translate(0%, -97%) !important;
            transform: translate(0%, -97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-97 {
    -webkit-transform: translate(0%, -97%) !important;
        -ms-transform: translate(0%, -97%) !important;
            transform: translate(0%, -97%) !important;
  }
}

.y-perc-pos-97 {
  -webkit-transform: translate(0%, 97%);
      -ms-transform: translate(0%, 97%);
          transform: translate(0%, 97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-97 {
    -webkit-transform: translate(0%, 97%) !important;
        -ms-transform: translate(0%, 97%) !important;
            transform: translate(0%, 97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-97 {
    -webkit-transform: translate(0%, 97%) !important;
        -ms-transform: translate(0%, 97%) !important;
            transform: translate(0%, 97%) !important;
  }
}

.x-perc-center-neg-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-97%, -50%);
      -ms-transform: translate(-97%, -50%);
          transform: translate(-97%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-97%, -50%) !important;
        -ms-transform: translate(-97%, -50%) !important;
            transform: translate(-97%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-97%, -50%) !important;
        -ms-transform: translate(-97%, -50%) !important;
            transform: translate(-97%, -50%) !important;
  }
}

.x-perc-center-pos-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(97%, -50%);
      -ms-transform: translate(97%, -50%);
          transform: translate(97%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(97%, -50%) !important;
        -ms-transform: translate(97%, -50%) !important;
            transform: translate(97%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(97%, -50%) !important;
        -ms-transform: translate(97%, -50%) !important;
            transform: translate(97%, -50%) !important;
  }
}

.y-perc-center-neg-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -97%);
      -ms-transform: translate(-50%, -97%);
          transform: translate(-50%, -97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -97%) !important;
        -ms-transform: translate(-50%, -97%) !important;
            transform: translate(-50%, -97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -97%) !important;
        -ms-transform: translate(-50%, -97%) !important;
            transform: translate(-50%, -97%) !important;
  }
}

.y-perc-center-pos-97 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 97%);
      -ms-transform: translate(-50%, 97%);
          transform: translate(-50%, 97%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 97%) !important;
        -ms-transform: translate(-50%, 97%) !important;
            transform: translate(-50%, 97%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-97 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 97%) !important;
        -ms-transform: translate(-50%, 97%) !important;
            transform: translate(-50%, 97%) !important;
  }
}

.x-perc-neg-98 {
  -webkit-transform: translate(-98%, 0%);
      -ms-transform: translate(-98%, 0%);
          transform: translate(-98%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-98 {
    -webkit-transform: translate(-98%, 0%) !important;
        -ms-transform: translate(-98%, 0%) !important;
            transform: translate(-98%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-98 {
    -webkit-transform: translate(-98%, 0%) !important;
        -ms-transform: translate(-98%, 0%) !important;
            transform: translate(-98%, 0%) !important;
  }
}

.x-perc-pos-98 {
  -webkit-transform: translate(98%, 0%);
      -ms-transform: translate(98%, 0%);
          transform: translate(98%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-98 {
    -webkit-transform: translate(98%, 0%) !important;
        -ms-transform: translate(98%, 0%) !important;
            transform: translate(98%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-98 {
    -webkit-transform: translate(98%, 0%) !important;
        -ms-transform: translate(98%, 0%) !important;
            transform: translate(98%, 0%) !important;
  }
}

.y-perc-neg-98 {
  -webkit-transform: translate(0%, -98%);
      -ms-transform: translate(0%, -98%);
          transform: translate(0%, -98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-98 {
    -webkit-transform: translate(0%, -98%) !important;
        -ms-transform: translate(0%, -98%) !important;
            transform: translate(0%, -98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-98 {
    -webkit-transform: translate(0%, -98%) !important;
        -ms-transform: translate(0%, -98%) !important;
            transform: translate(0%, -98%) !important;
  }
}

.y-perc-pos-98 {
  -webkit-transform: translate(0%, 98%);
      -ms-transform: translate(0%, 98%);
          transform: translate(0%, 98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-98 {
    -webkit-transform: translate(0%, 98%) !important;
        -ms-transform: translate(0%, 98%) !important;
            transform: translate(0%, 98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-98 {
    -webkit-transform: translate(0%, 98%) !important;
        -ms-transform: translate(0%, 98%) !important;
            transform: translate(0%, 98%) !important;
  }
}

.x-perc-center-neg-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-98%, -50%);
      -ms-transform: translate(-98%, -50%);
          transform: translate(-98%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-98%, -50%) !important;
        -ms-transform: translate(-98%, -50%) !important;
            transform: translate(-98%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-98%, -50%) !important;
        -ms-transform: translate(-98%, -50%) !important;
            transform: translate(-98%, -50%) !important;
  }
}

.x-perc-center-pos-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(98%, -50%);
      -ms-transform: translate(98%, -50%);
          transform: translate(98%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(98%, -50%) !important;
        -ms-transform: translate(98%, -50%) !important;
            transform: translate(98%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(98%, -50%) !important;
        -ms-transform: translate(98%, -50%) !important;
            transform: translate(98%, -50%) !important;
  }
}

.y-perc-center-neg-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -98%);
      -ms-transform: translate(-50%, -98%);
          transform: translate(-50%, -98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -98%) !important;
        -ms-transform: translate(-50%, -98%) !important;
            transform: translate(-50%, -98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -98%) !important;
        -ms-transform: translate(-50%, -98%) !important;
            transform: translate(-50%, -98%) !important;
  }
}

.y-perc-center-pos-98 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 98%);
      -ms-transform: translate(-50%, 98%);
          transform: translate(-50%, 98%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 98%) !important;
        -ms-transform: translate(-50%, 98%) !important;
            transform: translate(-50%, 98%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-98 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 98%) !important;
        -ms-transform: translate(-50%, 98%) !important;
            transform: translate(-50%, 98%) !important;
  }
}

.x-perc-neg-99 {
  -webkit-transform: translate(-99%, 0%);
      -ms-transform: translate(-99%, 0%);
          transform: translate(-99%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-99 {
    -webkit-transform: translate(-99%, 0%) !important;
        -ms-transform: translate(-99%, 0%) !important;
            transform: translate(-99%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-99 {
    -webkit-transform: translate(-99%, 0%) !important;
        -ms-transform: translate(-99%, 0%) !important;
            transform: translate(-99%, 0%) !important;
  }
}

.x-perc-pos-99 {
  -webkit-transform: translate(99%, 0%);
      -ms-transform: translate(99%, 0%);
          transform: translate(99%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-99 {
    -webkit-transform: translate(99%, 0%) !important;
        -ms-transform: translate(99%, 0%) !important;
            transform: translate(99%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-99 {
    -webkit-transform: translate(99%, 0%) !important;
        -ms-transform: translate(99%, 0%) !important;
            transform: translate(99%, 0%) !important;
  }
}

.y-perc-neg-99 {
  -webkit-transform: translate(0%, -99%);
      -ms-transform: translate(0%, -99%);
          transform: translate(0%, -99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-99 {
    -webkit-transform: translate(0%, -99%) !important;
        -ms-transform: translate(0%, -99%) !important;
            transform: translate(0%, -99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-99 {
    -webkit-transform: translate(0%, -99%) !important;
        -ms-transform: translate(0%, -99%) !important;
            transform: translate(0%, -99%) !important;
  }
}

.y-perc-pos-99 {
  -webkit-transform: translate(0%, 99%);
      -ms-transform: translate(0%, 99%);
          transform: translate(0%, 99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-99 {
    -webkit-transform: translate(0%, 99%) !important;
        -ms-transform: translate(0%, 99%) !important;
            transform: translate(0%, 99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-99 {
    -webkit-transform: translate(0%, 99%) !important;
        -ms-transform: translate(0%, 99%) !important;
            transform: translate(0%, 99%) !important;
  }
}

.x-perc-center-neg-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-99%, -50%);
      -ms-transform: translate(-99%, -50%);
          transform: translate(-99%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-99%, -50%) !important;
        -ms-transform: translate(-99%, -50%) !important;
            transform: translate(-99%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-99%, -50%) !important;
        -ms-transform: translate(-99%, -50%) !important;
            transform: translate(-99%, -50%) !important;
  }
}

.x-perc-center-pos-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(99%, -50%);
      -ms-transform: translate(99%, -50%);
          transform: translate(99%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(99%, -50%) !important;
        -ms-transform: translate(99%, -50%) !important;
            transform: translate(99%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(99%, -50%) !important;
        -ms-transform: translate(99%, -50%) !important;
            transform: translate(99%, -50%) !important;
  }
}

.y-perc-center-neg-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -99%);
      -ms-transform: translate(-50%, -99%);
          transform: translate(-50%, -99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -99%) !important;
        -ms-transform: translate(-50%, -99%) !important;
            transform: translate(-50%, -99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -99%) !important;
        -ms-transform: translate(-50%, -99%) !important;
            transform: translate(-50%, -99%) !important;
  }
}

.y-perc-center-pos-99 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 99%);
      -ms-transform: translate(-50%, 99%);
          transform: translate(-50%, 99%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 99%) !important;
        -ms-transform: translate(-50%, 99%) !important;
            transform: translate(-50%, 99%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-99 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 99%) !important;
        -ms-transform: translate(-50%, 99%) !important;
            transform: translate(-50%, 99%) !important;
  }
}

.x-perc-neg-100 {
  -webkit-transform: translate(-100%, 0%);
      -ms-transform: translate(-100%, 0%);
          transform: translate(-100%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-neg-100 {
    -webkit-transform: translate(-100%, 0%) !important;
        -ms-transform: translate(-100%, 0%) !important;
            transform: translate(-100%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-neg-100 {
    -webkit-transform: translate(-100%, 0%) !important;
        -ms-transform: translate(-100%, 0%) !important;
            transform: translate(-100%, 0%) !important;
  }
}

.x-perc-pos-100 {
  -webkit-transform: translate(100%, 0%);
      -ms-transform: translate(100%, 0%);
          transform: translate(100%, 0%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-pos-100 {
    -webkit-transform: translate(100%, 0%) !important;
        -ms-transform: translate(100%, 0%) !important;
            transform: translate(100%, 0%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-pos-100 {
    -webkit-transform: translate(100%, 0%) !important;
        -ms-transform: translate(100%, 0%) !important;
            transform: translate(100%, 0%) !important;
  }
}

.y-perc-neg-100 {
  -webkit-transform: translate(0%, -100%);
      -ms-transform: translate(0%, -100%);
          transform: translate(0%, -100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-neg-100 {
    -webkit-transform: translate(0%, -100%) !important;
        -ms-transform: translate(0%, -100%) !important;
            transform: translate(0%, -100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-neg-100 {
    -webkit-transform: translate(0%, -100%) !important;
        -ms-transform: translate(0%, -100%) !important;
            transform: translate(0%, -100%) !important;
  }
}

.y-perc-pos-100 {
  -webkit-transform: translate(0%, 100%);
      -ms-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-pos-100 {
    -webkit-transform: translate(0%, 100%) !important;
        -ms-transform: translate(0%, 100%) !important;
            transform: translate(0%, 100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-pos-100 {
    -webkit-transform: translate(0%, 100%) !important;
        -ms-transform: translate(0%, 100%) !important;
            transform: translate(0%, 100%) !important;
  }
}

.x-perc-center-neg-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-100%, -50%) !important;
        -ms-transform: translate(-100%, -50%) !important;
            transform: translate(-100%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-100%, -50%) !important;
        -ms-transform: translate(-100%, -50%) !important;
            transform: translate(-100%, -50%) !important;
  }
}

.x-perc-center-pos-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:x-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(100%, -50%) !important;
        -ms-transform: translate(100%, -50%) !important;
            transform: translate(100%, -50%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:x-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(100%, -50%) !important;
        -ms-transform: translate(100%, -50%) !important;
            transform: translate(100%, -50%) !important;
  }
}

.y-perc-center-neg-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -100%) !important;
        -ms-transform: translate(-50%, -100%) !important;
            transform: translate(-50%, -100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-neg-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -100%) !important;
        -ms-transform: translate(-50%, -100%) !important;
            transform: translate(-50%, -100%) !important;
  }
}

.y-perc-center-pos-100 {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

@media only screen and (max-width: 1280px) {
  .tablet\:y-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 100%) !important;
        -ms-transform: translate(-50%, 100%) !important;
            transform: translate(-50%, 100%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:y-perc-center-pos-100 {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, 100%) !important;
        -ms-transform: translate(-50%, 100%) !important;
            transform: translate(-50%, 100%) !important;
  }
}

.m-auto {
  margin: auto;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-auto {
    margin: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-auto {
    margin: auto !important;
  }
}

.ml-auto {
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .tablet\:ml-auto {
    margin-left: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-auto {
    margin-left: auto !important;
  }
}

.mr-auto {
  margin-right: auto;
}

@media only screen and (max-width: 767px) {
  .tablet\:mr-auto {
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-auto {
    margin-right: auto !important;
  }
}

.p-6 {
  padding: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-6 {
    padding: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-6 {
    padding: 96px !important;
  }
}

.pt-6 {
  padding-top: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-6 {
    padding-top: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-6 {
    padding-top: 96px !important;
  }
}

.pb-6 {
  padding-bottom: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-6 {
    padding-bottom: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-6 {
    padding-bottom: 96px !important;
  }
}

.pr-6 {
  padding-right: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-6 {
    padding-right: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-6 {
    padding-right: 96px !important;
  }
}

.pl-6 {
  padding-left: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-6 {
    padding-left: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-6 {
    padding-left: 96px !important;
  }
}

.py-6 {
  padding-top: 96px;
  padding-bottom: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-6 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-6 {
    padding-top: 96px;
    padding-bottom: 96px;
  }
}

.px-6 {
  padding-right: 96px;
  padding-left: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-6 {
    padding-right: 96px;
    padding-left: 96px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-6 {
    padding-right: 96px;
    padding-left: 96px;
  }
}

.p-7 {
  padding: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-7 {
    padding: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-7 {
    padding: 112px !important;
  }
}

.pt-7 {
  padding-top: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-7 {
    padding-top: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-7 {
    padding-top: 112px !important;
  }
}

.pb-7 {
  padding-bottom: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-7 {
    padding-bottom: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-7 {
    padding-bottom: 112px !important;
  }
}

.pr-7 {
  padding-right: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-7 {
    padding-right: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-7 {
    padding-right: 112px !important;
  }
}

.pl-7 {
  padding-left: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-7 {
    padding-left: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-7 {
    padding-left: 112px !important;
  }
}

.py-7 {
  padding-top: 112px;
  padding-bottom: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-7 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-7 {
    padding-top: 112px;
    padding-bottom: 112px;
  }
}

.px-7 {
  padding-right: 112px;
  padding-left: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-7 {
    padding-right: 112px;
    padding-left: 112px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-7 {
    padding-right: 112px;
    padding-left: 112px;
  }
}

.p-8 {
  padding: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-8 {
    padding: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-8 {
    padding: 128px !important;
  }
}

.pt-8 {
  padding-top: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-8 {
    padding-top: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-8 {
    padding-top: 128px !important;
  }
}

.pb-8 {
  padding-bottom: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-8 {
    padding-bottom: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-8 {
    padding-bottom: 128px !important;
  }
}

.pr-8 {
  padding-right: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-8 {
    padding-right: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-8 {
    padding-right: 128px !important;
  }
}

.pl-8 {
  padding-left: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-8 {
    padding-left: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-8 {
    padding-left: 128px !important;
  }
}

.py-8 {
  padding-top: 128px;
  padding-bottom: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-8 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-8 {
    padding-top: 128px;
    padding-bottom: 128px;
  }
}

.px-8 {
  padding-right: 128px;
  padding-left: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-8 {
    padding-right: 128px;
    padding-left: 128px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-8 {
    padding-right: 128px;
    padding-left: 128px;
  }
}

.p-9 {
  padding: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-9 {
    padding: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-9 {
    padding: 144px !important;
  }
}

.pt-9 {
  padding-top: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-9 {
    padding-top: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-9 {
    padding-top: 144px !important;
  }
}

.pb-9 {
  padding-bottom: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-9 {
    padding-bottom: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-9 {
    padding-bottom: 144px !important;
  }
}

.pr-9 {
  padding-right: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-9 {
    padding-right: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-9 {
    padding-right: 144px !important;
  }
}

.pl-9 {
  padding-left: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-9 {
    padding-left: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-9 {
    padding-left: 144px !important;
  }
}

.py-9 {
  padding-top: 144px;
  padding-bottom: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-9 {
    padding-top: 144px;
    padding-bottom: 144px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-9 {
    padding-top: 144px;
    padding-bottom: 144px;
  }
}

.px-9 {
  padding-right: 144px;
  padding-left: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-9 {
    padding-right: 144px;
    padding-left: 144px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-9 {
    padding-right: 144px;
    padding-left: 144px;
  }
}

.p-10 {
  padding: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-10 {
    padding: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-10 {
    padding: 160px !important;
  }
}

.pt-10 {
  padding-top: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-10 {
    padding-top: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-10 {
    padding-top: 160px !important;
  }
}

.pb-10 {
  padding-bottom: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-10 {
    padding-bottom: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-10 {
    padding-bottom: 160px !important;
  }
}

.pr-10 {
  padding-right: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-10 {
    padding-right: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-10 {
    padding-right: 160px !important;
  }
}

.pl-10 {
  padding-left: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-10 {
    padding-left: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-10 {
    padding-left: 160px !important;
  }
}

.py-10 {
  padding-top: 160px;
  padding-bottom: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-10 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-10 {
    padding-top: 160px;
    padding-bottom: 160px;
  }
}

.px-10 {
  padding-right: 160px;
  padding-left: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-10 {
    padding-right: 160px;
    padding-left: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-10 {
    padding-right: 160px;
    padding-left: 160px;
  }
}

.p-11 {
  padding: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-11 {
    padding: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-11 {
    padding: 176px !important;
  }
}

.pt-11 {
  padding-top: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-11 {
    padding-top: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-11 {
    padding-top: 176px !important;
  }
}

.pb-11 {
  padding-bottom: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-11 {
    padding-bottom: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-11 {
    padding-bottom: 176px !important;
  }
}

.pr-11 {
  padding-right: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-11 {
    padding-right: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-11 {
    padding-right: 176px !important;
  }
}

.pl-11 {
  padding-left: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-11 {
    padding-left: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-11 {
    padding-left: 176px !important;
  }
}

.py-11 {
  padding-top: 176px;
  padding-bottom: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-11 {
    padding-top: 176px;
    padding-bottom: 176px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-11 {
    padding-top: 176px;
    padding-bottom: 176px;
  }
}

.px-11 {
  padding-right: 176px;
  padding-left: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-11 {
    padding-right: 176px;
    padding-left: 176px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-11 {
    padding-right: 176px;
    padding-left: 176px;
  }
}

.p-12 {
  padding: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-12 {
    padding: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-12 {
    padding: 192px !important;
  }
}

.pt-12 {
  padding-top: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-12 {
    padding-top: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-12 {
    padding-top: 192px !important;
  }
}

.pb-12 {
  padding-bottom: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-12 {
    padding-bottom: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-12 {
    padding-bottom: 192px !important;
  }
}

.pr-12 {
  padding-right: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-12 {
    padding-right: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-12 {
    padding-right: 192px !important;
  }
}

.pl-12 {
  padding-left: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-12 {
    padding-left: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-12 {
    padding-left: 192px !important;
  }
}

.py-12 {
  padding-top: 192px;
  padding-bottom: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-12 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-12 {
    padding-top: 192px;
    padding-bottom: 192px;
  }
}

.px-12 {
  padding-right: 192px;
  padding-left: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-12 {
    padding-right: 192px;
    padding-left: 192px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-12 {
    padding-right: 192px;
    padding-left: 192px;
  }
}

.p-13 {
  padding: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-13 {
    padding: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-13 {
    padding: 208px !important;
  }
}

.pt-13 {
  padding-top: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-13 {
    padding-top: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-13 {
    padding-top: 208px !important;
  }
}

.pb-13 {
  padding-bottom: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-13 {
    padding-bottom: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-13 {
    padding-bottom: 208px !important;
  }
}

.pr-13 {
  padding-right: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-13 {
    padding-right: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-13 {
    padding-right: 208px !important;
  }
}

.pl-13 {
  padding-left: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-13 {
    padding-left: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-13 {
    padding-left: 208px !important;
  }
}

.py-13 {
  padding-top: 208px;
  padding-bottom: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-13 {
    padding-top: 208px;
    padding-bottom: 208px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-13 {
    padding-top: 208px;
    padding-bottom: 208px;
  }
}

.px-13 {
  padding-right: 208px;
  padding-left: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-13 {
    padding-right: 208px;
    padding-left: 208px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-13 {
    padding-right: 208px;
    padding-left: 208px;
  }
}

.p-14 {
  padding: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:p-14 {
    padding: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:p-14 {
    padding: 224px !important;
  }
}

.pt-14 {
  padding-top: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pt-14 {
    padding-top: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pt-14 {
    padding-top: 224px !important;
  }
}

.pb-14 {
  padding-bottom: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pb-14 {
    padding-bottom: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pb-14 {
    padding-bottom: 224px !important;
  }
}

.pr-14 {
  padding-right: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pr-14 {
    padding-right: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pr-14 {
    padding-right: 224px !important;
  }
}

.pl-14 {
  padding-left: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:pl-14 {
    padding-left: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:pl-14 {
    padding-left: 224px !important;
  }
}

.py-14 {
  padding-top: 224px;
  padding-bottom: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:py-14 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:py-14 {
    padding-top: 224px;
    padding-bottom: 224px;
  }
}

.px-14 {
  padding-right: 224px;
  padding-left: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:px-14 {
    padding-right: 224px;
    padding-left: 224px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:px-14 {
    padding-right: 224px;
    padding-left: 224px;
  }
}

.m-6 {
  margin: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-6 {
    margin: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-6 {
    margin: 96px !important;
  }
}

.mt-6 {
  margin-top: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-6 {
    margin-top: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-6 {
    margin-top: 96px !important;
  }
}

.mb-6 {
  margin-bottom: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-6 {
    margin-bottom: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-6 {
    margin-bottom: 96px !important;
  }
}

.mr-6 {
  margin-right: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-6 {
    margin-right: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-6 {
    margin-right: 96px !important;
  }
}

.ml-6 {
  margin-left: 96px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-6 {
    margin-left: 96px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-6 {
    margin-left: 96px !important;
  }
}

.m-7 {
  margin: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-7 {
    margin: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-7 {
    margin: 112px !important;
  }
}

.mt-7 {
  margin-top: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-7 {
    margin-top: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-7 {
    margin-top: 112px !important;
  }
}

.mb-7 {
  margin-bottom: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-7 {
    margin-bottom: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-7 {
    margin-bottom: 112px !important;
  }
}

.mr-7 {
  margin-right: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-7 {
    margin-right: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-7 {
    margin-right: 112px !important;
  }
}

.ml-7 {
  margin-left: 112px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-7 {
    margin-left: 112px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-7 {
    margin-left: 112px !important;
  }
}

.m-8 {
  margin: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-8 {
    margin: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-8 {
    margin: 128px !important;
  }
}

.mt-8 {
  margin-top: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-8 {
    margin-top: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-8 {
    margin-top: 128px !important;
  }
}

.mb-8 {
  margin-bottom: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-8 {
    margin-bottom: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-8 {
    margin-bottom: 128px !important;
  }
}

.mr-8 {
  margin-right: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-8 {
    margin-right: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-8 {
    margin-right: 128px !important;
  }
}

.ml-8 {
  margin-left: 128px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-8 {
    margin-left: 128px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-8 {
    margin-left: 128px !important;
  }
}

.m-9 {
  margin: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-9 {
    margin: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-9 {
    margin: 144px !important;
  }
}

.mt-9 {
  margin-top: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-9 {
    margin-top: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-9 {
    margin-top: 144px !important;
  }
}

.mb-9 {
  margin-bottom: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-9 {
    margin-bottom: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-9 {
    margin-bottom: 144px !important;
  }
}

.mr-9 {
  margin-right: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-9 {
    margin-right: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-9 {
    margin-right: 144px !important;
  }
}

.ml-9 {
  margin-left: 144px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-9 {
    margin-left: 144px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-9 {
    margin-left: 144px !important;
  }
}

.m-10 {
  margin: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-10 {
    margin: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-10 {
    margin: 160px !important;
  }
}

.mt-10 {
  margin-top: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-10 {
    margin-top: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-10 {
    margin-top: 160px !important;
  }
}

.mb-10 {
  margin-bottom: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-10 {
    margin-bottom: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-10 {
    margin-bottom: 160px !important;
  }
}

.mr-10 {
  margin-right: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-10 {
    margin-right: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-10 {
    margin-right: 160px !important;
  }
}

.ml-10 {
  margin-left: 160px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-10 {
    margin-left: 160px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-10 {
    margin-left: 160px !important;
  }
}

.m-11 {
  margin: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-11 {
    margin: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-11 {
    margin: 176px !important;
  }
}

.mt-11 {
  margin-top: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-11 {
    margin-top: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-11 {
    margin-top: 176px !important;
  }
}

.mb-11 {
  margin-bottom: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-11 {
    margin-bottom: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-11 {
    margin-bottom: 176px !important;
  }
}

.mr-11 {
  margin-right: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-11 {
    margin-right: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-11 {
    margin-right: 176px !important;
  }
}

.ml-11 {
  margin-left: 176px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-11 {
    margin-left: 176px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-11 {
    margin-left: 176px !important;
  }
}

.m-12 {
  margin: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-12 {
    margin: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-12 {
    margin: 192px !important;
  }
}

.mt-12 {
  margin-top: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-12 {
    margin-top: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-12 {
    margin-top: 192px !important;
  }
}

.mb-12 {
  margin-bottom: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-12 {
    margin-bottom: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-12 {
    margin-bottom: 192px !important;
  }
}

.mr-12 {
  margin-right: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-12 {
    margin-right: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-12 {
    margin-right: 192px !important;
  }
}

.ml-12 {
  margin-left: 192px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-12 {
    margin-left: 192px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-12 {
    margin-left: 192px !important;
  }
}

.m-13 {
  margin: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-13 {
    margin: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-13 {
    margin: 208px !important;
  }
}

.mt-13 {
  margin-top: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-13 {
    margin-top: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-13 {
    margin-top: 208px !important;
  }
}

.mb-13 {
  margin-bottom: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-13 {
    margin-bottom: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-13 {
    margin-bottom: 208px !important;
  }
}

.mr-13 {
  margin-right: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-13 {
    margin-right: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-13 {
    margin-right: 208px !important;
  }
}

.ml-13 {
  margin-left: 208px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-13 {
    margin-left: 208px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-13 {
    margin-left: 208px !important;
  }
}

.m-14 {
  margin: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-14 {
    margin: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-14 {
    margin: 224px !important;
  }
}

.mt-14 {
  margin-top: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-14 {
    margin-top: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-14 {
    margin-top: 224px !important;
  }
}

.mb-14 {
  margin-bottom: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-14 {
    margin-bottom: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-14 {
    margin-bottom: 224px !important;
  }
}

.mr-14 {
  margin-right: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-14 {
    margin-right: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-14 {
    margin-right: 224px !important;
  }
}

.ml-14 {
  margin-left: 224px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-14 {
    margin-left: 224px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-14 {
    margin-left: 224px !important;
  }
}

.m-15 {
  margin: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-15 {
    margin: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-15 {
    margin: 240px !important;
  }
}

.mt-15 {
  margin-top: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-15 {
    margin-top: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-15 {
    margin-top: 240px !important;
  }
}

.mb-15 {
  margin-bottom: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-15 {
    margin-bottom: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-15 {
    margin-bottom: 240px !important;
  }
}

.mr-15 {
  margin-right: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-15 {
    margin-right: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-15 {
    margin-right: 240px !important;
  }
}

.ml-15 {
  margin-left: 240px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-15 {
    margin-left: 240px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-15 {
    margin-left: 240px !important;
  }
}

.m-16 {
  margin: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m-16 {
    margin: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m-16 {
    margin: 256px !important;
  }
}

.mt-16 {
  margin-top: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt-16 {
    margin-top: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt-16 {
    margin-top: 256px !important;
  }
}

.mb-16 {
  margin-bottom: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb-16 {
    margin-bottom: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb-16 {
    margin-bottom: 256px !important;
  }
}

.mr-16 {
  margin-right: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr-16 {
    margin-right: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr-16 {
    margin-right: 256px !important;
  }
}

.ml-16 {
  margin-left: 256px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml-16 {
    margin-left: 256px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml-16 {
    margin-left: 256px !important;
  }
}

.m--0 {
  margin: -0rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--0 {
    margin: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--0 {
    margin: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:mt--0 {
    margin-top: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--0 {
    margin-top: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:mb--0 {
    margin-bottom: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--0 {
    margin-bottom: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:mr--0 {
    margin-right: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--0 {
    margin-right: -0rem !important;
  }
}

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

@media only screen and (max-width: 1280px) {
  .tablet\:ml--0 {
    margin-left: -0rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--0 {
    margin-left: -0rem !important;
  }
}

.m--1 {
  margin: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--1 {
    margin: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--1 {
    margin: -1rem !important;
  }
}

.mt--1 {
  margin-top: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--1 {
    margin-top: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--1 {
    margin-top: -1rem !important;
  }
}

.mb--1 {
  margin-bottom: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--1 {
    margin-bottom: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--1 {
    margin-bottom: -1rem !important;
  }
}

.mr--1 {
  margin-right: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--1 {
    margin-right: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--1 {
    margin-right: -1rem !important;
  }
}

.ml--1 {
  margin-left: -1rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--1 {
    margin-left: -1rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--1 {
    margin-left: -1rem !important;
  }
}

.m--2 {
  margin: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--2 {
    margin: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--2 {
    margin: -2rem !important;
  }
}

.mt--2 {
  margin-top: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--2 {
    margin-top: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--2 {
    margin-top: -2rem !important;
  }
}

.mb--2 {
  margin-bottom: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--2 {
    margin-bottom: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--2 {
    margin-bottom: -2rem !important;
  }
}

.mr--2 {
  margin-right: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--2 {
    margin-right: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--2 {
    margin-right: -2rem !important;
  }
}

.ml--2 {
  margin-left: -2rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--2 {
    margin-left: -2rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--2 {
    margin-left: -2rem !important;
  }
}

.m--3 {
  margin: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--3 {
    margin: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--3 {
    margin: -3rem !important;
  }
}

.mt--3 {
  margin-top: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--3 {
    margin-top: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--3 {
    margin-top: -3rem !important;
  }
}

.mb--3 {
  margin-bottom: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--3 {
    margin-bottom: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--3 {
    margin-bottom: -3rem !important;
  }
}

.mr--3 {
  margin-right: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--3 {
    margin-right: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--3 {
    margin-right: -3rem !important;
  }
}

.ml--3 {
  margin-left: -3rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--3 {
    margin-left: -3rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--3 {
    margin-left: -3rem !important;
  }
}

.m--4 {
  margin: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--4 {
    margin: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--4 {
    margin: -4rem !important;
  }
}

.mt--4 {
  margin-top: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--4 {
    margin-top: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--4 {
    margin-top: -4rem !important;
  }
}

.mb--4 {
  margin-bottom: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--4 {
    margin-bottom: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--4 {
    margin-bottom: -4rem !important;
  }
}

.mr--4 {
  margin-right: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--4 {
    margin-right: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--4 {
    margin-right: -4rem !important;
  }
}

.ml--4 {
  margin-left: -4rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--4 {
    margin-left: -4rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--4 {
    margin-left: -4rem !important;
  }
}

.m--5 {
  margin: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--5 {
    margin: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--5 {
    margin: -5rem !important;
  }
}

.mt--5 {
  margin-top: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--5 {
    margin-top: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--5 {
    margin-top: -5rem !important;
  }
}

.mb--5 {
  margin-bottom: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--5 {
    margin-bottom: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--5 {
    margin-bottom: -5rem !important;
  }
}

.mr--5 {
  margin-right: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--5 {
    margin-right: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--5 {
    margin-right: -5rem !important;
  }
}

.ml--5 {
  margin-left: -5rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--5 {
    margin-left: -5rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--5 {
    margin-left: -5rem !important;
  }
}

.m--6 {
  margin: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--6 {
    margin: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--6 {
    margin: -6rem !important;
  }
}

.mt--6 {
  margin-top: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--6 {
    margin-top: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--6 {
    margin-top: -6rem !important;
  }
}

.mb--6 {
  margin-bottom: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--6 {
    margin-bottom: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--6 {
    margin-bottom: -6rem !important;
  }
}

.mr--6 {
  margin-right: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--6 {
    margin-right: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--6 {
    margin-right: -6rem !important;
  }
}

.ml--6 {
  margin-left: -6rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--6 {
    margin-left: -6rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--6 {
    margin-left: -6rem !important;
  }
}

.m--7 {
  margin: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--7 {
    margin: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--7 {
    margin: -7rem !important;
  }
}

.mt--7 {
  margin-top: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--7 {
    margin-top: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--7 {
    margin-top: -7rem !important;
  }
}

.mb--7 {
  margin-bottom: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--7 {
    margin-bottom: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--7 {
    margin-bottom: -7rem !important;
  }
}

.mr--7 {
  margin-right: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--7 {
    margin-right: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--7 {
    margin-right: -7rem !important;
  }
}

.ml--7 {
  margin-left: -7rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--7 {
    margin-left: -7rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--7 {
    margin-left: -7rem !important;
  }
}

.m--8 {
  margin: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--8 {
    margin: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--8 {
    margin: -8rem !important;
  }
}

.mt--8 {
  margin-top: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--8 {
    margin-top: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--8 {
    margin-top: -8rem !important;
  }
}

.mb--8 {
  margin-bottom: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--8 {
    margin-bottom: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--8 {
    margin-bottom: -8rem !important;
  }
}

.mr--8 {
  margin-right: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--8 {
    margin-right: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--8 {
    margin-right: -8rem !important;
  }
}

.ml--8 {
  margin-left: -8rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--8 {
    margin-left: -8rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--8 {
    margin-left: -8rem !important;
  }
}

.m--9 {
  margin: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--9 {
    margin: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--9 {
    margin: -9rem !important;
  }
}

.mt--9 {
  margin-top: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--9 {
    margin-top: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--9 {
    margin-top: -9rem !important;
  }
}

.mb--9 {
  margin-bottom: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--9 {
    margin-bottom: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--9 {
    margin-bottom: -9rem !important;
  }
}

.mr--9 {
  margin-right: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--9 {
    margin-right: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--9 {
    margin-right: -9rem !important;
  }
}

.ml--9 {
  margin-left: -9rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--9 {
    margin-left: -9rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--9 {
    margin-left: -9rem !important;
  }
}

.m--10 {
  margin: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--10 {
    margin: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--10 {
    margin: -10rem !important;
  }
}

.mt--10 {
  margin-top: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--10 {
    margin-top: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--10 {
    margin-top: -10rem !important;
  }
}

.mb--10 {
  margin-bottom: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--10 {
    margin-bottom: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--10 {
    margin-bottom: -10rem !important;
  }
}

.mr--10 {
  margin-right: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--10 {
    margin-right: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--10 {
    margin-right: -10rem !important;
  }
}

.ml--10 {
  margin-left: -10rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--10 {
    margin-left: -10rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--10 {
    margin-left: -10rem !important;
  }
}

.m--11 {
  margin: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--11 {
    margin: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--11 {
    margin: -11rem !important;
  }
}

.mt--11 {
  margin-top: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--11 {
    margin-top: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--11 {
    margin-top: -11rem !important;
  }
}

.mb--11 {
  margin-bottom: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--11 {
    margin-bottom: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--11 {
    margin-bottom: -11rem !important;
  }
}

.mr--11 {
  margin-right: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--11 {
    margin-right: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--11 {
    margin-right: -11rem !important;
  }
}

.ml--11 {
  margin-left: -11rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--11 {
    margin-left: -11rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--11 {
    margin-left: -11rem !important;
  }
}

.m--12 {
  margin: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:m--12 {
    margin: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:m--12 {
    margin: -12rem !important;
  }
}

.mt--12 {
  margin-top: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mt--12 {
    margin-top: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mt--12 {
    margin-top: -12rem !important;
  }
}

.mb--12 {
  margin-bottom: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mb--12 {
    margin-bottom: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mb--12 {
    margin-bottom: -12rem !important;
  }
}

.mr--12 {
  margin-right: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:mr--12 {
    margin-right: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:mr--12 {
    margin-right: -12rem !important;
  }
}

.ml--12 {
  margin-left: -12rem;
}

@media only screen and (max-width: 1280px) {
  .tablet\:ml--12 {
    margin-left: -12rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:ml--12 {
    margin-left: -12rem !important;
  }
}

.fill-0 {
  fill: white !important;
}
.fill-0 svg {
  fill: white !important;
}
.fill-0 svg * {
  fill: white !important;
}

.fill-1 {
  fill: #191919 !important;
}
.fill-1 svg {
  fill: #191919 !important;
}
.fill-1 svg * {
  fill: #191919 !important;
}

.fill-2 {
  fill: #00878b !important;
}
.fill-2 svg {
  fill: #00878b !important;
}
.fill-2 svg * {
  fill: #00878b !important;
}

.fill-3 {
  fill: #592b8a !important;
}
.fill-3 svg {
  fill: #592b8a !important;
}
.fill-3 svg * {
  fill: #592b8a !important;
}

.fill-4 {
  fill: #38abab !important;
}
.fill-4 svg {
  fill: #38abab !important;
}
.fill-4 svg * {
  fill: #38abab !important;
}

.fill-5 {
  fill: #774bbc !important;
}
.fill-5 svg {
  fill: #774bbc !important;
}
.fill-5 svg * {
  fill: #774bbc !important;
}

.fill-6 {
  fill: #c8b3e8 !important;
}
.fill-6 svg {
  fill: #c8b3e8 !important;
}
.fill-6 svg * {
  fill: #c8b3e8 !important;
}

.fill-7 {
  fill: #b0e4e7 !important;
}
.fill-7 svg {
  fill: #b0e4e7 !important;
}
.fill-7 svg * {
  fill: #b0e4e7 !important;
}

.fill-8 {
  fill: #ffffff !important;
}
.fill-8 svg {
  fill: #ffffff !important;
}
.fill-8 svg * {
  fill: #ffffff !important;
}

.fill-9 {
  fill: #f3f3f3 !important;
}
.fill-9 svg {
  fill: #f3f3f3 !important;
}
.fill-9 svg * {
  fill: #f3f3f3 !important;
}

.fill-10 {
  fill: #e6e0ef !important;
}
.fill-10 svg {
  fill: #e6e0ef !important;
}
.fill-10 svg * {
  fill: #e6e0ef !important;
}

.fill-11 {
  fill: #C3E5E5 !important;
}
.fill-11 svg {
  fill: #C3E5E5 !important;
}
.fill-11 svg * {
  fill: #C3E5E5 !important;
}

.fill-12 {
  fill: #e5f2f3 !important;
}
.fill-12 svg {
  fill: #e5f2f3 !important;
}
.fill-12 svg * {
  fill: #e5f2f3 !important;
}

.fill-13 {
  fill: #414042 !important;
}
.fill-13 svg {
  fill: #414042 !important;
}
.fill-13 svg * {
  fill: #414042 !important;
}

.fill-14 {
  fill: #c8edec !important;
}
.fill-14 svg {
  fill: #c8edec !important;
}
.fill-14 svg * {
  fill: #c8edec !important;
}

.fill-15 {
  fill: #9bd0db !important;
}
.fill-15 svg {
  fill: #9bd0db !important;
}
.fill-15 svg * {
  fill: #9bd0db !important;
}

.fill-16 {
  fill: #ede9f3 !important;
}
.fill-16 svg {
  fill: #ede9f3 !important;
}
.fill-16 svg * {
  fill: #ede9f3 !important;
}

.fill-17 {
  fill: #edfafa !important;
}
.fill-17 svg {
  fill: #edfafa !important;
}
.fill-17 svg * {
  fill: #edfafa !important;
}

.fill-18 {
  fill: #dc1313 !important;
}
.fill-18 svg {
  fill: #dc1313 !important;
}
.fill-18 svg * {
  fill: #dc1313 !important;
}

.fill-19 {
  fill: #00BBBA !important;
}
.fill-19 svg {
  fill: #00BBBA !important;
}
.fill-19 svg * {
  fill: #00BBBA !important;
}

.fill-20 {
  fill: #CCF2F1 !important;
}
.fill-20 svg {
  fill: #CCF2F1 !important;
}
.fill-20 svg * {
  fill: #CCF2F1 !important;
}

.fill-21 {
  fill: #B9D6DC !important;
}
.fill-21 svg {
  fill: #B9D6DC !important;
}
.fill-21 svg * {
  fill: #B9D6DC !important;
}

.fill-22 {
  fill: #563091 !important;
}
.fill-22 svg {
  fill: #563091 !important;
}
.fill-22 svg * {
  fill: #563091 !important;
}

.fill-23 {
  fill: #c3b4d8 !important;
}
.fill-23 svg {
  fill: #c3b4d8 !important;
}
.fill-23 svg * {
  fill: #c3b4d8 !important;
}

.fill-24 {
  fill: #E6F8F8 !important;
}
.fill-24 svg {
  fill: #E6F8F8 !important;
}
.fill-24 svg * {
  fill: #E6F8F8 !important;
}

.rounded-0 {
  border-radius: 0%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-0 {
    border-radius: 0% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-0 {
    border-radius: 0% !important;
  }
}

.rounded-px-0 {
  border-radius: 0px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-0 {
    border-radius: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-0 {
    border-radius: 0px !important;
  }
}

.rounded-1 {
  border-radius: 10%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-1 {
    border-radius: 10% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-1 {
    border-radius: 10% !important;
  }
}

.rounded-px-1 {
  border-radius: 10px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-1 {
    border-radius: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-1 {
    border-radius: 10px !important;
  }
}

.rounded-2 {
  border-radius: 20%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-2 {
    border-radius: 20% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-2 {
    border-radius: 20% !important;
  }
}

.rounded-px-2 {
  border-radius: 20px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-2 {
    border-radius: 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-2 {
    border-radius: 20px !important;
  }
}

.rounded-3 {
  border-radius: 30%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-3 {
    border-radius: 30% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-3 {
    border-radius: 30% !important;
  }
}

.rounded-px-3 {
  border-radius: 30px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-3 {
    border-radius: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-3 {
    border-radius: 30px !important;
  }
}

.rounded-4 {
  border-radius: 40%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-4 {
    border-radius: 40% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-4 {
    border-radius: 40% !important;
  }
}

.rounded-px-4 {
  border-radius: 40px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-4 {
    border-radius: 40px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-4 {
    border-radius: 40px !important;
  }
}

.rounded-5 {
  border-radius: 50%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-5 {
    border-radius: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-5 {
    border-radius: 50% !important;
  }
}

.rounded-px-5 {
  border-radius: 50px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-5 {
    border-radius: 50px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-5 {
    border-radius: 50px !important;
  }
}

.rounded-6 {
  border-radius: 60%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-6 {
    border-radius: 60% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-6 {
    border-radius: 60% !important;
  }
}

.rounded-px-6 {
  border-radius: 60px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-6 {
    border-radius: 60px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-6 {
    border-radius: 60px !important;
  }
}

.rounded-7 {
  border-radius: 70%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-7 {
    border-radius: 70% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-7 {
    border-radius: 70% !important;
  }
}

.rounded-px-7 {
  border-radius: 70px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-7 {
    border-radius: 70px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-7 {
    border-radius: 70px !important;
  }
}

.rounded-8 {
  border-radius: 80%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-8 {
    border-radius: 80% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-8 {
    border-radius: 80% !important;
  }
}

.rounded-px-8 {
  border-radius: 80px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-8 {
    border-radius: 80px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-8 {
    border-radius: 80px !important;
  }
}

.rounded-9 {
  border-radius: 90%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-9 {
    border-radius: 90% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-9 {
    border-radius: 90% !important;
  }
}

.rounded-px-9 {
  border-radius: 90px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-9 {
    border-radius: 90px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-9 {
    border-radius: 90px !important;
  }
}

.rounded-10 {
  border-radius: 100%;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-10 {
    border-radius: 100% !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-10 {
    border-radius: 100% !important;
  }
}

.rounded-px-10 {
  border-radius: 100px;
}

@media only screen and (max-width: 1280px) {
  .tablet\:rounded-px-10 {
    border-radius: 100px !important;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:rounded-px-10 {
    border-radius: 100px !important;
  }
}

.ut-hangingIndent {
  text-indent: -0.35em;
  margin-left: 0.35em !important;
}
.ut-hangingIndent p {
  text-indent: -0.35em;
  margin-left: 0.35em !important;
}

/* purgecss start ignore */
/* purgecss end ignore */
/*! purgecss start ignore */
/*! purgecss start ignore */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Light.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Italic.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Italic.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Regular.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-SemiBold.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-SemiBold.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Medium.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Medium.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 500;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-MediumItalic.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-MediumItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-Bold.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-Bold.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 700;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-BoldItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  src: url('../media/content/fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format("truetype"), url('../media/content/fonts/Montserrat/static/Montserrat-ExtraBold.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  src: url('../media/content/fonts/Poppins/Poppins-Medium.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-Medium.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: url('../media/content/fonts/Poppins/Poppins-SemiBold.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-SemiBold.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: url('../media/content/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  src: url('../media/content/fonts/Poppins/Poppins-Light.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-Light.ttf') format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 300;
  src: url('../media/content/fonts/Poppins/Poppins-LightItalic.ttf') format("truetype"), url('../media/content/fonts/Poppins/Poppins-LightItalic.ttf') format("truetype");
}
html {
  font-family: "Montserrat";
  color: #191919;
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  html {
    font-size: 15px;
  }
}

h1 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 2.33333rem;
  line-height: 2.88888rem;
  font-family: "Poppins";
}
h1 sup {
  font-size: 53%;
  top: -0.592em;
}

h2 {
  font-size: calc(20px + (32 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 20px;
  }
}
h2 {
  line-height: calc(24px + (42 - 24) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h2 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
    line-height: 24px;
  }
}
h2 {
  font-weight: 600;
  color: #592b8a;
  font-family: "Poppins";
  padding-bottom: 1rem;
}
h2 sup {
  font-size: 53%;
  top: -0.592em;
}

h3 {
  font-weight: 500;
  font-size: calc(17px + (22 - 17) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    font-size: 17px;
  }
}
h3 {
  line-height: calc(20px + (26 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h3 {
    line-height: 26px;
  }
}
@media only screen and (max-width: 479px) {
  h3 {
    line-height: 20px;
  }
}

h4 {
  font-weight: 700;
  font-size: calc(17px + (22 - 17) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  h4 {
    font-size: 17px;
  }
}
h4 {
  line-height: calc(20px + (26 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  h4 {
    line-height: 26px;
  }
}
@media only screen and (max-width: 479px) {
  h4 {
    line-height: 20px;
  }
}
h4 {
  color: #592b8a;
}

b,
strong {
  font-weight: 600;
}

.body-1 {
  font-size: 0.8rem;
}

.references {
  font-size: 0.6666666667rem;
  color: #333333;
}
.references h5 {
  font-size: 0.6rem;
  font-weight: 400;
  margin-bottom: 10px;
}
.references b,
.references strong {
  color: #333333;
}

sup {
  font-size: 70%;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
.mobile\:show {
  display: none !important;
}
@media (max-width: 767px) {
  .mobile\:show {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .mobile\:hide {
    display: none !important;
  }
}

.noscroll {
  overflow: hidden;
}

.noscroll #app {
  padding-top: 0px !important;
}

.bg-4-2 {
  background-color: rgba(56, 171, 171, 0.2);
}

.fs-12 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-8 {
  margin-bottom: 8px;
}

.w-max-967 {
  max-width: 967px;
}

.m-auto {
  margin: auto;
}

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

.bg-grad-1 {
  background: rgb(238, 234, 244);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 234, 244)), to(rgb(204, 192, 222)));
  background: linear-gradient(180deg, rgb(238, 234, 244) 0%, rgb(204, 192, 222) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeaf4",endColorstr="#ccc0de",GradientType=1);
}

.bg-grad-2 {
  background: rgb(86, 48, 145);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(86, 48, 145)), to(rgb(119, 75, 188)));
  background: linear-gradient(180deg, rgb(86, 48, 145) 0%, rgb(119, 75, 188) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563091",endColorstr="#774bbc",GradientType=1);
}

.bg-grad-3 {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(143, 217, 222, 0.35)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(143, 217, 222, 0.35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8fd9de",GradientType=1);
}

.bg-grad-4, .navigation__element__subnav a:hover, .navigation__element__subnav a:focus, .navigation__element__subnav a.active {
  background: -webkit-gradient(linear, right top, left top, from(#38abab), to(#563091));
  background: linear-gradient(270deg, #38abab 0%, #563091 100%);
}

.color-0 * {
  color: white;
}

.bold-7 strong,
.bold-7 b {
  color: #b0e4e7 !important;
}

.bold-3 strong,
.bold-3 b {
  color: #592b8a !important;
}

.pl-20 .references p i {
  padding-left: 0;
  padding-top: 7px;
  display: block;
}
@media (max-width: 768px) {
  .pl-20 .references p i {
    padding-left: 20px;
  }
}

.w-full {
  width: 100%;
}

.hide {
  opacity: 0;
}

.p--small {
  font-size: 0.8rem;
}
.p--small b,
.p--small strong {
  font-size: 1rem;
}

.top {
  top: 0px !important;
}

.last-small p:last-child {
  font-size: 0.7rem;
  line-height: 1;
}

.ml-7 {
  margin-left: 112px;
}

.bg-none {
  background: none !important;
  background-image: none !important;
}

.card-bg {
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 18px;
}
.card-bg.extra-pl {
  padding-left: 54px;
}

hr.purp {
  height: 4px;
  background: #592b8a;
  border-radius: 5px;
}

.wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

@media (max-width: 767px) {
  .mobile\:wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
}

.w-375 {
  width: 375px !important;
}

.w-max-825 {
  max-width: 825px;
}

.w-max-930 {
  max-width: 930px;
}

.w-90 {
  width: 90%;
}

@media (max-width: 767px) {
  .mobile\:w-max-420 {
    max-width: 420px !important;
  }
}

@media only screen and (max-width: 479px) {
  .mobile\:h-275 {
    max-height: 275px !important;
  }
}

.cust-cont-1 {
  max-width: 890px;
  margin: auto;
}

.cust-hor-div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cust-hor-div > div:first-of-type {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
.cust-hor-div::after {
  content: "";
  width: 3px;
  height: 90%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -1.5px;
  background-color: #00878b;
}
.cust-hor-div:last-of-type::after {
  display: none;
}
@media only screen and (max-width: 767px) {
  .cust-hor-div::after {
    content: "";
    width: 90%;
    height: 3px;
    position: absolute;
    top: unset;
    right: unset;
    background-color: #00878b;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -33.5px;
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:grid--gutters-y-4 {
    margin-bottom: 0px;
  }
  .mobile\:grid--gutters-y-4 > *:last-of-type {
    margin-bottom: 0 !important;
  }
}

.cust-bg-0 {
  background-image: radial-gradient(circle at 50% 40%, #00b3b3, #00878b);
}

.cust-text-cgi h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: normal;
}
.cust-text-cgi h2 b {
  color: #00878b;
  font-weight: 600;
}

.cust-cgi-heading {
  width: 100%;
}
.cust-cgi-heading h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  width: 100%;
  text-align: center;
}
.cust-cgi-heading h2 b {
  color: #414042;
  font-weight: 600;
}

.cust-text-safety i {
  font-style: normal;
}

@media only screen and (max-width: 767px) {
  .cust-text-dose {
    max-width: calc(100% - 120px);
  }
}

.cust-text-gi h3:not(:first-of-type) {
  margin-top: 2rem;
}

.cust-text-open h3 {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .cust-text-open h3 {
    margin-top: 2rem;
  }
}
.cust-text-open a {
  color: #774bbc;
  font-weight: 600;
}
.cust-text-open u {
  text-decoration: none;
  color: #592b8a;
}

.bg-teal {
  border-radius: 25px;
  background-image: radial-gradient(circle at 59% 55%, #D2F2F1 44%, #3DC2C1 93%);
}
@media only screen and (max-width: 1023px) {
  .bg-teal {
    background-image: radial-gradient(circle at 60% 20%, #D2F2F1 44%, #3DC2C1 93%);
  }
}

.bg-purp {
  border-radius: 25px;
  background-image: radial-gradient(circle at 59% 55%, #F1E5FE 44%, #7b4fa0 93%);
}
@media only screen and (max-width: 1023px) {
  .bg-purp {
    background-image: radial-gradient(circle at 60% 20%, #F1E5FE 44%, #7b4fa0 93%);
  }
}

.isi-inner-page b, .isi-inner-page strong {
  color: #592b8a;
}

.ut-time-cust u {
  text-decoration: none;
  font-size: 0.95rem;
  vertical-align: baseline;
  display: inline-block;
}
.ut-time-cust b i {
  text-wrap: nowrap;
}

.pt-0\.25 {
  padding-top: 0.25rem;
}

main > .container .references u {
  text-decoration: none;
}

@media only screen and (max-width: 479px) {
  .cust-callout-rsbq .mobile\:h-275 {
    max-height: 225px !important;
  }
}

.inline-block-p,
.inline-block-p p,
.inline-block-p div {
  display: inline;
}

.inline-block-p-2 p:first-of-type {
  display: block;
}

.p-relative {
  position: relative;
}

.p-abs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.w-max430 {
  max-width: 430px !important;
}

.w-none {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .mhide {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .dhide {
    display: none !important;
  }
}

/*! purgecss end ignore */
/*=============================================
=                   Accordion                 =
=============================================*/
.expand-enter-active,
.expand-leave-active {
  -webkit-transition-duration: 350ms;
          transition-duration: 350ms;
  -webkit-transition-property: height, opacity;
  transition-property: height, opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  overflow: hidden;
}

.expand-enter,
.expand-leave-active {
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

body {
  max-width: 100vw;
  overflow-x: hidden;
}

body.isiOnly .rett-container {
  display: none;
}
body.isiOnly .isi__scroller {
  z-index: 101;
}

body.isiAndTop .rett-container {
  display: none;
}
body.isiAndTop .top-nav {
  z-index: 102;
}
body.isiAndTop .isi__scroller {
  z-index: 101;
}

.container--small, .section--small > div {
  max-width: 60%;
  min-width: 800px;
}
@media (max-width: 767px) {
  .container--small, .section--small > div {
    min-width: unset;
    max-width: 100%;
  }
}

.container {
  padding-left: 32px;
  padding-right: 32px;
  max-width: 1100px;
}
@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.container--large {
  padding-left: 32px;
  padding-right: 32px;
  max-width: 1240px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.block {
  padding-bottom: 8px;
}
.block:last-child {
  padding-bottom: 0px;
}
.block.copy__alternative {
  font-size: 0.7rem;
}

section > div:first-child {
  padding-top: 35px;
}
@media (max-width: 767px) {
  section > div:first-child {
    padding-top: 25px;
  }
}
section > div:last-child {
  padding-bottom: 90px;
}
@media (max-width: 767px) {
  section > div:last-child {
    padding-bottom: 45px;
  }
}

.section--background {
  background-color: #ffffff;
}

.section--small > div {
  margin: 0 auto;
}

.list {
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
}
.list li {
  list-style: none;
  position: relative;
}
.list li::before {
  content: url('../media/content/images/list-icon.svg'); /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00878b; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 10px; /* Also needed for space (tweak if needed) */
  margin-left: -20px;
  margin-right: 10px;
  position: absolute;
  left: -6px;
}
.list li {
  padding-bottom: 18px;
}
.list li p {
  display: inline;
}
.list li p:not(:first-of-type) {
  display: block;
  margin-top: 0.3rem;
}
.list li li::before {
  color: #00878b; /* Change the color */
  content: "–"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
}

.list-new .list {
  -webkit-padding-start: 45px;
          padding-inline-start: 45px;
}
.list-new .list li {
  list-style: none;
  position: relative;
}
.list-new .list li::before {
  content: ""; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00878b; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  vertical-align: middle;
  width: 45px;
  height: 45px; /* Also needed for space (tweak if needed) */
  margin-left: -55px;
  margin-right: 10px;
  background-image: url('../media/content/images/list-new.png');
  background-size: contain;
  position: absolute;
}
.list-new .list li {
  padding-bottom: 5px;
}
.list-new .list li p {
  display: inline;
}
.list-new .list li p:not(:first-of-type) {
  display: block;
  margin-top: 0.3rem;
}
.list-new .list li li::before {
  color: #00878b; /* Change the color */
  content: "–"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
}

.rsb-safety-info .list li p {
  display: inline;
}
.rsb-safety-info .list li p:not(:first-of-type) {
  line-height: 26px;
  display: block;
  margin-top: 0.3rem;
  line-height: 26px;
}
@media (max-width: 767px) {
  .rsb-safety-info .list li p {
    display: inline;
  }
  .rsb-safety-info .list li p:not(:first-of-type) {
    line-height: 26px;
    display: block;
    margin-top: 0.3rem;
    line-height: 22px;
  }
}

.noList .list li {
  list-style: none;
}
.noList .list li::before {
  display: none;
}

.bg-grad-2 .list li::before {
  color: #b0e4e7;
}

#webinar .list li::before {
  color: #b0e4e7;
}

.topButton {
  position: fixed;
  bottom: 10%;
  right: 10%;
  z-index: 5;
  background-color: white;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 8px 2px rgba(162, 162, 162, 0.5);
          box-shadow: 0 2px 8px 2px rgba(162, 162, 162, 0.5);
  border: solid 3px #b0e4e7;
}
.topButton svg {
  width: 50%;
  height: 50px;
  fill: #592b8a;
}

.audiotrigger {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}
.audiotrigger::after {
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  background-image: url('../media/content/images/audio-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
}

.connect__image img {
  display: block;
}

.connect__copy {
  margin-top: -158px;
  padding-bottom: 42px;
}
.connect__copy * {
  color: white !important;
}
@media (max-width: 767px) {
  .connect__copy {
    display: none;
  }
}

.acadia__connect--bgImage {
  position: absolute;
  right: 0px;
  max-width: 520px;
  width: 40%;
  z-index: 0;
}
.errorpage h3 {
  font-weight: 400;
}

#acadiaConnect b,
#acadiaConnect strong {
  font-weight: 600;
}

.homepage--caregiver .hero h1 sup,
.homepage--hcp .hero h1 sup {
  top: -0.28em;
}

.homepage--hcp .hero h2:not(:last-child) {
  color: white;
  font-weight: 600;
  padding: 10px 15px;
  background: rgb(86, 48, 145);
  background: -webkit-gradient(linear, left top, right top, from(rgb(86, 48, 145)), color-stop(74%, rgb(61, 150, 167)), to(rgba(56, 171, 171, 0)));
  background: linear-gradient(90deg, rgb(86, 48, 145) 0%, rgb(61, 150, 167) 74%, rgba(56, 171, 171, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#563091",endColorstr="#38abab",GradientType=1);
}

/*! purgecss start ignore */
.callout-green {
  padding: 2em;
  border: solid 3px #00878b;
  border-radius: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 2em !important;
}
.callout-green strong,
.callout-green b {
  font-weight: 600;
  color: #592b8a;
}
.callout-green a {
  background-color: #592b8a;
  color: white;
  padding: 16px 12px;
  font-weight: 600;
  font-size: 1rem;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 250px;
  text-align: center;
  margin: 2em auto;
}
.callout-green a.active {
  background-color: #592b8a;
}
.callout-green a:active, .callout-green a:hover {
  background-color: rgba(89, 43, 138, 0.7);
}
.callout-green a:focus {
  background-color: rgba(89, 43, 138, 0.7);
}
.callout-green a.button--thin {
  padding: 4px 10px;
  font-size: 0.8rem;
  line-height: 20px;
}

.tab {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ede9f3), to(#ffffff));
  background-image: linear-gradient(to bottom, #ede9f3, #ffffff);
  border-top: 4px solid #592b8a;
}

.tab-but {
  text-align: center;
  margin-top: 0.25rem;
  padding: 1rem 0;
  background-color: #00BBBA;
  color: white;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.tab-but.active {
  margin-top: 0;
  padding: 1.25rem 0;
  -webkit-box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.5019607843);
          box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.5019607843);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#75489c), to(#592b8a));
  background-image: linear-gradient(to bottom, #75489c, #592b8a);
}

.rett-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #592b8a;
  padding-top: 23px;
  padding-bottom: 23px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 900px) {
  .rett-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.rett-container .rett-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 330px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 18px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  gap: 12px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.rett-container .rett-box .arrow {
  width: 25px;
  height: 25px;
}
@media (min-width: 900px) {
  .rett-container .rett-box {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 17px;
  }
  .rett-container .rett-box br {
    display: none;
  }
}
@media (min-width: 1024px) {
  .rett-container .rett-box {
    font-size: 20px;
  }
}
.rett-container .header-close {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: transparent;
  top: 15px;
  right: 15px;
  border-radius: 24px;
  border: none;
  cursor: pointer;
}
.rett-container .header-close:hover::after, .rett-container .header-close:hover::before {
  width: 100%;
}
.rett-container .header-close::after, .rett-container .header-close::before {
  content: "";
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  height: 3px;
  width: 90%;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.rett-container .header-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.noscroll .rett-container {
  display: none;
}

/*! purgecss end ignore */
/* purgecss start ignore */
.editing .js-editable {
  cursor: pointer;
  text-decoration: underline;
  color: orange !important;
}
.editing .js-editable:hover {
  color: #cc8400 !important;
}
.editing .js-editable.hidden {
  display: unset !important;
}

.edit {
  position: fixed;
  z-index: 999999;
  bottom: 32px;
  left: 32px;
  padding: 16px;
  border-radius: div(16px, 4);
  border: transparent 2px solid;
  background-color: white;
  border-color: orange;
}
.edit:hover {
  background-color: #ffedcc;
}
.capture .edit {
  display: none;
}
.edit svg {
  fill: orange;
}
.editing .edit {
  background-color: orange;
}
.editing .edit svg {
  fill: white;
}
@media (max-width: 767px) {
  .edit {
    width: 50px;
    height: 50px;
  }
  .edit svg {
    width: 50px;
  }
}

/* purgecss end ignore */
/*! purgecss start ignore */
.top-nav {
  position: relative;
  width: 100%;
  z-index: 97;
}
.top-nav.isSticky {
  position: fixed;
  top: 0;
}
.top-nav .menu__top {
  font-weight: 500;
  color: #191919;
  background-color: #B9D6DC;
  padding: 10px 0;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .top-nav .menu__top {
    padding: 8px 0;
  }
}
.top-nav .menu__top .pointer {
  cursor: pointer;
}
.top-nav .menu__top ul {
  position: relative;
  list-style-type: none;
  list-style-type: none;
  -webkit-padding-start: 18px;
          padding-inline-start: 18px;
  -webkit-padding-end: 18px;
          padding-inline-end: 18px;
}
@media only screen and (max-width: 1024px) {
  .top-nav .menu__top ul {
    left: 0%;
    padding: 0;
    font-size: 12px;
    margin: 0 auto;
    width: 98%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (max-width: 1023px) {
  .top-nav .menu__top ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
}
@media only screen and (max-width: 767px) {
  .top-nav .menu__top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    margin: auto;
    padding: 0 10px 0 10px;
    left: 0;
  }
}
.top-nav .menu__top ul li {
  font-size: 14px;
  line-height: 1em;
  text-align: center;
  padding-right: calc(0px + (60 - 0) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .top-nav .menu__top ul li {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .top-nav .menu__top ul li {
    padding-right: 0px;
  }
}
@media screen and (max-width: 870px) {
  .top-nav .menu__top ul li {
    padding-right: calc(0px + (40 - 0) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 870px) and (min-width: 1500px) {
  .top-nav .menu__top ul li {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 870px) and (max-width: 479px) {
  .top-nav .menu__top ul li {
    padding-right: 0px;
  }
}
.top-nav .menu__top ul li {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .top-nav .menu__top ul li {
    font-size: 12px;
  }
}
.top-nav .menu__top ul li::after {
  content: "|";
  font-size: 16px;
  position: absolute;
  right: calc(-5px + (30 - -5) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .top-nav .menu__top ul li::after {
    right: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .top-nav .menu__top ul li::after {
    right: -5px;
  }
}
@media only screen and (max-width: 767px) {
  .top-nav .menu__top ul li::after {
    content: none;
  }
}
@media screen and (max-width: 840px) {
  .top-nav .menu__top ul li::after {
    font-size: 32px;
    font-weight: 100;
    top: 26%;
    right: calc(-5px + (30 - -5) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 840px) and (min-width: 1500px) {
  .top-nav .menu__top ul li::after {
    right: 30px;
  }
}
@media only screen and (max-width: 840px) and (max-width: 479px) {
  .top-nav .menu__top ul li::after {
    right: -5px;
  }
}
@media screen and (max-width: 1024px) {
  .top-nav .menu__top ul li::after {
    font-size: 18px;
    font-weight: 100;
    top: 0px;
    right: calc(-5px + (30 - -5) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 1024px) and (min-width: 1500px) {
  .top-nav .menu__top ul li::after {
    right: 30px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 479px) {
  .top-nav .menu__top ul li::after {
    right: -5px;
  }
}
.top-nav .menu__top ul li:nth-last-child(2)::after {
  content: none;
}
.top-nav .menu__top ul li:nth-last-child(4) {
  padding-right: calc(0px + (60 - 0) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .top-nav .menu__top ul li:nth-last-child(4) {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 479px) {
  .top-nav .menu__top ul li:nth-last-child(4) {
    padding-right: 0px;
  }
}
.top-nav .menu__top ul li:last-of-type {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 0;
  padding: 7px 23px;
  border-radius: 20px;
  background-color: #fff;
  color: #563091;
  font-weight: 600;
  font-size: 14px;
}
.top-nav .menu__top ul li:last-of-type::after {
  content: none;
}
@media only screen and (max-width: 1024px) {
  .top-nav .menu__top ul li:last-of-type {
    font-size: 12px;
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 814px) {
  .top-nav .menu__top ul li:last-of-type {
    padding: 5px 8px;
  }
  .top-nav .menu__top ul li:last-of-type:nth-last-child(4) {
    padding-right: 0;
  }
}

.VMenu {
  position: relative;
  padding-bottom: 0px;
  color: #414042;
  font-size: 15px;
  width: 100%;
  top: 0;
  z-index: 96;
  background-color: white;
  height: 100px;
  margin-top: 20px;
}
.VMenu.isSticky {
  position: fixed;
  top: 28px;
  margin-top: 0 !important;
}
@media only screen and (min-width: 768px) {
  .VMenu.isSticky {
    top: 54px;
  }
}
@media only screen and (min-width: 833px) {
  .VMenu.isSticky {
    top: 42px;
  }
}
@media only screen and (min-width: 1025px) {
  .VMenu.isSticky {
    top: 48px;
  }
}
.VMenu nav {
  margin: 0 auto;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.VMenu nav ul {
  text-align: left;
  list-style-type: none;
  list-style-type: none;
  -webkit-padding-start: 18px;
          padding-inline-start: 18px;
  -webkit-padding-end: 18px;
          padding-inline-end: 18px;
  padding-bottom: 20px;
}
.VMenu nav ul li {
  display: block;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .VMenu nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .VMenu nav ul .logo__container {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 1023px) {
  .VMenu.active {
    height: 100vh;
    max-height: 100%;
    overflow-y: scroll !important;
    border-bottom: 5px solid #592b8a;
  }
}
@media (max-width: 767px) {
  .VMenu {
    margin-bottom: 0px;
  }
}

.navigation .navigation__element {
  margin-top: 16px;
  margin-bottom: 16px;
  -webkit-transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out, visibility 0.3s ease-in-out;
  font-size: 16px;
  font-weight: 600;
  padding: 5px 6px 5px 6px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
}
.navigation .navigation__element a,
.navigation .navigation__element .navigation__element__fake__header {
  margin: 5px 0;
  position: relative;
}
.navigation .navigation__element > a,
.navigation .navigation__element > .navigation__element__fake__header {
  display: inline-block;
  cursor: pointer;
}
.navigation .navigation__element > a:hover, .navigation .navigation__element > a:focus, .navigation .navigation__element > a.active,
.navigation .navigation__element > .navigation__element__fake__header:hover,
.navigation .navigation__element > .navigation__element__fake__header:focus,
.navigation .navigation__element > .navigation__element__fake__header.active {
  color: #00878b;
}
.navigation .navigation__element.hasChildren {
  padding: 5px 26px 5px 6px;
}
@media only screen and (max-width: 1023px) {
  .navigation .navigation__element.hasChildren > a,
  .navigation .navigation__element.hasChildren .navigation__element__fake__header {
    display: none;
  }
}
@media (min-width: 1000px) {
  .navigation .navigation__element.hasChildren.active .navigation__element__fake, .navigation .navigation__element.hasChildren:hover .navigation__element__fake, .navigation .navigation__element.hasChildren:focus .navigation__element__fake, .navigation .navigation__element.hasChildren:focus-within .navigation__element__fake {
    visibility: visible;
    color: #38abab;
    z-index: 10;
    -webkit-box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0.5);
            box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0.5);
  }
  .navigation .navigation__element.hasChildren.active .navigation__element__subnav, .navigation .navigation__element.hasChildren:hover .navigation__element__subnav, .navigation .navigation__element.hasChildren:focus .navigation__element__subnav, .navigation .navigation__element.hasChildren:focus-within .navigation__element__subnav {
    max-height: 200px;
  }
}

@media (max-width: 1239px) {
  .navigation > .navigation__element {
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }
}
@media only screen and (max-width: 1023px) {
  .navigation > .navigation__element {
    max-width: unset;
  }
}

.subnav__button {
  outline: none;
  border: none;
  background-color: transparent;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-12px);
      -ms-transform: translateY(-12px);
          transform: translateY(-12px);
}
.subnav__button svg {
  width: 9px;
  height: 9px;
}
.subnav__button svg path {
  fill: #414042;
}

.subnav__button-inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateY(-2px);
      -ms-transform: translateY(-50%) translateY(-2px);
          transform: translateY(-50%) translateY(-2px);
  right: 5px;
}
.subnav__button-inner svg {
  width: 9px;
  height: 9px;
}
.subnav__button-inner svg path {
  fill: #00878b;
}

.navigation__element__fake {
  visibility: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  top: 0px;
  left: 50%;
  padding: 5px 6px 5px 6px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 120px;
  border-radius: 16px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0);
          box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0);
}
.navigation__element__fake > a,
.navigation__element__fake .navigation__element__fake__header {
  width: auto;
  padding-right: 20px;
  position: relative;
}

.navigation__element__subnav {
  position: relative;
  display: block;
  max-height: 0px;
  overflow: hidden;
  width: 100%;
  -webkit-transition: max-height 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out;
  background-color: white;
}
.navigation__element__subnav a {
  padding: 0px;
  display: block;
  color: #191919;
  font-weight: 500;
  padding: 7px 8px;
  border-radius: 16px;
  font-size: 13px;
  line-height: normal;
}
.navigation__element__subnav a:hover, .navigation__element__subnav a:focus, .navigation__element__subnav a.active {
  color: white;
  outline: none;
  font-weight: bold;
  font-size: 12.57px;
}

.logo__container {
  min-width: 206px !important;
  max-width: 100% !important;
  position: relative !important;
  background-color: transparent !important;
  text-align: left !important;
}
.logo__container img {
  width: 100%;
  max-width: 250px;
  margin-left: 0px;
}
.logo__container a {
  width: 230px;
  padding-top: 1px;
}
@media (max-width: 1280px) {
  .logo__container a {
    padding-top: 3px;
  }
  .logo__container img {
    max-width: 200px;
    margin-left: 0px !important;
  }
}
@media (max-width: 1024px) {
  .logo__container a {
    padding-top: 10px;
  }
  .logo__container img {
    max-width: 180px;
    margin-left: -8px !important;
  }
}
@media (max-width: 768px) {
  .logo__container a {
    padding-top: 8px;
  }
  .logo__container img {
    max-width: 150px;
    margin-left: -22px !important;
  }
}

.bar1,
.bar2,
.bar3 {
  display: block;
  width: 35px;
  height: 3px;
  background-color: #592b8a;
  margin: 6px 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

button.active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  -ms-transform: rotate(-45deg) translate(-6px, 6px);
      transform: rotate(-45deg) translate(-6px, 6px);
}

button.active .bar2 {
  opacity: 0;
}

button.active .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -7px);
  -ms-transform: rotate(45deg) translate(-6px, -7px);
      transform: rotate(45deg) translate(-6px, -7px);
}

.menu {
  position: absolute;
  right: 10px;
  background-color: transparent;
  outline: none;
  border: none;
  top: 15px;
}

.skipLink {
  position: absolute;
  opacity: 0;
  z-index: 10;
  background: white;
  padding: 10px;
  border: 1px solid #592b8a;
  pointer-events: none;
}
.skipLink:focus {
  opacity: 1;
}

.menu__container {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .menu__container {
    display: block;
    z-index: 50;
  }
}

@media only screen and (max-width: 1023px) {
  .VMenu {
    margin-top: 20px;
    height: 70px;
    padding-bottom: 10px;
    overflow: hidden;
    -webkit-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
    font-family: "Poppins";
  }
}
@media only screen and (max-width: 1023px) and (max-width: 767px) {
  .VMenu {
    padding-bottom: 0px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1023px) {
  .VMenu nav ul {
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
    -webkit-padding-end: 0px;
            padding-inline-end: 0px;
  }
  .VMenu .mobile\:show {
    display: block !important;
  }
  .navigation__element__fake {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    visibility: visible;
    width: 100%;
    left: 0px;
    padding: 0px;
    background-color: white;
    color: #592b8a;
    font-size: 17px;
  }
  .navigation__element__fake a {
    font-size: 17px;
  }
  .navigation .navigation__element {
    padding: 0px;
    width: 100%;
    margin: 0px;
    text-align: left;
    padding: 0px 32px !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #592b8a;
    font-size: 17px;
  }
  .navigation .navigation__element br {
    display: none;
  }
  .navigation .navigation__element a,
  .navigation .navigation__element .navigation__element__fake__header {
    font-size: 17px;
  }
  .navigation .navigation__element {
    margin-bottom: 25px;
  }
  .navigation .navigation__element.hasChildren.active .navigation__element__fake {
    visibility: visible;
    color: #592b8a;
    z-index: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navigation .navigation__element.hasChildren.active .navigation__element__subnav {
    max-height: 300px;
    border-bottom: solid 2px #592b8a;
  }
  .navigation .navigation__element.hasChildren.active .subnav__button {
    top: 22px;
  }
  .navigation .navigation__element.hasChildren.active .subnav__button::after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .navigation .navigation__element .button {
    max-width: 200px;
    border-radius: 20px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .navigation__element__subnav a {
    color: #00878b;
    font-weight: 400;
    margin-bottom: 20px;
  }
  .navigation__utility {
    padding-top: 16px;
    background-color: #e5f2f3;
    width: 100%;
    padding-bottom: 32px;
  }
  .navigation__utility hr {
    max-width: 90%;
    background-color: transparent;
    border-bottom: solid 1px #592b8a;
    margin: 0px auto;
    margin-bottom: 16px;
  }
  .navigation__utility .navigation__element {
    margin-bottom: 16px;
    color: #00878b;
  }
  .subnav__button {
    display: block;
    height: 16px;
    width: 16px;
    outline: none;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 9px;
    right: 32px;
  }
  .subnav__button svg {
    display: none;
  }
  .subnav__button::after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 0px;
    left: 0px;
    border-right: solid 4px #592b8a;
    border-bottom: solid 4px #592b8a;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
  }
  .subnav__button-inner {
    display: none !important;
  }
}
@media only screen and (min-width: 1024px) {
  .navigation li:nth-of-type(3) {
    margin-right: 30px;
  }
  .navigation li:nth-of-type(4) {
    margin-right: 20px;
  }
  .navigation li:nth-of-type(5) {
    margin-right: 10px;
  }
  .navigation li:nth-of-type(5),
  .navigation li:nth-of-type(6),
  .navigation li:nth-of-type(7) {
    width: 141px;
  }
  .navigation li:nth-of-type(8) {
    width: 125px;
    padding: 7px 23px;
    border-radius: 20px;
    background-color: #563091;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    margin-left: 15px;
  }
  .navigation li:nth-of-type(8) a {
    margin: 0;
  }
  .navigation li:nth-of-type(8) a.active, .navigation li:nth-of-type(8) a:hover, .navigation li:nth-of-type(8) a:focus {
    color: #fff !important;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1237px) {
  .navigation .navigation__element:nth-of-type(6) .subnav__button {
    top: 33%;
    right: 7%;
  }
  .navigation .navigation__element:nth-of-type(7) .subnav__button {
    top: 33%;
    right: 17%;
  }
}
@media only screen and (min-width: 1238px) {
  .navigation .navigation__element:nth-of-type(6) .subnav__button {
    top: 33%;
    right: 19%;
  }
  .navigation .navigation__element:nth-of-type(7) .subnav__button {
    top: 33%;
    right: 12%;
  }
}

/*! purgecss end ignore */
.footer--container {
  margin-top: 55px;
}
.footer--container .footerLinkGap {
  gap: 12px 0;
  margin-top: 40px;
  margin-bottom: 40px !important;
}
@media screen and (max-width: 767px) {
  .footer--container .footerLinkGap {
    gap: 0px 0px;
    margin-top: 20px;
    margin-bottom: 15px !important;
  }
}

footer {
  background-image: radial-gradient(circle at 69% 55%, #00bbba, #00878b 74%);
  padding: 70px 0px;
  color: white;
  position: relative;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0px;
}
@media (max-width: 767px) {
  footer {
    font-size: 0.8rem;
  }
}

.footer__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-padding-start: 0px;
          padding-inline-start: 0px;
}
.footer__navigation li {
  position: relative;
  list-style: none;
  font-size: 16px;
}
.footer__navigation li a {
  font-weight: 500;
}
@media (max-width: 767px) {
  .footer__navigation li a {
    font-size: 0.8rem;
  }
}
.footer__navigation li {
  padding-right: 8px;
  padding-left: 8px;
}
.footer__navigation li::after {
  content: "";
  height: 80%;
  top: 10%;
  width: 1px;
  position: absolute;
  right: 0px;
  background-color: white;
}
.footer__navigation li:last-child::after {
  display: none;
}
.footer__navigation li .cookie-settings-button {
  cursor: pointer;
  padding-left: 0;
}
@media (max-width: 767px) {
  .footer__navigation li {
    padding-right: 8px;
    padding-left: 8px;
    text-align: center;
  }
  .footer__navigation li:last-child::after {
    display: none;
  }
}

.footer__logo {
  max-width: 308px;
  width: 100%;
}
@media (max-width: 767px) {
  .footer__logo {
    max-width: 230px;
  }
}

.footer--container > img {
  max-width: 100%;
  display: block;
}

.footer-gird {
  gap: 1rem;
}

.cookie-settings-btn {
  cursor: pointer;
}

/*! purgecss start ignore */
#isi h2 {
  margin-top: 3rem;
}
#isi h2,
#isi h3 {
  font-weight: 700;
}
#isi ul {
  margin-top: 4px;
}
#isi ul strong,
#isi ul b {
  color: #592b8a;
  font-weight: 600;
}
#isi ul:last-of-type {
  margin-top: 5px;
}
#isi h3 {
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  #isi h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  #isi h3 {
    font-size: 15px;
  }
}
#isi b,
#isi strong {
  font-weight: 600;
}
#isi a {
  color: #592b8a;
  display: inline;
  text-decoration: underline;
}
#isi > div:nth-child(2) {
  padding-top: 50px;
}
@media (max-width: 767px) {
  #isi > div:nth-child(2) {
    padding-top: 5px;
  }
}
#isi .purple {
  color: #592b8a;
}

.container .isi_bottom {
  margin-top: -20px;
}
.container .isi_bottom p {
  margin-top: 20px !important;
  margin-bottom: -10px;
}

.isi__scroller {
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  bottom: 0%;
  height: 20%;
  overflow-y: hidden;
  background-color: white;
  width: 100%;
  left: 0px;
  -webkit-box-shadow: 0px -2px 10px 1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px -2px 10px 1px rgba(0, 0, 0, 0.75);
  -webkit-transition: height 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: height 0.5s ease-in-out, top 0.5s ease-in-out, opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  z-index: 95;
  opacity: 1;
  visibility: visible;
}
.isi__scroller.active {
  height: calc(100% - 185px);
  bottom: 0%;
}
@media only screen and (max-width: 1023px) {
  .isi__scroller.active {
    height: calc(100% - 110px);
  }
}
@media only screen and (max-width: 767px) {
  .isi__scroller.active {
    height: calc(100% - 100px);
  }
}
.isi__scroller.active .isi__expander:after {
  opacity: 0;
}
.isi__scroller.jshidden {
  visibility: hidden;
  opacity: 0;
}

.isi__expander {
  cursor: pointer;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0px;
  color: white;
  position: absolute;
  right: 5%;
  top: 50%;
  font-weight: 500;
  height: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.isi__expander svg {
  width: 35px;
  vertical-align: middle;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}
@media (max-width: 767px) {
  .isi__expander {
    width: 30px;
  }
}
.isi__expander span {
  content: "";
  position: relative;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .isi__expander span {
    display: none;
  }
}
.isi__expander:focus-visible {
  outline: 1px solid #191919;
}

#isi .list {
  -webkit-padding-start: 30px;
          padding-inline-start: 30px;
}
#isi .list li {
  list-style: none;
  position: relative;
}
#isi .list li::before {
  content: url('../media/content/images/list-icon.svg'); /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #00878b; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 10px; /* Also needed for space (tweak if needed) */
  margin-left: -20px;
  margin-right: 8px;
  position: absolute;
  left: -6px;
}
#isi .list li {
  padding-bottom: 5px;
}
#isi .list li p {
  display: inline;
}
#isi .list li p:not(:first-of-type) {
  display: block;
  margin-top: 0.3rem;
}
#isi .list li li::before {
  color: #00878b; /* Change the color */
  content: "–"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
}

@media (max-width: 767px) {
  #isi.mt-5 ul.list li:nth-child(3) {
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  #isi.mt-5 ul.list:nth-of-type(2) li {
    padding-top: 5px;
    margin-bottom: -10px;
  }
}

/*! purgecss end ignore */
.banner {
  background-image: radial-gradient(circle at 50% 50%, #7b4fa0 0%, #592b8a 33%);
  color: white;
  text-align: left;
  padding: 24px;
  border-radius: 20px;
  font-weight: 300;
}
.banner a {
  text-decoration: underline;
  color: #9bd0db;
}
.banner b, .banner strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .banner {
    padding: 24px;
  }
}
.banner.hcp {
  background-color: #774bbc;
}

.homepage .banner {
  background-image: none;
  color: #774bbc;
}
.homepage .banner a {
  color: #774bbc;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .homepage .banner {
    color: #ffffff;
  }
  .homepage .banner a {
    color: #ffffff;
  }
}

.next-page--section {
  font-size: calc(17px + (22 - 17) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .next-page--section {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .next-page--section {
    font-size: 17px;
  }
}
.next-page--section {
  line-height: calc(23px + (26 - 23) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .next-page--section {
    line-height: 26px;
  }
}
@media only screen and (max-width: 479px) {
  .next-page--section {
    line-height: 23px;
  }
}
.next-page--section {
  color: #592b8a;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .next-page--section {
    text-align: left;
  }
}
.next-page--section a, .next-page--section a * {
  font-weight: 600;
  text-decoration: underline;
}
.next-page--section .next-page__link {
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
  margin-top: 10px;
}

.link-banner {
  max-width: 835px;
  margin: auto;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: calc(30px + (70 - 30) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .link-banner {
    padding-right: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .link-banner {
    padding-right: 30px;
  }
}
.link-banner {
  padding-left: calc(30px + (70 - 30) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .link-banner {
    padding-left: 70px;
  }
}
@media only screen and (max-width: 479px) {
  .link-banner {
    padding-left: 30px;
  }
}
.link-banner {
  padding-top: calc(44px + (40 - 44) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .link-banner {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .link-banner {
    padding-top: 44px;
  }
}
.link-banner {
  padding-bottom: calc(44px + (40 - 44) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .link-banner {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .link-banner {
    padding-bottom: 44px;
  }
}
.link-banner h2 {
  font-weight: 300;
  padding-bottom: 0;
  font-size: calc(26px + (36 - 26) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .link-banner h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 479px) {
  .link-banner h2 {
    font-size: 26px;
  }
}

.bannerSection {
  padding: 37px 42px;
  background-color: #f3f3f3;
  margin: 0 auto;
  margin-bottom: 45px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 994px;
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bannerSection img {
  padding-right: 15px;
  min-width: 75px;
}
@media (max-width: 767px) {
  .bannerSection img {
    min-width: 100%;
  }
}
.bannerSection p {
  color: #774bbc;
  text-align: left;
}
.bannerSection p::after {
  content: "";
  width: 10px;
  height: 16px;
  background-color: #38abab;
  display: inline-block;
  margin-left: 5px;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
@media (max-width: 767px) {
  .bannerSection {
    padding: 27px;
  }
  .bannerSection img {
    padding-right: 0px;
  }
  .bannerSection p {
    padding-left: 15px;
  }
}
.bannerSection::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 8px;
  left: 0px;
  top: 0px;
  border-radius: 8px;
  background: rgb(56, 171, 171);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(56, 171, 171)), to(rgb(86, 48, 145)));
  background: linear-gradient(180deg, rgb(56, 171, 171) 0%, rgb(86, 48, 145) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#38abab",endColorstr="#563091",GradientType=1);
}
.bannerSection.no-triangle p::after {
  display: none;
}
.bannerSection > div:nth-child(2) {
  max-width: 87%;
}

.linkBannerSection {
  display: block;
  margin: 0 auto;
  max-width: 994px;
  width: 100%;
}
@media (max-width: 767px) {
  .linkBannerSection h3 {
    margin-left: 16px;
  }
}

.button {
  background-color: #592b8a;
  border: 1px solid #592b8a;
  color: white;
  padding: 8px 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
}
.button.active {
  background-color: #592b8a;
}
.button:active, .button:hover {
  background-color: rgba(89, 43, 138, 0.7);
}
.button:focus {
  background-color: rgba(89, 43, 138, 0.7);
  outline: #38abab;
  outline-offset: 3px;
  outline-width: 2px;
  outline-style: solid;
}
.button:active:not(:focus) {
  background-color: #592b8a;
}
.button.button--thin {
  padding: 4px 10px;
  font-size: 0.8rem;
  line-height: 20px;
}
.button div {
  display: inline-block;
}

.button--alt {
  background-color: white;
  color: #592b8a;
  border: 1px solid #592b8a;
}
.button--alt.active {
  background-color: white;
}
.button--alt:active, .button--alt:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #592b8a;
}
.button--alt.active, .button--alt:active, .button--alt:hover {
  background-color: rgba(255, 255, 255, 0.7);
  color: #592b8a;
}
.button--alt:focus {
  background-color: rgba(255, 255, 255, 0.7);
  color: #592b8a;
}

.accordian-button {
  border-radius: 40px;
  background-image: radial-gradient(circle at 50% 50%, #7b4fa0, #592b8a 37%);
  width: 100%;
  font-size: calc(15px + (22 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .accordian-button {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .accordian-button {
    font-size: 15px;
  }
}
.accordian-button {
  font-weight: 500;
  font-stretch: normal;
  padding: 25px;
  color: white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.accordian-button .inline-block {
  width: 35px;
  height: 35px;
}

.button--cont a {
  background-color: #592b8a;
  border: 1px solid #592b8a;
  color: white;
  padding: 8px 11px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
}
.button--cont a.active {
  background-color: #592b8a;
}
.button--cont a:active, .button--cont a:hover {
  background-color: rgba(89, 43, 138, 0.7);
}
.button--cont a:focus {
  background-color: rgba(89, 43, 138, 0.7);
}

.callout {
  margin-left: auto;
  margin-right: auto;
  min-height: 270px;
  position: relative;
}
.callout h2 {
  font-weight: normal;
  font-size: calc(26px + (36 - 26) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout h2 {
    font-size: 36px;
  }
}
@media only screen and (max-width: 479px) {
  .callout h2 {
    font-size: 26px;
  }
}
.callout .false-bg {
  height: 100%;
  position: absolute;
  border-radius: 25px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .callout .false-bg {
    height: unset;
    width: auto;
    bottom: 0;
  }
}
.callout .false-bg img {
  max-width: 100%;
  position: relative;
  max-height: 100%;
  top: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.callout .callout__copy {
  z-index: 2;
  position: relative;
}
.callout .callout__copy h2 {
  font-size: calc(20px + (32 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout .callout__copy h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .callout .callout__copy h2 {
    font-size: 20px;
  }
}
.callout .callout__copy h2 {
  line-height: calc(24px + (42 - 24) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout .callout__copy h2 {
    line-height: 42px;
  }
}
@media only screen and (max-width: 479px) {
  .callout .callout__copy h2 {
    line-height: 24px;
  }
}
.callout .callout__copy h2 {
  font-weight: normal;
  color: #592b8a;
  font-family: "Poppins";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.callout .button {
  display: inline-block;
}
.callout.callout__request {
  max-width: 920px;
}
.callout.callout__request .asset {
  width: 375px;
  margin: auto 0 auto auto;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .callout.callout__request .asset {
    max-width: 250px;
    margin: auto;
  }
}
.callout.callout__request .callout__copy {
  padding: unset;
  padding-right: calc(0px + (75 - 0) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .callout.callout__request .callout__copy {
    padding-right: 75px;
  }
}
@media only screen and (max-width: 479px) {
  .callout.callout__request .callout__copy {
    padding-right: 0px;
  }
}
.callout.callout__request .callout__copy h2 {
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .callout.callout__request .callout__copy h2 {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .callout.callout__request .callout__copy {
    width: 340px;
    max-width: 100%;
    margin: 1rem auto auto auto;
    display: block;
    text-align: center;
  }
}
.callout.callout__request .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .callout.callout__request .button {
    margin: auto;
    display: block;
  }
}
.callout.callout__request .references {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.references-container {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .references-container {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .homepage .rett-callout {
    max-width: 430px;
    margin-top: 50px !important;
  }
}
.homepage .rett-callout .callout {
  min-height: 327px;
  padding: 0 40px;
}
@media (max-width: 767px) {
  .homepage .rett-callout .callout {
    padding: 0 40px 36px;
  }
}
@media (max-width: 767px) {
  .homepage .rett-callout .callout div:nth-child(1) {
    height: unset !important;
  }
}
.homepage .rett-callout .callout div:nth-child(2) {
  margin-bottom: 16px !important;
}
.homepage .rett-callout .callout .divider {
  width: unset !important;
  height: unset !important;
}
.homepage .rett-callout .callout .false-bg {
  position: unset;
  overflow: unset;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
}
.homepage .rett-callout .callout .false-bg img {
  position: unset;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
}
@media only screen and (max-width: 767px) {
  .homepage .rett-callout .callout .false-bg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-height: 170px !important;
  }
}
.homepage .rett-callout .callout .right-col {
  padding-right: 0 !important;
}
.homepage .rett-callout .callout .right-col button {
  padding: 11px 20px;
}
@media only screen and (max-width: 767px) {
  .homepage .rett-callout .callout .right-col {
    padding-left: 0 !important;
  }
}
.homepage .rett-callout img {
  width: 445px;
}
.homepage .rett-callout .callout__copy h1 {
  font-size: 32px;
  line-height: 36px;
  color: #592b8a;
  margin-bottom: 0 !important;
}
.homepage .rett-callout .callout__copy h2 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 300;
  margin-top: 8px;
  padding-bottom: 0;
}
.homepage .rett-callout .references {
  padding-top: 15px;
}
.homepage .card-container {
  gap: 16px;
}
.homepage .card-container .card-layout .button {
  max-width: 164px;
  padding: 11px 21px;
}
@media (min-width: 768px) and (max-width: 941px) {
  .homepage .card-container .card-layout {
    margin: 48px 0 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 941px) {
  .homepage .card-container {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
}

.rsbg-main .cust-callout-rsbq .callout .false-bg {
  border-radius: 0;
}
.rsbg-main .cust-callout-rsbq .callout > div {
  width: 165px;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .rsbg-main .cgiCustomSectionMaddy .callout.callout__request {
    max-width: 920px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 767px) {
  .rsbg-main .cgiCustomSectionMaddy .callout.callout__request .asset {
    max-width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .rsbg-main .cgiCustomSectionMaddy .callout__copy h2 {
    font-size: 17px !important;
    line-height: 21px !important;
  }
  .rsbg-main .cust-callout-rsbq .callout .false-bg {
    border-radius: 0;
  }
  .rsbg-main .cust-callout-rsbq .callout > div {
    width: 250px;
    padding-left: 70px;
  }
}
.cgi .cgiCustomSectionMaddy {
  padding-right: 34px;
}

.hero:not(.hero-home) {
  position: relative;
  background-image: radial-gradient(circle at 27% 50%, #7b4fa0 0%, #592b8a 33%);
  margin-bottom: 40px;
}
.hero:not(.hero-home) .container {
  max-width: 1350px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: calc(20px + (95 - 20) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .hero:not(.hero-home) .container {
    padding-left: 95px;
  }
}
@media only screen and (max-width: 479px) {
  .hero:not(.hero-home) .container {
    padding-left: 20px;
  }
}
.hero:not(.hero-home) .container {
  padding-top: calc(30px + (90 - 30) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .hero:not(.hero-home) .container {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 479px) {
  .hero:not(.hero-home) .container {
    padding-top: 30px;
  }
}
.hero:not(.hero-home) .container {
  padding-bottom: calc(150px + (65 - 150) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .hero:not(.hero-home) .container {
    padding-bottom: 65px;
  }
}
@media only screen and (max-width: 479px) {
  .hero:not(.hero-home) .container {
    padding-bottom: 150px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero:not(.hero-home) .container {
    padding-bottom: calc(30px + (40 - 30) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 1023px) and (min-width: 1500px) {
  .hero:not(.hero-home) .container {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 479px) {
  .hero:not(.hero-home) .container {
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .hero:not(.hero-home) .container {
    padding-bottom: 0;
  }
}
.hero:not(.hero-home) h1 {
  color: white;
  font-weight: 300;
  font-family: "Poppins";
}
@media screen and (max-width: 990px) {
  .hero:not(.hero-home) h1 {
    padding: 0px 0px 0px 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .hero:not(.hero-home) h1 {
    padding: 0px !important;
  }
}
.hero:not(.hero-home) h2 {
  font-weight: 400;
  font-size: 1.8rem;
}
.hero:not(.hero-home) img {
  position: absolute;
  right: 0px;
  bottom: -35px;
  width: 56%;
}
@media (max-width: 1370px) {
  .hero:not(.hero-home) img {
    right: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .hero:not(.hero-home) img {
    bottom: unset;
    top: calc(30px + (40 - 30) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 1023px) and (min-width: 1500px) {
  .hero:not(.hero-home) img {
    top: 40px;
  }
}
@media only screen and (max-width: 1023px) and (max-width: 479px) {
  .hero:not(.hero-home) img {
    top: 30px;
  }
}
@media screen and (max-width: 940px) {
  .hero:not(.hero-home) img {
    top: calc(30px + (100 - 30) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 940px) and (min-width: 1500px) {
  .hero:not(.hero-home) img {
    top: 100px;
  }
}
@media only screen and (max-width: 940px) and (max-width: 479px) {
  .hero:not(.hero-home) img {
    top: 30px;
  }
}
@media screen and (max-width: 840px) {
  .hero:not(.hero-home) img {
    top: calc(30px + (170 - 30) * (100vw - 479px) / (1500 - 479));
  }
}
@media only screen and (max-width: 840px) and (min-width: 1500px) {
  .hero:not(.hero-home) img {
    top: 170px;
  }
}
@media only screen and (max-width: 840px) and (max-width: 479px) {
  .hero:not(.hero-home) img {
    top: 30px;
  }
}
@media (max-width: 767px) {
  .hero:not(.hero-home) img {
    position: relative;
    width: 100%;
    right: 0;
  }
}

.hcp-prespective .customMarginZero {
  margin-bottom: 0px;
}

.customMarginZero .hero__info {
  max-width: 282px;
}
.customMarginZero .hero__info br {
  display: none;
}
@media (max-width: 767px) {
  .customMarginZero .hero__info {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
  .customMarginZero .hero__info br {
    display: inline-block;
  }
}

.hero__container {
  max-width: 37%;
  position: relative;
  z-index: 2;
  min-height: calc(100px + (275 - 100) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .hero__container {
    min-height: 275px;
  }
}
@media only screen and (max-width: 479px) {
  .hero__container {
    min-height: 100px;
  }
}
.hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .hero__container {
    min-height: unset;
    display: block;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.hero__container > div {
  margin-top: auto;
  margin-bottom: auto;
}

.hero__info {
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  padding: 0px !important;
  border-radius: 10px;
  background: rgba(89, 43, 138, 0.702);
}
.hero__info::before {
  content: "";
  opacity: 0.8;
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(120deg, #c3b4d8 2%, #9bd0db 78%) 10% round;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.hero__info div {
  padding: 10px 18px;
  color: white;
  font-style: italic;
  border-radius: 10px;
}
.hero__info div em,
.hero__info div i {
  color: #c8edec;
}
.hero__info {
  right: 35%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 1023px) {
  .hero__info {
    bottom: 40%;
  }
}
@media (max-width: 767px) {
  .hero__info {
    top: unset;
    bottom: 7%;
    right: unset;
    left: 7%;
  }
}

.carousel-home {
  position: relative;
}
.carousel-home .agile__actions {
  position: absolute;
  top: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.carousel-home .agile__actions .agile__nav-button {
  width: 30px;
  height: 30px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: transparent;
}
.carousel-home .agile__actions .agile__nav-button--prev {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: 37px;
  color: transparent;
}
.carousel-home .agile__actions .agile__nav-button--prev::after {
  content: url('../media/content/images/prev-arrow.svg');
  position: absolute;
  left: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .carousel-home .agile__actions .agile__nav-button--prev::after {
    top: 45%;
  }
}
.carousel-home .agile__actions .agile__dots {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0 17px;
  margin-bottom: 22px;
}
.carousel-home .agile__actions .agile__dots .agile__dot {
  width: 57px !important;
  height: 3px !important;
}
.carousel-home .agile__actions .agile__dots .agile__dot button {
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  background-color: #7b7a7a;
  width: 100%;
  height: 100%;
}
.carousel-home .agile__actions .agile__dots .agile__dot--current button {
  background-color: #fff !important;
}
.carousel-home .agile__actions .agile__nav-button--next {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 37px;
  color: transparent;
}
.carousel-home .agile__actions .agile__nav-button--next::after {
  content: url('../media/content/images/next-arrow.svg');
  position: absolute;
  right: 3%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .carousel-home .agile__actions .agile__nav-button--next::after {
    top: 45%;
  }
}
.carousel-home .hero-home {
  position: relative;
}
.carousel-home .hero-home .hero__container {
  position: absolute;
  left: 33%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 47%;
  z-index: 2;
  margin: 0 auto;
  padding-top: 0px !important;
  padding-left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .carousel-home .hero-home .hero__container {
    padding-top: 40px !important;
  }
}
.carousel-home .hero-home .hero__container .arrow-right a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #592b8a;
  color: #fff;
  width: 100%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: 50px;
  font-size: 19.8px;
  line-height: 24px;
  padding: 13px 24px;
  padding-right: 25px;
  border: none;
  cursor: pointer;
}
.carousel-home .hero-home .hero__container .arrow-right a ::after {
  content: url('../media/content/images/arrowRightIcon.svg');
  color: #fff;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.7rem;
}
@media (max-width: 767px) {
  .carousel-home .hero-home .hero__container .arrow-right a {
    width: 243px;
    height: 36px;
    font-size: 14.4px;
    line-height: 18px;
    padding: 10px 17px;
  }
}
.carousel-home .hero-home .hero__container h1 {
  font-size: 58px;
  line-height: 70px;
  font-weight: 500;
  color: white;
}
@media screen and (max-width: 1540px) {
  .carousel-home .hero-home .hero__container h1 {
    font-size: 46px;
    line-height: 52px;
  }
}
@media screen and (max-width: 1113px) {
  .carousel-home .hero-home .hero__container h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .carousel-home .hero-home .hero__container h1 br {
    display: none;
  }
}
@media screen and (max-width: 872px) {
  .carousel-home .hero-home .hero__container h1 {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .carousel-home .hero-home .hero__container h1 {
    padding-top: 150px;
    font-size: 40px;
    line-height: 48px;
    width: 90%;
  }
}
@media screen and (max-width: 500px) {
  .carousel-home .hero-home .hero__container h1 {
    padding-top: 70px;
    font-size: 30px;
    line-height: 36px;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .carousel-home .hero-home .hero__container h1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    padding-top: 10px;
  }
  .carousel-home .hero-home .hero__container h1 br {
    display: none;
  }
}
.carousel-home .hero-home .hero__container p {
  color: #fff;
  font-weight: 600;
}
@media (max-width: 767px) {
  .carousel-home .hero-home .hero__container p {
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    margin-top: -5px;
  }
}
.carousel-home .hero-home .hero__container {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 767px) {
  .carousel-home .hero-home .hero__container {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: 0px;
    left: 16px;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px);
    -webkit-transform: translateY(94px);
        -ms-transform: translateY(94px);
            transform: translateY(94px);
    background-color: transparent;
    background-image: none;
    text-align: left;
  }
}
.carousel-home .hero-home .hero__asset {
  width: 100%;
  max-width: 100%;
}
.carousel-home .hero-home .hero__info {
  right: 3%;
  bottom: 10%;
  max-width: 190px;
  padding-right: 10px !important;
}
@media (max-width: 768px) {
  .carousel-home .hero-home .hero__info {
    max-width: 113px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    bottom: 4%;
    left: 62%;
    font-size: 10px !important;
    line-height: 12px !important;
  }
  .carousel-home .hero-home .hero__info p br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .carousel-home .hero-home .hero__info {
    left: 6%;
    top: 6%;
    max-width: 158px;
  }
}
.carousel-home .hero-home .hero__info {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(64%, #563091), color-stop(110%, rgba(56, 171, 171, 0)));
  background-image: linear-gradient(90deg, #563091 64%, rgba(56, 171, 171, 0) 110%);
}
@media screen and (max-width: 600px) {
  .carousel-home .hero-home .hero__info {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(80%, rgb(86, 48, 145)), color-stop(110%, rgba(0, 0, 0, 0.3)));
    background-image: linear-gradient(270deg, rgb(86, 48, 145) 80%, rgba(0, 0, 0, 0.3) 110%);
  }
}
.carousel-home .hero-home .hero__info::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px;
  background: -webkit-gradient(linear, left top, right top, color-stop(70%, rgb(255, 255, 255)), to(rgba(0, 0, 0, 0))) 10% round;
  background: linear-gradient(to right, rgb(255, 255, 255) 70%, rgba(0, 0, 0, 0) 100%) 10% round;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
@media screen and (max-width: 600px) {
  .carousel-home .hero-home .hero__info::before {
    background: -webkit-gradient(linear, right top, left top, color-stop(80%, rgb(255, 255, 255)), to(rgba(0, 0, 0, 0))) 10% round;
    background: linear-gradient(to left, rgb(255, 255, 255) 80%, rgba(0, 0, 0, 0) 100%) 10% round;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
}

.agile__actions {
  pointer-events: none;
}

.agile__actions button {
  pointer-events: auto; /* Allow interaction with buttons inside */
}

/* purgecss start ignore */
.tabletCust\:show {
  display: none;
}
@media (max-width: 960px) {
  .tabletCust\:show {
    display: block !important;
  }
}

.tabletCust\:hidden {
  display: block;
}
@media (max-width: 960px) {
  .tabletCust\:hidden {
    display: none !important;
  }
}

/* purgecss end ignore */
.customUl_li p b {
  color: #563091 !important;
}

.customUl_li a {
  color: #563091;
  text-decoration: underline;
  font-weight: 500;
}

.rett--hero .hero__info {
  right: 20%;
}
@media only screen and (max-width: 767px) {
  .rett--hero .hero__info {
    left: unset;
    right: 20%;
  }
}

.about--hero .hero__info {
  right: 10%;
  bottom: 52%;
}
@media screen and (max-width: 1175px) {
  .about--hero .hero__info {
    bottom: 39%;
  }
}
@media screen and (max-width: 1023px) {
  .about--hero .hero__info {
    top: unset;
    bottom: 46%;
    right: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .about--hero .hero__info {
    left: unset;
    right: 10%;
    bottom: 15%;
  }
}

.study-design .hero__info {
  top: 13%;
  right: 3%;
  bottom: unset;
}
@media screen and (max-width: 1181px) {
  .study-design .hero__info {
    top: 27%;
  }
}
@media only screen and (max-width: 767px) {
  .study-design .hero__info {
    top: 60%;
    right: 7%;
    width: 142px;
  }
}
@media screen and (max-width: 800px) {
  .study-design .customShadowRemove {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}

.safety--hero .hero__info {
  right: 30%;
  bottom: 52%;
}
@media screen and (max-width: 1171px) {
  .safety--hero .hero__info {
    bottom: 41%;
  }
}
@media only screen and (max-width: 1023px) {
  .safety--hero .hero__info {
    top: unset;
  }
}
@media only screen and (max-width: 767px) {
  .safety--hero .hero__info {
    left: unset;
    right: 45%;
    bottom: 15%;
  }
}
@media (min-width: 768px) and (max-width: 1074px) {
  .safety--hero .hero__info {
    right: 28%;
    bottom: 43%;
  }
}

.cgi--hero .hero__info {
  right: 10%;
  bottom: 12%;
}
@media only screen and (max-width: 1023px) {
  .cgi--hero .hero__info {
    top: 45%;
    bottom: unset;
  }
}
@media screen and (max-width: 963px) {
  .cgi--hero .hero__info {
    top: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .cgi--hero .hero__info {
    top: unset;
    left: unset;
    right: 8%;
    bottom: -5%;
  }
}

.connect--hero .hero__info {
  right: 45%;
  bottom: -4%;
}
@media screen and (max-width: 936px) {
  .connect--hero .hero__info {
    bottom: 28%;
  }
}
@media screen and (max-width: 1023px) {
  .connect--hero .hero__info {
    top: unset;
    right: 42.5%;
    bottom: 12%;
  }
}
@media (max-width: 885px) {
  .connect--hero .hero__info {
    right: 40%;
    top: 41%;
    bottom: unset;
  }
}
@media only screen and (max-width: 767px) {
  .connect--hero .hero__info {
    top: unset;
    left: 10%;
    right: unset;
    bottom: -2%;
  }
}

@media only screen and (max-width: 767px) {
  .real-world .hero__info {
    left: unset;
    right: 49%;
    bottom: -5%;
  }
}

.blank--hero .hero__info {
  background: none;
  bottom: 0;
  -webkit-transform: translateY(300%);
      -ms-transform: translateY(300%);
          transform: translateY(300%);
  right: 49%;
}
.blank--hero .hero__info::before {
  display: none;
}
.blank--hero .hero__info div {
  color: #191919;
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .blank--hero .hero__info {
    top: unset;
    -webkit-transform: translateY(400%);
        -ms-transform: translateY(400%);
            transform: translateY(400%);
  }
}
@media only screen and (max-width: 767px) {
  .blank--hero .hero__info {
    -webkit-transform: translateY(300%);
        -ms-transform: translateY(300%);
            transform: translateY(300%);
  }
}

@media only screen and (max-width: 767px) {
  .safety-hero-section .hero__container {
    padding: 0;
  }
}
.safety-hero-section h1 {
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .safety-hero-section h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 0;
  }
}

.hero-header-text h1 {
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .hero-header-text h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  .text-30vqdKYDYBCkFZhHKzZNd4 .hero__info {
    left: -1% !important;
    top: 3% !important;
    max-width: 130px !important;
  }
  .text-30vqdKYDYBCkFZhHKzZNd4 .hero__info > div {
    padding: 10px 0px 10px 18px;
  }
}

@media screen and (max-width: 600px) {
  .text-6t1666GPpwEVfQi6iV4Wfm .hero__info {
    left: -1% !important;
    top: 3% !important;
    max-width: 147px !important;
  }
  .text-6t1666GPpwEVfQi6iV4Wfm .hero__info > div {
    padding: 10px 0px 10px 18px;
  }
}
@media screen and (max-width: 331px) {
  .text-6t1666GPpwEVfQi6iV4Wfm .hero__info {
    left: -5px !important;
    top: 1% !important;
    max-width: 147px !important;
  }
}

@media screen and (max-width: 600px) {
  .text-1woYnLjqDV3OVQ9OtLftMe .hero__info {
    left: -1% !important;
    top: 3% !important;
    max-width: 150px !important;
  }
}
.text-1woYnLjqDV3OVQ9OtLftMe .hero__info > div {
  padding: 10px 0px 10px 20px;
}

.modal {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100;
  display: none;
}
.modal.active {
  display: block;
}

.modal__inner {
  background-color: white;
  width: 80%;
  max-width: 728px;
  padding: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #191919;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  max-height: 95%;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .modal__inner {
    width: 100%;
    padding: 25px;
    padding-top: 0px;
    max-height: 95%;
  }
  .modal__inner .asset {
    width: 100%;
  }
}

.modal--rep .modal__inner {
  padding: 32px 20px;
}
.modal--rep .modal__inner h3 {
  font-size: 20px;
  color: #592b8a;
  font-weight: 700;
}
.modal--rep .modal__inner p {
  font-size: 15px;
}
.modal--rep .modal__inner .repBtns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
}
@media (min-width: 1023px) {
  .modal--rep .modal__inner {
    padding: 72px 40px 40px;
  }
  .modal--rep .modal__inner h3 {
    font-size: 30px;
    line-height: 34px;
  }
  .modal--rep .modal__inner p {
    font-size: 18px;
  }
  .modal--rep .modal__inner .repBtns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 28px;
  }
}

.modal.gradient-border .modal__inner {
  border-radius: 20px;
  background-clip: padding-box;
  position: relative;
  padding: 0;
  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-sizing: border-box;
          box-sizing: border-box;
}
.modal.gradient-border .modal__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 3px; /* border thickness */
  background: -webkit-gradient(linear, left top, right top, from(#592b8a), to(#38abab));
  background: linear-gradient(90deg, #592b8a, #38abab);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: exclude;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 5;
}

.mixing-it-up .modal__inner {
  max-width: 335px;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  top: 40%;
  overflow: hidden;
}
@media (min-width: 1023px) {
  .mixing-it-up .modal__inner {
    top: 45%;
  }
}
@media (max-height: 430px) {
  .mixing-it-up .modal__inner {
    top: 275px;
  }
}
.mixing-it-up .modal__inner .modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mixing-it-up .modal__inner .mixing-it-up-logo {
  position: relative;
  width: 100%;
  max-width: 210px;
  margin: 28px auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mixing-it-up .modal__inner .mixing-it-up-logo img {
  width: 200px;
}
.mixing-it-up .modal__inner .modal__body {
  padding: 0 20px;
  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;
}
.mixing-it-up .modal__inner .modal__body a {
  color: #592b8a;
}
.mixing-it-up .modal__inner .modal__body p {
  margin-top: 12px;
  font-size: 15px;
  color: #414042;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.mixing-it-up .modal__inner .modal__body .external {
  font-size: 13px;
  margin: 16px 0 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
}
.mixing-it-up .modal__inner .mixing-it-up-product {
  margin-top: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  z-index: -1;
}
.mixing-it-up .modal__inner .mixing-it-up-product picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mixing-it-up .modal__inner .mixing-it-up-product img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
}
@media (min-width: 1023px) {
  .mixing-it-up .modal__inner {
    max-width: 935px;
    max-height: -webkit-fit-content;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .mixing-it-up .modal__inner .modal__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .mixing-it-up .modal__inner .modal__close:before, .mixing-it-up .modal__inner .modal__close:after {
    background-color: #fff;
  }
  .mixing-it-up .modal__inner .mixing-it-up-logo {
    margin: 0;
  }
  .mixing-it-up .modal__inner .mixing-it-up-logo img {
    width: 290px;
  }
  .mixing-it-up .modal__inner .modal__body {
    padding: 40px 20px 40px 40px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .mixing-it-up .modal__inner .modal__body .external {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .mixing-it-up .modal__inner .modal__body p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
  }
  .mixing-it-up .modal__inner .modal__body p.larger {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 24px;
  }
  .mixing-it-up .modal__inner .mixing-it-up-product {
    margin-top: 0;
  }
  .mixing-it-up .modal__inner .mixing-it-up-product img {
    min-width: 450px;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .mixing-it-up .modal__inner .mixing-it-up-product img {
    min-width: 379px;
  }
}

.modal__close {
  width: 30px;
  height: 30px;
  background-color: transparent;
  position: absolute;
  top: 12px;
  right: 12px;
  border-radius: 24px;
  cursor: pointer;
  z-index: 10;
}
.modal__close:hover::after, .modal__close:hover::before {
  width: 100%;
}
.modal__close::after, .modal__close::before {
  content: "";
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  height: 3px;
  width: 80%;
  background-color: #592b8a;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close::before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__footer__image {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;
}

.modal__content {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .modal--webinar {
    top: 0px;
  }
  .modal--webinar .modal__inner {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .modal--webinar .modal--webinar__content {
    padding: 0px 25px;
  }
  .modal--webinar .asset {
    display: block;
  }
  .modal--webinar .button {
    margin: 0px 25px;
  }
}

.modal--about {
  z-index: 1000001;
}
.modal--about .modal__inner {
  max-height: calc(100svh - 150px);
  max-width: 85vw;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .modal--about .modal__inner {
    padding-top: 1rem;
  }
}
.modal--about .modal__close {
  position: absolute;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  top: 12px;
  right: 12px;
}
.modal--about .modal__close::before {
  display: none;
}
.modal--about .modal__close::after {
  display: none;
}
.modal--about .modal__content * :not(.button) {
  color: #191919;
}
@media only screen and (max-width: 767px) {
  .modal--about .modal__content {
    padding-right: 0rem;
  }
}
.modal--about .modal__content h2 {
  color: #592b8a !important;
  padding-right: 10px;
}
.modal--about .modal__content h2 * {
  color: #592b8a !important;
}
.modal--about .modal__content .about__list {
  max-height: calc(100svh - 410px);
  overflow: scroll;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 1023px) {
  .modal--about .modal__content .about__list {
    padding-right: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .modal--about .modal__content .about__list {
    max-height: calc(100svh - 450px);
  }
}
.modal--about .modal__content .about__list ul li {
  padding: 0.25rem 0;
}
.modal--about .modal__content .about__list ul li:nth-of-type(2n) {
  background-color: rgba(0, 187, 186, 0.1);
}
.modal--about .modal__content .about__list .list li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
}
.modal--about .modal__content .about__list {
  /* Scrollbar Styling */
}
.modal--about .modal__content .about__list::-webkit-scrollbar {
  width: 10px; /* Adjust scrollbar width */
}
.modal--about .modal__content .about__list::-webkit-scrollbar-track {
  background-color: rgba(200, 200, 200, 0.5); /* Track color */
  border-radius: 5px;
}
.modal--about .modal__content .about__list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 187, 186, 0.7); /* Thumb color */
  border-radius: 5px; /* Make the thumb rounded */
  border: 2px solid rgba(255, 255, 255, 0.5); /* Optional: Add a border for contrast */
}
.modal--about .modal__content .about__list::-webkit-scrollbar-thumb:hover {
  background-color: rgb(0, 187, 186); /* Darker thumb on hover */
}
.modal--about .modal__content .about__list::-webkit-scrollbar-corner {
  background-color: transparent; /* Hide scrollbar corner in case of two scrollbars */
}
.modal--about .modal__content .about__list {
  /* Always show scrollbar */
  scrollbar-width: thin; /* For Firefox: makes the scrollbar thinner */
  scrollbar-color: rgba(0, 187, 186, 0.7) rgba(200, 200, 200, 0.5);
}

.modal--reftable .modal__inner {
  width: 90%;
  max-width: 500px;
}
.modal--reftable .modal__inner .modal__content {
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 1.75rem;
}
.modal--reftable .modal__inner .modal__content h3.modal__title {
  color: #592b8a;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.35rem;
  margin-bottom: 1rem;
}
.modal--reftable .modal__inner .modal__content .modal__copy {
  color: #414042;
  font-weight: 400;
  font-size: 1rem;
}
.modal--reftable .modal__inner .modal__content .modal__copy .semi-bold {
  font-weight: 700;
}
.modal--reftable .modal__inner .modal__content .modal__ref {
  color: #414042;
  font-weight: 300;
  font-size: 0.75rem;
}
@media only screen and (min-width: 767px) {
  .modal--reftable .modal__inner {
    max-width: 1200px;
  }
  .modal--reftable .modal__inner .modal__content h3.modal__title {
    font-size: 2rem;
    line-height: 1.2rem;
    margin-bottom: 2rem;
  }
  .modal--reftable .modal__inner .modal__content .modal__ref {
    font-size: 1rem;
  }
}

/*! purgecss start ignore */
.asset {
  max-width: 100%;
}

/*! purgecss end ignore */
/*! purgecss start ignore */
.tooltip__content {
  position: absolute;
  -webkit-transform: rotateX(90deg) translate(-50%, -110%);
          transform: rotateX(90deg) translate(-50%, -110%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background-color: white;
  padding: 8px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  text-align: center;
  font-size: 14px;
  max-width: 320px;
}
.tooltip__content::after {
  content: "";
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip__content.active, .tooltip__content:hover, .tooltipReveal .tooltip__content {
  -webkit-transform: rotateX(0deg) translate(-50%, -110%);
          transform: rotateX(0deg) translate(-50%, -110%);
}
@media (max-width: 767px) {
  .tooltip__content {
    max-width: 130px;
  }
}

.tooltip__fakeHover {
  cursor: pointer;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 130px;
  height: 25px;
  background-color: transparent;
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
}
.tooltip__fakeHover:hover + .tooltip__content {
  -webkit-transform: rotateX(0deg) translate(-50%, -110%);
          transform: rotateX(0deg) translate(-50%, -110%);
}

.tooltip__trigger span {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dashed;
}

/*! purgecss end ignore */
.bio p {
  font-size: calc(13px + (16 - 13) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .bio p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .bio p {
    font-size: 13px;
  }
}
.bio p {
  line-height: 1.2;
}
@media (max-width: 767px) {
  .bio img {
    max-width: 140px;
  }
}

.v-table {
  margin-bottom: 40px;
}
.v-table td:first-child,
.v-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 100;
  background-color: #fff;
  -webkit-filter: drop-shadow(2px 11px 10px rgba(41, 127, 127, 0.2));
          filter: drop-shadow(2px 11px 10px rgba(41, 127, 127, 0.2));
  border: 0px !important;
}
.v-table > .desktop-table::-webkit-scrollbar {
  height: 5px;
  display: none !important;
}
.v-table > .desktop-table::-webkit-scrollbar-track {
  background: #e0e0e0;
  border-radius: 10px;
}
.v-table > .desktop-table::-webkit-scrollbar-thumb {
  background: #c3b4d9;
  border-radius: 10px;
}
.v-table .desktop-table {
  border-radius: 28px 0 0 28px;
  scroll-behavior: smooth;
}
.v-table .desktop-table .chart-table td:first-child,
.v-table .desktop-table .chart-table th:first-child {
  border: 0px !important;
}
.v-table .desktop-table .chart-table {
  border-collapse: collapse;
  width: 1300px;
  /* max-width: 600px;
      width: 600px; */
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  color: #191919;
}
.v-table .desktop-table .chart-table th {
  /* padding: 10px 20px; */
  border: 0px solid #414042;
  min-width: 240px;
  width: 240px;
}
.v-table .desktop-table .chart-table th:first-child {
  border: 0px solid #414042;
}
.v-table .desktop-table .chart-table td {
  /* padding: 10px 20px; */
  border: 1px solid #d6d6d6;
  font-size: 14px;
  padding: 12px 15px;
  text-align: left;
  border-bottom: none !important;
  border-top: 0px !important;
}
.v-table .desktop-table .head-block {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 14px;
  padding-top: 11px;
  padding-bottom: 8px;
}
.v-table .desktop-table .head-img img {
  width: 77px;
}
.v-table .desktop-table .chart-table th.corner-cell {
  background-color: #58308c;
  font-size: 18px;
  color: #fff;
  min-width: 170px;
  width: 170px;
  position: sticky;
  left: 0;
  z-index: 2;
  padding: 20px 27px;
  text-align: left;
  line-height: 24px;
  border-radius: 28px 28px 0 0;
}
.v-table .desktop-table .area-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.v-table .desktop-table .area-img img {
  width: 65px;
}
.v-table .desktop-table .area-img {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.v-table .desktop-table .area-text {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
}
.v-table .desktop-table .head-text {
  font-size: 14px;
  color: #191919;
  text-align: left;
  padding-left: 17px;
  font-weight: 400;
  text-align: center;
}
.v-table .desktop-table .head-text .p-name {
  font-size: 18px;
  color: #592b8a;
  font-weight: 600;
}
.v-table .desktop-table .head-text .p-age {
  font-size: 16px;
  color: #592b8a;
  font-weight: 500;
  font-style: italic;
}
.v-table .desktop-table .area-text {
  font-size: 14px;
  font-weight: bold;
  color: #592b8a;
  padding-left: 0px;
  text-align: left;
  margin-left: 10px;
}
.v-table .desktop-table .chart-table tr:first-child {
  min-width: 222px;
  width: 222px;
}
.v-table .desktop-table .chart-table tr:nth-child(odd) {
  background: #fff;
}
.v-table .desktop-table .chart-table tr:nth-child(even) {
  background: #ede9f3;
}
.v-table .desktop-table .chart-table tr td:first-child {
  position: sticky;
  left: -1px;
  z-index: 2;
  text-align: left;
  background: #fff;
}
.v-table .desktop-table .chart-table tr:nth-child(even) td:first-child {
  padding: 18px 30px;
  text-align: left;
}
.v-table .desktop-table .chart-table tr:nth-child(odd) td:first-child {
  height: 2px;
  padding: 18px 30px;
  text-align: left;
}
.v-table .desktop-table .chart-table tr td.head-divider {
  background: -webkit-gradient(linear, left top, right top, from(#592b8a), to(rgb(0, 187, 186)));
  background: linear-gradient(to right, #592b8a 0%, rgb(0, 187, 186) 100%);
  height: 60px;
  position: relative;
}
.v-table .mobile-table .tCard-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 90%;
  margin: 1rem auto;
}
.v-table .mobile-table .tCard {
  border: 0.5px solid #414042;
  border-radius: 9px 0 0 0;
}
.v-table .mobile-table .tCard .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.8rem 0.8rem;
}
.v-table .mobile-table .tCard .profile .left {
  width: 40%;
}
.v-table .mobile-table .tCard .profile .left img {
  width: 90%;
}
.v-table .mobile-table .tCard .profile .right {
  width: 60%;
}
.v-table .mobile-table .tCard .profile .right p {
  line-height: 1.5;
}
.v-table .mobile-table .tCard .profile .right .head-text {
  color: #592b8a;
  font-size: 20px;
  font-weight: 700;
}
.v-table .mobile-table .tCard .profile .right .age {
  margin-top: 6px;
  color: #297f7f;
  font-size: 18px;
  font-weight: 600;
}
.v-table .mobile-table .tCard .profile .right .timeline {
  margin-top: 6px;
  color: #191919;
  font-size: 14px;
}
.v-table .mobile-table .tCard .client-improvements table {
  width: 100%;
  border-collapse: collapse;
}
.v-table .mobile-table .tCard .client-improvements table th p {
  color: #592b8a;
  font-size: 12px;
}
.v-table .mobile-table .tCard .client-improvements table th div {
  height: 50%;
  width: 100%;
}
.v-table .mobile-table .tCard .client-improvements table th div img {
  width: 70%;
}
.v-table .mobile-table .tCard .client-improvements table tr > * {
  padding: 1rem;
  text-align: center;
}
.v-table .mobile-table .tCard .client-improvements table tr:nth-child(odd) {
  background-color: #ede9f3;
}
.v-table .mobile-table .tCard .client-improvements table td p {
  font-size: 14px;
}
.v-table .mobile-table .tCard .client-improvements table th:first-child,
.v-table .mobile-table .tCard .client-improvements table td:first-child {
  border-right: 0.5px solid #414042;
}
.v-table .mobile-table .tCard .client-improvements table tr:not(:first-child) th,
.v-table .mobile-table .tCard .client-improvements table tr:not(:first-child) td {
  border-top: 0.5px solid #414042;
}
.v-table .mobile-table .accordian {
  width: 100%;
}
.v-table .mobile-table .accordian .header {
  background-image: linear-gradient(250deg, rgb(0, 187, 186) 0%, rgb(89, 43, 138) 100%);
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.7rem;
  gap: 1rem;
}
.v-table .mobile-table .accordian .header p {
  margin-top: 0;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
}
.v-table .mobile-table .btn {
  background-color: #592b8a;
  height: 35px;
  width: 154px;
  color: #fff;
  border-radius: 20px;
  border: none;
  margin-top: 16px;
  font-weight: 600;
}
.v-table .mobile-table .close {
  display: none;
}

.v-table .desktop-table {
  position: relative; /* Ensure the parent has relative positioning */
}
.v-table .desktop-table::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 224px;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.v-table .desktop-table.no-gradient::after {
  opacity: 0;
}

@media screen and (max-width: 701px) {
  .v-table {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .v-table .mobile-table {
    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;
  }
  .v-table .mobile-table .tCard-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .v-table .desktop-table .area-text,
  .v-table .desktop-table .area-block {
    display: block;
    text-align: center;
    margin-left: 0px;
  }
  .v-table .desktop-table .chart-table th.corner-cell {
    width: 110px;
    min-width: 110px;
    padding: 10px 10px;
  }
  .v-table .desktop-table .chart-table tr:nth-child(odd) td:first-child,
  .v-table .desktop-table .chart-table tr:nth-child(even) td:first-child {
    padding: 10px 10px;
  }
  .v-table .desktop-table::after {
    width: 110px;
    background: #ffffff;
  }
}
@media screen and (max-width: 411px) {
  .v-table .profile .left {
    width: 34% !important;
  }
}
.tableButtonsContainers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 24px;
  margin-bottom: 16px;
}
.tableButtonsContainers span:first-child {
  padding: 0 24px 0 0;
  width: 61px;
  height: 61px;
}

.active-icon {
  opacity: 1;
  cursor: pointer;
}
.active-icon svg circle {
  fill: #592b8a;
}
.active-icon svg path {
  fill: #fff;
}

.inactive-icon {
  cursor: not-allowed;
}
.inactive-icon svg circle {
  fill: #c6c6c6;
}
.inactive-icon svg path {
  fill: #fff;
}

.nextPatientBtn {
  background-color: #563091;
  border-radius: 23px;
  font-family: Montserrat-SemiBold;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-toolbars {
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.patient-grid-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px !important;
}
.patient-grid-container .patient-grid-overlay {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
  background: linear-gradient(to right, transparent, white);
  opacity: 1;
  position: absolute;
  bottom: 0;
  width: 263px;
  height: 1250px;
  pointer-events: none;
  right: 0;
  z-index: 10;
}
.patient-grid-container .patient-grid-wrapper {
  width: 100%;
  max-width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.patient-grid-container .symptoms-container {
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  left: 0 !important;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  background: #fff !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 238px !important;
  border-radius: 15px;
  margin-top: 60px !important;
}
.patient-grid-container .symptom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px 0px 27px !important;
  gap: 10px !important;
}
.patient-grid-container .symptoms-head {
  background: #592b8a;
  border-radius: 15px 15px 0 0;
  padding: 15px 15px 15px 27px !important;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 18px !important;
  word-wrap: break-word;
}
.patient-grid-container .symptom-img img {
  width: 65px !important;
}
.patient-grid-container .symptom-img {
  max-width: 30% !important;
}
.patient-grid-container .symptom-title {
  font-weight: 600;
  font-size: 16px !important;
  color: #592b8a;
  letter-spacing: 0;
  max-width: 60% !important;
}
@media screen and (max-width: 769px) {
  .patient-grid-container .symptoms-container {
    width: 118px !important;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .patient-grid-container .symptom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5px !important;
    padding-left: 5px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    vertical-align: middle;
  }
  .patient-grid-container .symptoms-head {
    font-size: 14px !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .patient-grid-container .symptom-img {
    max-width: 100% !important;
  }
  .patient-grid-container .symptom-title {
    width: 100% !important;
    text-align: center !important;
    font-size: 12px !important;
  }
}
.patient-grid-container .patient-card {
  border-left: none;
  border-top: none;
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 242px !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.patient-grid-container .patient-card .patient-symptom:nth-child(even) {
  background-color: #faf8fb;
}
.patient-grid-container .patient-wrapper {
  overflow-x: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  scroll-behavior: smooth;
  width: 1440px !important;
  scrollbar-width: 110px;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  position: relative;
  padding-bottom: 30px;
}
.patient-grid-container .patient-wrapper::-webkit-scrollbar {
  height: 16px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  margin-top: -20px;
  z-index: -1;
}
.patient-grid-container .patient-wrapper::-webkit-scrollbar-thumb {
  background-color: #563091;
  border-radius: 10px;
}
.patient-grid-container .patient-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgb(63.274611399, 35.3160621762, 106.6839378238);
}
.patient-grid-container .patient-wrapper::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.patient-grid-container .patient-wrapper::-webkit-scrollbar {
  display: none;
}
.patient-grid-container .patient-wrapper:hover::-webkit-scrollbar {
  display: block;
}
.patient-grid-container .patient-symptom {
  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;
  border: 1px solid #aa97c8;
  border-left: none;
  border-top: none;
}
.patient-grid-container .patient-symptom:last-child {
  border-bottom: none !important;
}
.patient-grid-container .patient-card:last-child {
  border-right: none !important;
}
.patient-grid-container .patient-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px !important;
  background-color: #fff;
  position: relative;
  height: 160px !important;
}
.patient-grid-container .patient-info::after {
  content: "";
  width: 1px;
  height: 50%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 9;
  background-color: rgba(86, 48, 145, 0.5);
}
.patient-grid-container .patient-info img {
  width: 80px !important;
}
.patient-grid-container .patient-info > .patient-name {
  font-size: 20px !important;
  color: #592b8a;
  margin-bottom: 10px !important;
  margin-top: 5px;
}
.patient-grid-container .patient-info > .patient-stats {
  font-size: 16px;
  font-style: italic;
}
.patient-grid-container .patient-cell {
  padding-left: 20px;
  padding-right: 20px;
  height: 125px !important;
  font-size: 14px;
  font-weight: 500;
  font-size: 14px;
  color: #191919;
}
.patient-grid-container .symptom-cell {
  height: 128px;
}
@media screen and (max-width: 769px) {
  .patient-grid-container .patient-info {
    padding-bottom: 5px !important;
  }
  .patient-grid-container .patient-cell {
    height: 138px !important;
  }
  .patient-grid-container .symptom-img img {
    width: 42px !important;
  }
}
.patient-grid-container .patient-grid-toolbars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 26px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 35px;
  margin-top: 26px;
}
.patient-grid-container .patient-grid-toolbars .arrowBtn {
  background: #c6c6c6;
  border-radius: 100%;
  width: 61px;
  height: 61px;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.patient-grid-container .patient-grid-toolbars .arrowBtn.active {
  background: #592b8a;
  cursor: pointer;
}
.patient-grid-container .nextPtn {
  border-radius: 23px !important;
  font-weight: 500;
  color: #ffffff;
  letter-spacing: 0;
  width: auto !important;
  padding-right: 18px !important;
  padding-left: 18px !important;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .patient-grid-container .patient-wrapper::-webkit-scrollbar {
    display: none !important;
  }
  .patient-grid-container .patient-info > .patient-name {
    font-size: 16px !important;
  }
  .patient-grid-container .patient-info > .patient-stats {
    font-size: 14px !important;
  }
  .patient-grid-container .patient-grid-toolbars {
    margin-top: 0px;
    margin-bottom: 26px;
  }
  .patient-grid-container .patient-grid-toolbars .arrowBtn {
    width: 45px;
    height: 43px;
  }
  .patient-grid-container .patient-grid-toolbars .arrowBtn svg {
    width: 13px !important;
    height: 22px !important;
  }
  .patient-grid-container .patient-grid-toolbars .arrowBtn.active {
    background: #563091;
    border-radius: 50%;
    font-weight: 500;
    color: #ffffff;
    letter-spacing: 0;
    width: auto !important;
    padding: 0px 16px;
    text-align: center;
  }
  .patient-grid-container .nextPtn {
    width: auto !important;
  }
}

.vtable-container {
  max-width: 1440px !important;
  margin-bottom: 55px !important;
}

@media screen and (max-width: 769px) {
  .vtable-container {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1024px) {
  .vtable-container {
    padding-right: 0px !important;
  }
}
@media screen and (min-width: 1400px) {
  .vtable-container {
    max-width: 1440px !important;
    padding-right: 0px !important;
  }
  .patient-grid-container {
    padding-left: 11% !important;
  }
}
@media screen and (max-width: 1399px) {
  .patient-grid-container {
    padding-left: 8% !important;
  }
}
@media screen and (max-width: 1299px) {
  .patient-grid-container {
    padding-left: 5% !important;
  }
}
@media screen and (max-width: 1262px) {
  .patient-grid-container {
    padding-left: 0% !important;
  }
}
.video-banner {
  position: relative;
  width: 100%;
  height: 481px;
  max-height: 481px;
  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;
  overflow: hidden;
}
.video-banner .video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
  z-index: -2;
}
.video-banner .video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
}
.video-banner .content {
  position: relative;
  text-align: center;
  color: white;
}
.video-banner .content h1 {
  font-size: 40px;
  line-height: 42px;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0 5rem;
}
@media (max-width: 768px) {
  .video-banner .content h1 {
    font-size: 20px;
    line-height: 26px;
    padding: 0 2rem;
  }
}
.video-banner .content .cta-button {
  display: inline-block;
  padding: 10.5px 24.5px;
  background-color: white;
  color: #592b8a;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.video-banner .content .cta-button:hover {
  background-color: #f0f0f0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.dosing-calculator-page-new {
  position: relative;
}
.dosing-calculator-page-new .link {
  color: #592b8a;
  text-decoration: underline;
  display: inline;
}
.dosing-calculator-page-new .inner-width {
  max-width: 815px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .inner-width {
    padding: 0 32px;
  }
}
.dosing-calculator-page-new .logo-wrapper {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dosing-calculator-page-new .logo-wrapper .logo {
  width: 200px;
}
@media only screen and (max-width: 1024px) {
  .dosing-calculator-page-new .logo-wrapper .logo {
    width: 177px;
  }
}
.dosing-calculator-page-new .logo-wrapper .logo.oral-logo {
  width: 200px;
}
@media only screen and (max-width: 1024px) {
  .dosing-calculator-page-new .logo-wrapper .logo.oral-logo {
    width: 140px;
  }
}
.dosing-calculator-page-new .landing-page .main-header {
  background: radial-gradient(circle at 30% center, #7B4FA0, #3E2753);
}
.dosing-calculator-page-new .landing-page .main-header h1 {
  font-size: calc(36px + (40 - 36) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .dosing-calculator-page-new .landing-page .main-header h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .dosing-calculator-page-new .landing-page .main-header h1 {
    font-size: 36px;
  }
}
.dosing-calculator-page-new .landing-page .main-header h1 {
  font-weight: 300;
  font-family: "Poppins";
  color: white;
  padding: 50px 0;
}
.dosing-calculator-page-new .landing-page .card-header {
  width: 100%;
  text-align: center;
  color: #592b8a;
  font-family: "Poppins";
  padding: 1rem 0;
  font-size: 20px;
  font-weight: 600;
}
.dosing-calculator-page-new .landing-page .landing-paths {
  padding-bottom: 20px;
}
.dosing-calculator-page-new .landing-page .landing-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card {
  padding: 0;
  border-radius: 25px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  color: #592b8a;
  max-width: 350px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card[data-path=powder] {
  background: #c3b4d8;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card[data-path=oral] {
  background: #9bd0db;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card[data-path=switch] {
  background: -webkit-gradient(linear, left top, right top, from(#9bd0db), to(#c3b4d8));
  background: linear-gradient(90deg, #9bd0db 0%, #c3b4d8 100%);
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card__top {
  border-radius: 200px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #fff;
  padding: 1rem 1rem 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card__top::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 200px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  padding: 4px; /* border thickness */
  background: -webkit-gradient(linear, left top, right top, from(#592b8a), to(#38abab));
  background: linear-gradient(90deg, #592b8a, #38abab);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card__top .icon {
  width: 100px;
  height: 100px;
  margin: 0.75rem 0;
  bottom: 16px;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card__top .title {
  font-size: 20px;
  line-height: 1.1;
  font-family: "Poppins";
  font-weight: 600;
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 15px 0;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card__button {
  background: #592b8a;
  border-radius: 20px;
  color: #fff;
  border: none;
  padding: 12px 1.6rem;
  margin: 0 20px 16px;
  font-family: "Poppins";
  font-weight: 400;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor: pointer;
}
.dosing-calculator-page-new .landing-page .landing-cards .landing-card__button:hover {
  opacity: 0.7;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .landing-page .landing-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    gap: 20px;
  }
  .dosing-calculator-page-new .landing-page .landing-cards .landing-card__top {
    font-size: 22px;
  }
  .dosing-calculator-page-new .landing-page .landing-cards .landing-card__button {
    padding: 0.5rem 1rem;
    margin: 0 26px 16px;
  }
  .dosing-calculator-page-new .landing-page .landing-cards .landing-card[data-path=stix] {
    max-width: 200px;
  }
}
@media only screen and (min-width: 900px) {
  .dosing-calculator-page-new .landing-page .landing-cards .landing-card__button {
    margin: 0 42px 16px;
  }
}
@media only screen and (min-width: 1024px) {
  .dosing-calculator-page-new .landing-page .landing-cards .landing-card__button {
    margin: 0 65px 16px;
  }
}
.dosing-calculator-page-new .detail-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 0 0 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dosing-calculator-page-new .detail-header__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dosing-calculator-page-new .detail-header__title .icon {
  width: 75px;
  height: 75px;
}
.dosing-calculator-page-new .detail-header__title h2 {
  font-weight: 300;
  color: #592b8a;
  line-height: 1.5rem;
  font-family: "Poppins";
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .detail-header__title .icon {
    width: 100px;
    height: 100px;
  }
  .dosing-calculator-page-new .detail-header__title h2 {
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}
.dosing-calculator-page-new .detail-header p {
  margin: 0;
  font-size: 0.9rem;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .detail-header p {
    font-size: 1rem;
  }
}
.dosing-calculator-page-new .back-button {
  border: none;
  background: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #414042;
  font-size: 0.9rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.dosing-calculator-page-new .back-button span {
  text-decoration: underline;
}
.dosing-calculator-page-new .back-button:hover span {
  text-decoration: none;
}
.dosing-calculator-page-new .back-button svg {
  margin-right: 2px;
  width: 0.9rem;
  fill: #414042;
}
.dosing-calculator-page-new .back-button.purple {
  color: #592b8a;
}
.dosing-calculator-page-new .back-button.purple svg {
  fill: #592b8a;
}
.dosing-calculator-page-new .back-button.r-align {
  right: 0;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .back-button {
    font-size: 1rem;
  }
  .dosing-calculator-page-new .back-button svg {
    width: 1rem;
  }
}
.dosing-calculator-page-new .calculator-wrapper {
  border-radius: 20px;
  background-clip: padding-box;
  position: relative;
  padding: 24px 24px;
  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;
  max-width: 815px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dosing-calculator-page-new .calculator-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 4px; /* border thickness */
  background: -webkit-gradient(linear, left top, right top, from(#592b8a), to(#38abab));
  background: linear-gradient(90deg, #592b8a, #38abab);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.dosing-calculator-page-new .calculator-wrapper .steps {
  text-transform: uppercase;
  font-family: "Poppins";
  font-weight: 700;
  color: #38abab;
  font-size: 1.1rem;
  margin: 0 auto 0.5rem;
}
.dosing-calculator-page-new .calculator-wrapper .title {
  font-family: "Poppins";
  font-weight: 600;
  color: #592b8a;
  font-size: 1.2rem;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .calculator-wrapper {
    padding: 32px 35px;
  }
  .dosing-calculator-page-new .calculator-wrapper .title {
    font-size: 1.7rem;
  }
}
.dosing-calculator-page-new .warning-wrapper {
  border-radius: 20px;
  background-clip: padding-box;
  position: relative;
  font-size: 14px;
  padding: 40px 5px 24px;
  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;
  max-width: 675px;
  margin: 4rem auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dosing-calculator-page-new .warning-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 3px; /* border thickness */
  background: -webkit-gradient(linear, left top, right top, from(#592b8a), to(#38abab));
  background: linear-gradient(90deg, #592b8a, #38abab);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.dosing-calculator-page-new .warning-wrapper ul {
  padding-left: 33px;
  list-style-image: url("/media/content/images/list-image.png");
}
.dosing-calculator-page-new .warning-wrapper ul li {
  padding-left: 5px;
  padding-right: 15px;
  margin-bottom: 20px;
}
.dosing-calculator-page-new .warning-wrapper ul li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 479px) {
  .dosing-calculator-page-new .warning-wrapper {
    padding: 32px 40px 32px 24px;
    font-size: 1rem;
  }
  .dosing-calculator-page-new .warning-wrapper::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    top: -45px;
    left: 15px;
  }
  .dosing-calculator-page-new .warning-wrapper ul {
    padding-left: 1em;
  }
  .dosing-calculator-page-new .warning-wrapper ul li {
    padding-left: 10px;
  }
}
.dosing-calculator-page-new {
  /* BUTTONS START */
}
.dosing-calculator-page-new .btn-gradient {
  border-radius: 8px;
  padding: 16px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border: none;
  background: linear-gradient(135deg, #c3b4d8, #9bd0db) border-box;
  color: #414042;
  font-weight: 700;
  max-height: 58px;
  cursor: pointer;
}
.dosing-calculator-page-new .btn-gradient input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.dosing-calculator-page-new .btn-gradient .radio {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: radial-gradient(currentColor 45%, transparent 47%) center/100% 100% no-repeat;
  color: transparent;
  border: 2px solid #313131;
  background-color: #fff;
}
.dosing-calculator-page-new .btn-gradient.active .radio {
  color: #313131;
  background-color: #fffffe;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .btn-gradient {
    width: 287px;
  }
}
.dosing-calculator-page-new .btn-gradient:hover {
  text-decoration: underline;
}
.dosing-calculator-page-new .pill-btn {
  border-radius: 100px;
  padding: 8px 22px;
  font-size: 1.1rem;
  min-width: 140px;
  border: 2px solid transparent;
  font-weight: 500;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  cursor: pointer;
}
.dosing-calculator-page-new .pill-btn.secondary {
  background: #fff;
  color: #592b8a;
  border-color: #592b8a;
}
.dosing-calculator-page-new .pill-btn.primary {
  background: #592b8a;
  color: #fff;
}
.dosing-calculator-page-new .pill-btn:hover {
  opacity: 0.7;
}
.dosing-calculator-page-new .pill-btn:disabled {
  opacity: 0.5;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  cursor: not-allowed;
}
.dosing-calculator-page-new .pill-btn:disabled:hover {
  opacity: 0.5;
}
.dosing-calculator-page-new {
  /* BUTTONS END */
  /* DISCLAIMER */
}
.dosing-calculator-page-new .patient-disclaimer, .dosing-calculator-page-new .weight-disclaimer {
  margin-top: 2rem;
  padding-bottom: 0;
}
.dosing-calculator-page-new .patient-disclaimer .disclaimer, .dosing-calculator-page-new .weight-disclaimer .disclaimer {
  color: #414042;
  font-weight: 400;
  margin-top: 0 !important;
}
.dosing-calculator-page-new .patient-disclaimer .disclaimer strong, .dosing-calculator-page-new .weight-disclaimer .disclaimer strong {
  font-weight: 700;
  color: #592b8a;
}
.dosing-calculator-page-new {
  /* RESULTS PANEL START */
}
.dosing-calculator-page-new .result-panel {
  max-width: 570px;
  margin: 40px auto 0;
  padding-bottom: 8px;
}
.dosing-calculator-page-new .result-panel .panel-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 3px;
  margin-bottom: 2px;
}
.dosing-calculator-page-new .result-panel .panel-row .panel-cell {
  background: #ede9f3;
  border: 1px solid #592b8a;
  border-radius: 4px;
  padding: 10px;
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 3px);
          flex: 1 1 calc(50% - 3px);
  min-height: 30px;
}
.dosing-calculator-page-new .result-panel .panel-row .panel-cell.label {
  font-weight: 600;
  color: #592b8a;
  text-align: center;
  font-size: 0.9rem;
}
.dosing-calculator-page-new .result-panel .panel-row .panel-cell .value {
  font-size: 1.4rem;
  color: #414042;
  font-size: 0.9rem;
}
.dosing-calculator-page-new .result-panel .panel-row .panel-cell.white-bg {
  background: #fff;
}
@media only screen and (min-width: 479px) {
  .dosing-calculator-page-new .result-panel .panel-row .panel-cell {
    padding: 14px;
  }
  .dosing-calculator-page-new .result-panel .panel-row .panel-cell.label, .dosing-calculator-page-new .result-panel .panel-row .panel-cell .value {
    font-size: 1.1rem;
  }
}
.dosing-calculator-page-new .result-panel .card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ede9f3;
  border: 1px solid #592b8a;
  border-radius: 4px;
  padding: 16px 20px 16px 15px;
  margin-top: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1.1rem;
}
.dosing-calculator-page-new .result-panel .card.white-bg {
  background: #fff;
}
.dosing-calculator-page-new .result-panel .card .badge {
  width: 75px;
  height: 75px;
  position: relative;
}
.dosing-calculator-page-new .result-panel .card .badge img {
  width: 100%;
}
@media only screen and (min-width: 479px) {
  .dosing-calculator-page-new .result-panel .card .badge {
    width: 100px;
    height: 100px;
  }
}
.dosing-calculator-page-new .result-panel .card .card-text {
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #592b8a;
  text-align: center;
  padding: 0;
}
.dosing-calculator-page-new .result-panel .card .card-text p {
  font-weight: 400;
  color: #414042;
  padding-top: 10px;
}
@media only screen and (min-width: 479px) {
  .dosing-calculator-page-new .result-panel .card {
    padding: 16px 50px 16px 40px;
    gap: 8px;
  }
  .dosing-calculator-page-new .result-panel .card .card-text {
    font-size: 1.1rem;
  }
}
.dosing-calculator-page-new .result-panel.oral .panel-row .panel-cell {
  background: #E6F8F8;
  border: 1px solid #00878b;
}
.dosing-calculator-page-new .result-panel.oral .panel-row .panel-cell.label {
  color: #414042;
}
.dosing-calculator-page-new .result-panel.oral .panel-row .panel-cell.value {
  color: #414042;
}
.dosing-calculator-page-new .result-panel.oral .panel-row .panel-cell.white-bg {
  background: white;
}
.dosing-calculator-page-new .result-panel.oral .card {
  background: #E6F8F8;
  border: 1px solid #00878b;
}
.dosing-calculator-page-new .result-panel.oral .card .card-text {
  color: #414042;
}
.dosing-calculator-page-new .result-panel .references p {
  gap: 2px;
  margin-top: 0px !important;
  line-height: 13px;
  padding-bottom: 5px;
}
.dosing-calculator-page-new {
  /* RESULTS PANEL START */
}
.dosing-calculator-page-new .step-one {
  font-family: "Montserrat", sans-serif;
  margin-top: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dosing-calculator-page-new .step-one .renal-def-table {
  color: #592b8a;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1.25rem;
}
.dosing-calculator-page-new .step-one .renal-def-table span {
  text-decoration: underline;
}
.dosing-calculator-page-new .step-one .renal-def-table:hover span {
  text-decoration: none;
}
.dosing-calculator-page-new .step-one p {
  margin: 0.75rem 0;
}
.dosing-calculator-page-new .step-one .q1 {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5rem;
}
.dosing-calculator-page-new .step-one .severity .label {
  font-size: 0.8rem;
  color: #414042;
  font-weight: 600;
}
.dosing-calculator-page-new .step-one .severity-group {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
}
.dosing-calculator-page-new .step-one .severity-group .severity-option, .dosing-calculator-page-new .step-one .severity-group .btn-gradient {
  width: 100%;
}
.dosing-calculator-page-new .step-one .severity-group .error {
  color: #dc1313;
  font-size: 12px;
  font-weight: 600;
  margin: 5px 0 0;
}
.dosing-calculator-page-new .step-one .pill-btn {
  -ms-flex-item-align: end;
      align-self: end;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .step-one .q1 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
  }
  .dosing-calculator-page-new .step-one .q1 .btn-gradient {
    width: 287px;
  }
  .dosing-calculator-page-new .step-one .severity-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
  }
  .dosing-calculator-page-new .step-one .severity-group .severity-option, .dosing-calculator-page-new .step-one .severity-group .btn-gradient {
    width: 260px;
  }
}
.dosing-calculator-page-new #step2a {
  padding-bottom: 0;
}
.dosing-calculator-page-new .step-two .copy, .dosing-calculator-page-new .step-modify .copy {
  font-size: 0.95rem;
}
.dosing-calculator-page-new .step-two .copy a, .dosing-calculator-page-new .step-modify .copy a {
  text-decoration: underline;
}
.dosing-calculator-page-new .step-two .enter-copy, .dosing-calculator-page-new .step-modify .enter-copy {
  margin-top: 45px;
}
.dosing-calculator-page-new .step-two .input-label, .dosing-calculator-page-new .step-modify .input-label {
  position: relative;
  margin-top: 12px;
  width: 100%;
  height: 60px;
  padding-top: 0;
  margin: 20px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .step-two .input-label, .dosing-calculator-page-new .step-modify .input-label {
    max-width: 287px;
  }
}
.dosing-calculator-page-new .step-two .input-label input, .dosing-calculator-page-new .step-modify .input-label input {
  border: 2px solid #592b8a;
  border-radius: 12px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
  font-size: 1.2rem;
  outline: none;
  height: 60px;
  width: calc(100% - 84px);
  text-align: center;
}
.dosing-calculator-page-new .step-two .input-label .visible-label, .dosing-calculator-page-new .step-modify .input-label .visible-label {
  position: absolute;
  right: 0;
  top: 0;
  height: 64px;
  width: 84px;
  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;
  background: #592b8a;
  color: #fff;
  font-weight: 400;
  font-size: 1.3rem;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  pointer-events: none;
}
.dosing-calculator-page-new .step-two .input-disclaimer, .dosing-calculator-page-new .step-modify .input-disclaimer {
  font-size: 10px;
  font-weight: 500;
  max-width: 275px;
  margin: 10px auto 20px;
  margin-top: 10px !important;
}
.dosing-calculator-page-new .step-two .input-disclaimer.error, .dosing-calculator-page-new .step-modify .input-disclaimer.error {
  color: #dc1313;
}
.dosing-calculator-page-new .step-two .pills, .dosing-calculator-page-new .step-modify .pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 18px auto 5px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
  max-width: 287px;
}
.dosing-calculator-page-new .step-modify {
  margin-top: 2rem;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.dosing-calculator-page-new .step-modify.mt-0 {
  margin-top: 0;
}
.dosing-calculator-page-new .step-modify input {
  background-color: white;
}
.dosing-calculator-page-new .step-modify .title {
  font-weight: 600;
  font-size: 1rem;
  width: 100%;
  margin: 0 auto;
}
.dosing-calculator-page-new .step-modify .title.w-550 {
  max-width: 550px;
}
.dosing-calculator-page-new .step-modify .title.second {
  margin-top: 2rem;
}
.dosing-calculator-page-new .step-modify .sub-title {
  font-weight: 500;
  font-size: 1rem;
  width: 100%;
  text-align: center;
  color: #592b8a;
  margin: 2.5rem auto 1rem;
}
.dosing-calculator-page-new .step-modify .sub-title.second {
  margin-top: 2rem;
}
.dosing-calculator-page-new .step-modify .title-details {
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  color: #592b8a;
  line-height: 1.2rem !important;
  margin-top: 3px !important;
}
.dosing-calculator-page-new .step-modify .yesno {
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dosing-calculator-page-new .step-modify .yesno .check-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: 12px;
}
.dosing-calculator-page-new .step-modify .yesno .check-row .check-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.dosing-calculator-page-new .step-modify .yesno .check-row .check-input:checked + .custom-box {
  border-color: #38abab;
  background: #fff;
  border-radius: 4px;
}
.dosing-calculator-page-new .step-modify .yesno .check-row .check-input:checked + .custom-box::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 26px;
  height: 26px;
  background-image: url("/media/content/images/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.dosing-calculator-page-new .step-modify .yesno .check-row .check-input:focus + .custom-box {
  background-color: white;
  -webkit-box-shadow: 0 0 0 3px rgba(111, 60, 194, 0.25);
          box-shadow: 0 0 0 3px rgba(111, 60, 194, 0.25);
}
.dosing-calculator-page-new .step-modify .yesno .check-row .custom-box {
  width: 32px;
  height: 32px;
  border: 2px solid #38abab;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: white;
}
.dosing-calculator-page-new .step-modify .yesno .check-row .check-label {
  font-size: 1rem;
  line-height: 1.25;
  color: #414042;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.dosing-calculator-page-new .step-modify.init {
  background-color: #592b8a;
}
.dosing-calculator-page-new .step-modify.init .yesno .check-row .check-label {
  color: #fff;
}
@media only screen and (min-width: 767px) {
  .dosing-calculator-page-new .step-modify .title {
    font-size: 1.7rem;
    margin: 0 auto 1rem;
  }
  .dosing-calculator-page-new .step-modify .title-details {
    margin-top: -15px !important;
  }
  .dosing-calculator-page-new .step-modify .sub-title {
    font-size: 1.25rem;
  }
  .dosing-calculator-page-new .step-modify .yesno {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.5rem;
  }
  .dosing-calculator-page-new .step-modify .yesno .btn-gradient {
    width: 287px;
  }
}

.VForm input, .VForm select {
  display: block;
  border: solid 1px #C6C6C6;
  width: 100%;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: #f5f5f5;
}
.VForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border-color: #414042;
}
.VForm label {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 10px;
  display: block;
  color: #191919;
}
.VForm label:not(.consent) {
  margin-top: 10px;
}
.VForm h6 {
  color: #592b8a;
}
.VForm .input__container {
  margin-bottom: 20px;
}
.VForm .consent a {
  color: #592b8a;
  text-decoration: underline;
}
.VForm .error * {
  border-color: #dc1313 !important;
  color: #dc1313;
}
.VForm .error *.consent {
  color: #191919;
}
.VForm input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: white;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 32px;
  height: 32px;
  border: 2px solid #414042;
  border-radius: 4px;
  padding: 0px;
  display: grid;
  place-content: center;
}
.VForm input[type=checkbox] {
  border-color: #414042;
  position: relative;
}
.VForm input[type=checkbox]::before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em #414042;
          box-shadow: inset 1em 1em #414042;
  /* Windows High Contrast Mode */
  background-color: #414042;
}
.VForm input[type=checkbox]:checked::before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.VForm input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid #414042;
  outline-offset: max(2px, 0.15em);
}
.VForm input[type=checkbox]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
.VForm .input--checkbox label {
  padding-left: 20px;
  font-weight: 400;
  max-width: 85%;
  width: 100%;
}
@media (min-width: 1500px) {
  .VForm .input--checkbox label {
    padding-top: 6px;
  }
}
@media (max-width: 767px) {
  .VForm .input--checkbox label {
    max-width: 80%;
  }
}
.VForm .input--checkbox a {
  text-decoration: underline;
}
.VForm .select--wrapper {
  position: relative;
  height: 100%;
}
.VForm .select--wrapper::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 15px;
  border-right: solid 3px white;
  border-bottom: solid 3px white;
  width: 9px;
  height: 9px;
  -webkit-transform: translateY(-50%) rotateZ(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotateZ(45deg);
  z-index: -1;
}
.VForm .select--wrapper::before {
  content: "";
  position: absolute;
  width: 42px;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #414042;
  border-radius: 0 4px 4px 0;
  z-index: -1;
}
@media (min-width: 767px) {
  .VForm .grid > div:nth-of-type(2) {
    padding-left: 16px;
  }
}

form .button {
  padding: 10px 18px;
}

.card {
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 100%;
}
.card .card__icon {
  max-width: 96px;
  width: 80%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 0;
}
@media (max-width: 767px) {
  .card .card__icon {
    max-width: 65px;
  }
}
.card .card__title {
  padding: calc(1rem + 48px) 3rem 2rem;
  padding-top: calc(1rem + 48px);
  width: 100%;
}
.card .card__title b,
.card .card__title strong {
  color: #38abab;
}
.card .card__title i,
.card .card__title em {
  font-style: normal;
}
.card .card__title i b,
.card .card__title i strong,
.card .card__title em b,
.card .card__title em strong {
  color: #191919;
}
@media (max-width: 767px) {
  .card .card__title {
    padding: calc(1rem + 48px) 1.5rem 2rem;
  }
}
.card.card__blank {
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card.card__blank .card__icon {
  max-width: 96px;
  width: 80%;
  position: relative;
  left: unset;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.card a {
  background-color: #592b8a;
  border: 1px solid #592b8a;
  color: white;
  padding: 8px 11px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
}
.card a.active {
  background-color: #592b8a;
}
.card a:active, .card a:hover {
  background-color: rgba(89, 43, 138, 0.7);
}
.card a:focus {
  background-color: #592b8a;
}

.card--bg {
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: white;
  padding: 3rem;
}
@media only screen and (max-width: 767px) {
  .card--bg.card--bg-mh {
    border-radius: none;
    padding: 0;
    background: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .card--bg.card--bg-mh-cust {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 15px;
    padding: 0 15px 15px 15px;
    background: #edfafa;
    border: 2px solid #c8edec;
  }
}
.card--bg.card--bg-purp {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #ede9f3;
}
@media only screen and (max-width: 767px) {
  .card--bg.card--bg-purp {
    border-radius: 0;
    width: calc(100% + 40px);
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}

@media only screen and (max-width: 767px) {
  .mobile\:card--bg {
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
            box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: white;
    padding: 2rem;
  }
}

.card__home {
  border-radius: 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-top: 0;
  padding: 9px 28px 28px;
  background: rgb(237, 233, 243);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(237, 233, 243)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(237, 233, 243) 0%, rgb(255, 255, 255) 100%);
  text-align: center;
  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-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  overflow-y: hidden;
}
.card__home::before {
  content: "";
  position: absolute;
  background-color: #c3b4d8;
  width: 80%;
  height: 0;
  padding-bottom: 80%;
  border-radius: 80%;
  top: 0;
  left: 10%;
  -webkit-transform: translateY(-75%);
      -ms-transform: translateY(-75%);
          transform: translateY(-75%);
}
.card__home .card__icon {
  max-width: 96px;
  width: 80%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 1rem;
}
.card__home h3 {
  color: #414042;
  font-weight: 500;
  font-family: "Montserrat";
}
.card__home .card__title {
  margin-bottom: 1rem;
}
.card__home .button {
  display: block;
  margin: auto auto 0 auto;
}
@media only screen and (max-width: 767px) {
  .card__home {
    max-width: 430px;
    margin: auto;
  }
}

.card__quote {
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: white;
  padding: 2rem 2.5rem;
  max-width: 950px;
  margin: auto;
}
.card__quote .card__title {
  text-align: left;
}
.card__quote .card__title h3 {
  font-size: calc(17px + (24 - 17) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .card__quote .card__title h3 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .card__quote .card__title h3 {
    font-size: 17px;
  }
}
.card__quote .card__title h3 {
  line-height: calc(24px + (32 - 24) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .card__quote .card__title h3 {
    line-height: 32px;
  }
}
@media only screen and (max-width: 479px) {
  .card__quote .card__title h3 {
    line-height: 24px;
  }
}
.card__quote .card__title h3 {
  font-weight: bold;
  color: #414042;
}
.card__quote .card__title p {
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .card__quote .card__title p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .card__quote .card__title p {
    font-size: 15px;
  }
}
.card__quote .card__title p {
  font-weight: normal;
  margin-top: 10px;
}
.card__quote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  border-radius: 25px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#563091), to(#38abab));
  background-image: linear-gradient(to top, #563091, #38abab 100%);
}
.card__quote--alt {
  background-color: #f5f5f5;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.card__quote--alt2::before {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#563091), to(#563091));
  background-image: linear-gradient(to top, #563091, #563091 100%);
}

.card--list .card__title {
  padding-top: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.card-cust .card-0 {
  display: grid;
}
.card-cust .card-0 > div:first-of-type {
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  border: solid 4px #00bbba;
}

.card-cust-1 {
  background-color: white;
  border: solid 3px #979797;
  width: 100%;
}
.card-cust-1 .card__title {
  margin: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.card-cust-1 .card__title h2 {
  font-size: calc(17px + (24 - 17) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .card-cust-1 .card__title h2 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .card-cust-1 .card__title h2 {
    font-size: 17px;
  }
}
.card-cust-1 .card__title h2 {
  color: #333;
}
.card-cust-1.card-cust-1-alt {
  border: solid 3px #592b8a;
  display: block;
  margin-top: 0;
}
.card-cust-1.card-cust-1-alt .card__title {
  padding-top: 1.5rem;
}
.card-cust-1.card-cust-1-alt p {
  text-align: left;
}
.card-cust-1.card-cust-1-alt h3 {
  color: #592b8a;
  font-size: calc(15px + (22 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .card-cust-1.card-cust-1-alt h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .card-cust-1.card-cust-1-alt h3 {
    font-size: 15px;
  }
}
.card-cust-1.card-cust-1-alt h3 b {
  display: block;
  font-size: calc(15px + (18 - 15) * (100vw - 479px) / (1500 - 479));
}
@media only screen and (min-width: 1500px) {
  .card-cust-1.card-cust-1-alt h3 b {
    font-size: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .card-cust-1.card-cust-1-alt h3 b {
    font-size: 15px;
  }
}
.card-cust-1.card-cust-1-alt h3 b {
  font-weight: normal;
  color: #592b8a;
}
.card-cust-1.card-cust-1-alt2 {
  border: solid 3px #00878b;
}
.card-cust-1.card-cust-1-alt2 h3 {
  color: #00878b;
}

.card__connect {
  border: solid 2px #00878b;
  border-radius: 0 0 25px 25px;
  width: 100%;
}
.card__connect .card__title {
  text-align: center;
}
.card__connect .card__title h3 {
  font-size: 22px;
  color: white;
  font-weight: bold;
  background-color: #00878b;
  text-align: center;
  padding: 1rem 0;
}
.card__connect .card__title p {
  padding: 1rem 1.5rem;
  margin-top: 0;
  font-size: 22px;
}
@media (max-width: 767px) {
  .card__connect .card__title p {
    font-size: 17px;
  }
}
.card__connect--alt {
  border-color: #563091;
}
.card__connect--alt .card__title h3 {
  background-color: #563091;
}
.card__connect a {
  color: #563091;
  text-decoration: underline;
}

.card__noicon {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0;
}
.card__noicon .card__title {
  padding: 1rem;
  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-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.card__noicon .card__title b {
  color: #191919;
}
.card__noicon .card__title a {
  margin-top: 1rem;
}
.card__noicon .card__title a::after {
  content: url('../media/content/images/download-icon.svg');
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}
@media (min-width: 767px) {
  .card__noicon .card__title {
    height: 100%;
  }
}
.card__noicon.resource {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding-top: 0;
}
.card__noicon.resource .card__title {
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 0;
}
.card__noicon.resource .card__title p:first-of-type b {
  color: #563091;
}
.card__noicon.resource .card__title p:last-of-type {
  margin-top: 5px;
  margin-right: 10px;
}
.card__noicon.resource .button {
  padding: 11px 24px;
}
.card__noicon.resource .button div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card__noicon.resource .button div::after {
  content: url('../media/content/images/download-icon.svg');
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}
.card__noicon.resource img {
  margin-right: 40px;
  max-width: 100%;
  width: 96px;
  position: relative;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .card__noicon.resource {
    display: block;
  }
  .card__noicon.resource .button {
    margin-top: 2rem;
  }
}

.card__download-button a::after {
  content: url('../media/content/images/download-icon-purple.svg');
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}

.card--bg-asset-left {
  max-width: calc(100% - 137.5px);
  margin-left: auto;
  margin-right: 0;
  position: relative;
  padding: 2rem 4rem;
}
.card--bg-asset-left .card-asset {
  position: absolute;
  width: 275px;
  left: -137.5px;
  top: 70px;
}
.card--bg-asset-left .card-copy {
  padding-left: 137.5px;
}
@media only screen and (max-width: 767px) {
  .card--bg-asset-left {
    max-width: 100%;
    margin: auto;
    margin-top: 137.5px;
  }
  .card--bg-asset-left .card-asset {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .card--bg-asset-left .card-copy {
    padding-left: 0;
    padding-top: 137.5px;
  }
}

.homepage .daybue-treatment {
  background-color: #ede9f3;
}
.homepage .daybue-treatment .customColor p {
  color: #000;
}
.homepage .daybue-treatment .resource-card {
  padding: 35px 25px 37px 35px;
  min-height: auto;
  background-color: #fff;
  border-radius: 20px;
  height: auto;
}
.homepage .daybue-treatment .resource-card .acadia-connect-btn a {
  padding: 10px 38px;
}
@media (max-width: 767px) {
  .homepage .daybue-treatment .resource-card .acadia-connect-btn a {
    margin-top: 10px;
  }
}
.homepage .daybue-treatment .resource-card .button--cont p {
  padding: 0 10px 0 0;
}
.homepage .daybue-treatment .resource-card .button--cont h2 {
  padding-bottom: 0;
}
.homepage .home-rett-callout {
  background-image: url("../../svg/home-img-5.png");
  background-color: rgb(176, 233, 233);
  border-radius: 0;
  text-align: center;
}
.homepage .card__home {
  max-width: 350px;
  width: 100%;
  background: #fff;
  padding: 33px 36px 28px;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  text-align: left;
}
.homepage .card__home .card__icon {
  max-width: 74px;
  width: 100%;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.homepage .card__home .card__title {
  text-align: left;
}
.homepage .card__home .card__title h3 {
  font-size: 24px;
  color: #563091;
  font-weight: 500;
}
@media (max-width: 767px) {
  .homepage .card__home .card__title h3 {
    line-height: 28px;
  }
}
.homepage .card__home .button {
  margin-right: auto;
  padding: 11px 27px;
  margin-left: 0;
}
.homepage .card__home::before {
  content: none;
}
@media only screen and (max-width: 767px) {
  .homepage .card--bg.card--bg-mh {
    max-width: 430px;
    margin: 70px auto 0;
  }
}
.homepage .card-container {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
@media (max-width: 767px) {
  .homepage .card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.homepage .card-layout {
  background: rgb(95, 44, 145);
  background: -webkit-gradient(linear, left top, right top, from(rgb(95, 44, 145)), color-stop(50%, rgb(74, 120, 166)), to(rgb(1, 185, 183)));
  background: linear-gradient(90deg, rgb(95, 44, 145) 0%, rgb(74, 120, 166) 50%, rgb(1, 185, 183) 100%);
  font-family: "Poppins";
  color: #ffffff;
  padding: 45px 69px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.homepage .card-layout h3 {
  font-size: 70px;
  font-weight: bold;
  line-height: 71px;
  text-align: center;
}
.homepage .card-layout p {
  text-align: center;
  font-size: 25px;
  line-height: 34px;
  font-weight: 500;
  padding: 0 39px;
}
.homepage .card-layout .button {
  background-color: #fff;
  border: 1px solid #fff;
  color: #592b8a;
  padding: 11px 26px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 auto !important;
          flex: 0 0 auto !important;
}
@media (max-width: 767px) {
  .homepage .card-layout {
    max-width: 430px;
  }
}

.side .card .card__icon {
  left: 18.5%;
}

.card-purple {
  border-radius: 15px;
  background-color: #ede9f3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 18px;
  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;
  overflow: hidden;
  position: relative;
}
.card-purple::before {
  content: "";
  position: absolute;
  background-color: #c3b4d8;
  width: 10%;
  height: 84%;
  padding-left: 5%;
  border-radius: 100%;
  top: 7%;
  left: -9%;
}
@media (max-width: 767px) {
  .card-purple::before {
    width: 80%;
    height: 0;
    padding-bottom: 80%;
    border-radius: 80%;
    top: 0;
    left: 10%;
    -webkit-transform: translateY(-81%);
        -ms-transform: translateY(-81%);
            transform: translateY(-81%);
  }
}
@media (max-width: 767px) {
  .card-purple {
    max-width: 430px;
    margin: auto;
    padding: 55px 18px 25px;
  }
}
.card-purple .grid {
  -ms-flex-preferred-size: 80% !important;
      flex-basis: 80% !important;
}

.align-self {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.purple-banner {
  max-width: 100%;
  margin: auto;
  border-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.purple-banner-2 {
  max-width: 834px;
}
.purple-banner-2 .second {
  padding: 5% 4% 7% 10%;
}

.custom-width {
  -ms-flex-preferred-size: 47% !important;
      flex-basis: 47% !important;
}
@media (max-width: 767px) {
  .custom-width {
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
}

.study-design .card__quote {
  max-width: 100%;
  width: 100%;
}

.downloadble-resource {
  background-color: #ede9f3;
  padding: 38px 0 41px;
}

.additional-resources {
  gap: 40px;
}
@media (max-width: 767px) {
  .additional-resources {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0px;
  }
}
.additional-resources .resource-card {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 531px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  box-shadow: 0 2px 12px 1px rgba(41, 127, 127, 0.2);
  padding: 45px 55px;
  min-height: 512px;
  height: 100%;
}
.additional-resources .resource-card .home-resource-image {
  min-height: 95px;
}
.additional-resources .resource-card .button--cont h2 {
  margin-top: 20px;
  min-height: 45px;
}
@media (max-width: 767px) {
  .additional-resources .resource-card .button--cont h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.additional-resources .resource-card .button--cont p {
  font-size: 22px;
  line-height: 34px;
}
@media (max-width: 767px) {
  .additional-resources .resource-card .button--cont p {
    font-size: 18px;
    line-height: 26px;
  }
}
.additional-resources .resource-card .button--cont a {
  padding: 10px 25px;
}
.additional-resources .resource-card .button--cont a::after {
  content: url('../media/content/images/download-icon.svg');
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}
.additional-resources .resource-card .acadia-connect-btn a {
  margin-top: 94px;
  padding: 7px 38px;
}
@media screen and (max-width: 1438px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 54px;
  }
}
@media screen and (max-width: 1390px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1236px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 102px;
  }
}
@media screen and (max-width: 1106px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 72px;
  }
}
@media screen and (max-width: 1062px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 110px;
  }
}
@media screen and (max-width: 1069px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 111px;
  }
}
@media screen and (max-width: 1037px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 144px;
  }
}
@media screen and (max-width: 950px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 0px;
  }
}
@media screen and (max-width: 908px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 29px;
  }
}
@media screen and (max-width: 806px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 61px;
  }
}
@media (max-width: 767px) {
  .additional-resources .resource-card .acadia-connect-btn a {
    margin-top: 2px;
  }
}
@media (max-width: 767px) {
  .additional-resources .resource-card {
    min-height: auto;
    padding: 37px 40px;
  }
}

.support-materials .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.support-materials .flex .card .card__title {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.support-materials .flex .card .card__title p:first-of-type {
  margin-top: 0 !important;
}
@media (max-width: 768px) {
  .support-materials .flex .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .support-materials .flex .card .card__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 26%;
    height: auto;
    margin-right: 20px;
  }
  .support-materials .flex .card .card__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    max-width: 55%;
    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;
  }
  .support-materials .flex .card .card__details {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 10px;
  }
  .support-materials .flex .card .card__details p {
    margin: 0;
    margin-bottom: 10px;
    margin-top: 18px;
  }
  .support-materials .flex .card .card__details a.button {
    display: inline-block;
    margin-top: 5px;
  }
  .support-materials .flex .card .card__details a.button > div::after {
    content: url('../media/content/images/arrowRightIcon.svg') !important;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 0.7rem;
  }
  .support-materials .flex .card .card__details a.customIcon {
    display: inline-block;
    margin-top: 5px;
  }
  .support-materials .flex .card .card__details a.customIcon > div::after {
    content: url('../media/content/images/download-icon.svg') !important;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 0.7rem;
  }
}
.support-materials .resource-card {
  border-radius: 15px;
}
.support-materials .button--cont h2 {
  font-weight: 500;
}
.support-materials .customIconRemove a::after {
  content: "" !important;
  display: none !important;
}

@media screen and (max-width: 1106px) {
  .homepage .acadia-connect-btn p:nth-of-type(1) {
    margin-top: 49px !important;
  }
}
@media screen and (max-width: 950px) {
  .homepage .acadia-connect-btn p:nth-of-type(1) {
    margin-top: 53px !important;
  }
}
@media screen and (max-width: 759px) {
  .homepage .resource-card {
    width: 100% !important;
    min-width: 531px !important;
  }
}
@media screen and (max-width: 563px) {
  .homepage .resource-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
  }
}
.acadia-connect .card-1 .card__title {
  padding-left: 2rem;
  padding-right: 2rem;
}

.agile {
  position: relative;
}

.agile--ssr .agile__slides--cloned {
  display: none;
}

.agile--ssr .agile__slides > * {
  overflow: hidden;
  width: 0;
}

.agile--ssr .agile__slides > *:first-child {
  width: 100%;
}

.agile--rtl .agile__track,
.agile--rtl .agile__slides,
.agile--rtl .agile__actions,
.agile--rtl .agile__dots {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.agile:focus,
.agile:active,
.agile *:focus,
.agile *:active {
  outline: none;
}

.agile__list {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #ede9f3;
}

.agile__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.agile__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.agile--no-nav-buttons .agile__actions {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.agile__slides {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: unset;
      flex-shrink: unset;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.agile--disabled .agile__slides {
  display: block;
  width: 100%;
}

.agile__slide {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.agile__slide,
.agile__slide * {
  -webkit-user-drag: none;
}

.agile--fade .agile__slide {
  opacity: 0;
  position: relative;
  z-index: 0;
}

.agile--fade .agile__slide--active {
  opacity: 1;
  z-index: 2;
}

.agile--fade .agile__slide--expiring {
  opacity: 1;
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  z-index: 1;
}

.agile__nav-button[disabled] {
  cursor: default;
}

.agile__dots {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  white-space: nowrap;
}

.agile__dot button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
}

/*! purgecss start ignore */
@media (max-width: 767px) {
  .homepage .mobile-ref .callout.callout__request .references {
    min-width: unset;
    padding-left: 50px;
  }
}
.homepage .references i {
  font-size: 16px;
}
.homepage .banner {
  padding: 33px;
}
.homepage .banner .container {
  padding: 0;
}
@media (max-width: 767px) {
  .homepage .daybue-prescription {
    width: 100%;
    top: 59%;
    left: 58%;
  }
}
.homepage .customColor p {
  color: #592b8a;
  font-family: "Poppins";
}
.homepage .customColor b {
  color: #592b8a;
  font-weight: 700;
}
.homepage .acadia-connect-btn .button--cont a::after {
  content: "";
}
.homepage .customCardGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
}
@media screen and (max-width: 750px) {
  .homepage .card__home {
    max-width: 100%;
  }
}

.about-rett .common-theme-text {
  margin-top: 8px;
}
.about-rett .caregivers p b {
  color: #333;
}
.about-rett .link-banner {
  max-width: unset;
}
.about-rett .cust-cont-1 .card-cust-1 {
  position: relative;
  height: 886px;
}
.about-rett .cust-cont-1 .card-cust-1 .card__title {
  position: absolute;
  top: 0px;
}
@media (max-width: 767px) {
  .about-rett .cust-cont-1 .card-cust-1 {
    height: 1532px;
  }
}
@media screen and (max-width: 375px) {
  .about-rett .cust-cont-1 .card-cust-1 {
    height: 1455px;
  }
}
.about-rett .cust-cont-1 .potential {
  position: relative;
}
.about-rett .cust-cont-1 .potential .potential-impact .asset {
  width: 98%;
  margin: auto;
}
@media screen and (max-width: 500px) {
  .about-rett .cust-cont-1 .potential .potential-impact .asset {
    width: 95%;
  }
}
@media screen and (max-width: 410px) {
  .about-rett .cust-cont-1 .potential .potential-impact .asset {
    width: 97%;
  }
}
.about-rett .cust-cont-1 .potential .potential-impact {
  position: absolute;
  top: 130px;
  z-index: 10;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .about-rett .customBlockContainer {
    display: block !important;
  }
  .about-rett .customBlockContainer div {
    margin-left: 0px !important;
  }
}
.about-rett .customBox .next-page--section a {
  display: none;
}
.about-rett .customBox .acadia-next {
  font-size: 22px;
  line-height: 26px;
}
@media screen and (max-width: 500px) {
  .about-rett .customBox .acadia-next {
    font-size: 17px;
    line-height: 23px;
  }
}

.study-design .unbold-font h3 {
  font-weight: normal;
}
.study-design .mt-70 {
  margin-top: 62px;
}
.study-design .tab-but {
  font-size: 24px;
  font-weight: bold;
}
.study-design .callout__copy p {
  color: #592b8a;
  margin-top: 0;
}
.study-design .cgi-video-container p {
  display: inline-block;
}
@media (max-width: 767px) {
  .study-design .cgi-video-container {
    width: 100vw;
    position: relative;
    left: -20px;
  }
}

.rsbq .hero__container {
  max-width: 45%;
  right: 45px;
}
@media only screen and (max-width: 767px) {
  .rsbq .hero__container {
    max-width: 100%;
    right: 0;
  }
}
.rsbq .container .next-page--section {
  text-align: left;
}

.side .column-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.side .column-layout .column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px;
}
.side .column-layout .column .column-img {
  width: 50%;
  margin-bottom: 10px;
}

.real-world .mb-8 {
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .real-world .fs-12 {
    margin-top: 51px;
  }
}
.real-world .fs-24 {
  margin-bottom: 32px;
}
.real-world .fs-24 h3 {
  font-size: 24px;
}
.real-world .card--bg-purple {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #f2eff7;
}
.real-world .ut-hangingIndent {
  text-indent: 0;
  margin-left: 0;
}

.real-world .container .paddingCustomZero {
  padding: 0px !important;
}

.errorpage h1,
.unsubscribe h1 {
  color: #592b8a;
  font-weight: 400;
  font-size: 2.5rem;
}
.errorpage .button,
.unsubscribe .button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.reppage .container {
  max-width: 780px;
}

.sitemap a {
  color: #592b8a;
  text-decoration: underline;
}

.iframe-container {
  padding-bottom: 56.25%;
  /* Maintain aspect ratio */
  position: relative;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*! purgecss end ignore */
.request-rep-form .input__container,
.sign-up-form .input__container {
  max-width: 100% !important;
}
.request-rep-form label,
.sign-up-form label {
  max-width: 95% !important;
}
@media only screen and (max-width: 1023px) {
  .request-rep-form label,
  .sign-up-form label {
    max-width: 85% !important;
  }
}

.acadia-connect .acadia-header h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .acadia-connect .acadia-header h2 {
    font-size: 24px;
    line-height: 24px;
  }
}
.acadia-connect .acadia-header p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .acadia-connect .acadia-header p {
    font-size: 15px;
    line-height: 20px;
  }
}
.acadia-connect .acadia-steps h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .acadia-connect .acadia-steps h2 {
    font-size: 24px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .dosing .customBox {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .dosing .customBox .bg-purp {
    border-radius: 0px !important;
  }
  .dosing .customBox p {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 18px;
  }
}

.dosing-footnote p {
  font-size: 12px;
  line-height: 18px;
}

.missed-dose p:first-child {
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .missed-dose p:first-child {
    font-size: 17px;
    line-height: 26px;
  }
}

.dosing-callout img {
  padding-left: 26px;
}
.dosing-callout h2 {
  font-size: 32px !important;
  line-height: 42px !important;
}
@media only screen and (max-width: 767px) {
  .dosing-callout h2 {
    font-size: 26px !important;
    line-height: 34px !important;
  }
}
@media only screen and (max-width: 767px) {
  .dosing-callout .references p i {
    font-size: 16px;
  }
}
.dosing-callout .right-col a::after {
  content: url('../media/content/images/download-icon.svg');
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}

.daybue-questions .callout div:nth-child(3) {
  padding-left: 48px;
}
@media only screen and (max-width: 767px) {
  .daybue-questions .callout div:nth-child(3) {
    padding-left: unset;
  }
}
@media (max-width: 767px) {
  .daybue-questions .callout.callout__request .references {
    min-width: unset;
    padding-left: 29px;
    font-size: 16px;
  }
}
.daybue-questions .callout.callout__request .callout__copy h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .daybue-questions .callout.callout__request .callout__copy h2 {
    font-size: 26px;
    line-height: 26px;
  }
}

.dosing-oral-sol h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .dosing-oral-sol h2 {
    font-size: 24px;
    line-height: 26px;
  }
}

.dosing-bullet-text h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .dosing-bullet-text h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.dosing-bullet-text p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .dosing-bullet-text p {
    font-size: 15px;
    line-height: 20px;
  }
}

.acadia-next {
  display: block;
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
  color: #592b8a;
  font-family: Montserrat;
  line-height: 25.2566px;
  text-align: right;
  margin-top: 11px;
}
@media (max-width: 767px) {
  .acadia-next {
    text-align: left;
  }
}

.hcp-prespective .hcp-prespective-hero .hero__info {
  right: 3%;
  bottom: 0%;
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .hcp-prespective-hero .hero__info {
    right: 9.5%;
    bottom: -4%;
  }
}
.hcp-prespective .hcp-prespective-hero .hero__info div:first-child {
  padding: 10px 15px;
}
.hcp-prespective .learn-more .card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .learn-more .card-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .learn-more .card--bg {
    padding: 49px 19px;
  }
}
.hcp-prespective .learn-more .card-heading > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.hcp-prespective .learn-more .card-heading h2 {
  width: 59%;
}
@media only screen and (max-width: 1500px) {
  .hcp-prespective .learn-more .card-heading h2 {
    width: 100%;
  }
}
.hcp-prespective .learn-more .left-card .card-copy h4 {
  font-size: 20px;
  line-height: 32px;
}
.hcp-prespective .learn-more .left-card .card-copy h5 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .learn-more .left-card {
    padding-top: 30px;
  }
}
.hcp-prespective .learn-more .right-card .card-copy {
  padding-top: 40px;
}
.hcp-prespective .learn-more .hcp-learn-more h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .learn-more .hcp-learn-more h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.hcp-prespective .learn-more .hcp-learn-more p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .learn-more .hcp-learn-more p {
    font-size: 15px;
    line-height: 20px;
  }
}
.hcp-prespective .hcp-learn-text h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .hcp-prespective .hcp-learn-text h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.hcp-prespective .text-bold {
  position: relative;
}
.hcp-prespective .text-bold p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-51%, -23%);
      -ms-transform: translate(-51%, -23%);
          transform: translate(-51%, -23%);
  font-size: 17px;
  font-weight: 600;
  line-height: 16px;
  max-width: 100%;
  width: 100%;
  text-align: center;
  color: #000;
}
.hcp-prespective .customFont {
  font-size: 18px;
}
@media screen and (max-width: 599px) {
  .hcp-prespective .customFont {
    font-size: 15px;
  }
}

.safety-adverse {
  padding-bottom: 32px;
}
.safety-adverse h2 {
  font-size: 26px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .safety-adverse h2 {
    font-size: 15px;
    line-height: 20px;
  }
}

.safety-adverse-event h3 {
  font-size: 24px;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .safety-adverse-event h3 {
    font-size: 17px;
    line-height: 20px;
  }
}

.safety-questions .references p {
  font-size: 16px;
  line-height: 19px;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .safety-questions .references p {
    font-size: 13px;
    max-width: 250px;
    margin: 0 auto;
    text-align: left;
  }
}

.safety-patient-history h3 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .safety-patient-history h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.safety-patient-history p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .safety-patient-history p {
    font-size: 15px;
    line-height: 20px;
  }
}

.safety-hero-section .hero__info div:first-child {
  padding: 10px 15px;
}

.cgi-banner .hero__container {
  max-width: 41%;
}
.cgi-banner .hero__container h1 {
  font-size: 40px;
  line-height: 50px;
}
@media only screen and (max-width: 767px) {
  .cgi-banner .hero__container h1 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cgi-banner .hero__container {
    padding: 0;
    max-width: 100%;
  }
}
.cgi-banner .hero__image img {
  right: -34px;
}
@media only screen and (max-width: 767px) {
  .cgi-banner .hero__image img {
    right: 0;
  }
}

.cgi-info h2 {
  font-size: 26px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .cgi-info h2 {
    font-size: 21px;
    line-height: 26px;
  }
}

.cgi-video-container .cgi-video .callout h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .cgi-video-container .cgi-video .callout h2 {
    font-size: 25px;
    line-height: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .cgi-video-container .cgi-video.bg-purp {
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cgi-video-container {
    padding: 0;
  }
}
.cgi-video-container > div:first-of-type {
  margin-top: 0px !important;
}

@media only screen and (max-width: 767px) {
  .cgi-scale.card--bg.card--bg-mh-cust {
    background: none;
    border: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.cg-prespective a.moreButton ::after {
  content: url('../media/content/images/arrowRightIcon.svg');
  color: #592b8a;
  display: inline-block;
  margin-left: 1rem;
  vertical-align: middle;
}
.cg-prespective .cg-tabs {
  gap: 5px;
}
.cg-prespective .cg-tabs .tab-but.active {
  padding: 16px 12px;
}
@media only screen and (max-width: 767px) {
  .cg-prespective .cg-tabs .tab-but.active {
    margin-top: 2px;
  }
}
.cg-prespective .cg-tabs .tab-but {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 11px 12px;
  font-size: 24px;
  line-height: 29px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .cg-prespective .cg-tabs .tab-but {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cg-prespective .cg-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cg-prespective .tab .card-asset .asset {
    max-width: 200px;
    margin: 0 auto;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .cg-prespective .card-pad {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cg-prespective .card-points h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .cg-prespective .card-points h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.cg-prespective .card-points p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .cg-prespective .card-points p {
    font-size: 15px;
    line-height: 20px;
  }
}
.cg-prespective .important-note h3 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .cg-prespective .important-note h3 {
    font-size: 17px;
    line-height: 23px;
  }
}
.cg-prespective .important-note p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .cg-prespective .important-note p {
    font-size: 15px;
    line-height: 20px;
  }
}
.cg-prespective .card__quote .card__title h3 {
  margin-top: 0;
}
.cg-prespective .feedback h3 {
  margin-top: 0;
}
.cg-prespective .customFootnotes {
  font-size: 12px;
  font-family: Montserrat;
  line-height: 18px;
  margin: 0px auto;
  max-width: 670px;
}
.cg-prespective .customFootnotes .js-editable {
  margin-top: 0px !important;
}
@media screen and (max-width: 766px) {
  .cg-prespective .customFootnotes {
    padding: 30px;
    padding-top: 20px;
  }
}

.sign-up-form .error nobr,
.request-rep-form .error nobr {
  color: #191919;
}

.request-rep .reppage h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .request-rep .reppage h2 {
    font-size: 24px;
    line-height: 26px;
  }
}

.support-materials .health-title h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .support-materials .health-title h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.support-materials .health-title p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .support-materials .health-title p {
    font-size: 15px;
    line-height: 20px;
  }
}
.support-materials .custom-card-uQKnHnVN1lqbE09Iq6Q1e a > div::after {
  content: url('../media/content/images/arrowRightIcon.svg') !important;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.7rem;
}

.open-label-extension .open-eligibility {
  padding-bottom: 30px;
}
.open-label-extension .open-eligibility h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .open-eligibility h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.open-label-extension .open-eligibility p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .open-eligibility p {
    font-size: 15px;
    line-height: 20px;
  }
}
.open-label-extension .lilac-safety {
  padding-bottom: 40px;
}
.open-label-extension .lilac-safety h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .lilac-safety h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.open-label-extension .lilac-safety .references p {
  font-size: 12px;
  line-height: 18px;
}
.open-label-extension .lilac-safety h3 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .lilac-safety h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.open-label-extension .lilac-safety p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .lilac-safety p {
    font-size: 15px;
    line-height: 20px;
  }
}
.open-label-extension .lilac-safety .right-section .text-daybue {
  padding-top: 16px;
}
.open-label-extension .lilac-safety .open-card {
  max-width: 100%;
}
.open-label-extension .rsbq-score h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .rsbq-score h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.open-label-extension .rsbq-score .img-reference {
  padding-left: 15px;
}
.open-label-extension .rsbq-score .important-note h3 {
  font-size: 24px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .rsbq-score .important-note h3 {
    font-size: 17px;
    line-height: 23px;
  }
}
.open-label-extension .rsbq-score .important-note p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .rsbq-score .important-note p {
    font-size: 15px;
    line-height: 20px;
  }
}
.open-label-extension .safety-info h2 {
  font-size: 26px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .safety-info h2 {
    font-size: 21px;
    line-height: 26px;
  }
}
.open-label-extension .safety-info .references p {
  font-size: 16px;
  line-height: 19px;
}
.open-label-extension .safety-info p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .safety-info p {
    font-size: 15px;
    line-height: 20px;
  }
}
.open-label-extension .safety-info .learn-more h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .safety-info .learn-more h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
.open-label-extension .safety-info .review-info p {
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .safety-info .review-info p {
    font-size: 17px;
    line-height: 23px;
  }
}
.open-label-extension .safety-info .review-info a {
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .open-label-extension .safety-info .review-info a {
    font-size: 17px;
    line-height: 23px;
  }
}
.open-label-extension .customBox p {
  font-size: 16px;
  line-height: 19px;
}
@media screen and (max-width: 500px) {
  .open-label-extension .customBox {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .open-label-extension .customBox .bg-purp {
    border-radius: 0px !important;
  }
  .open-label-extension .customBox p {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 18px;
  }
  .open-label-extension .cusmtomMarginBottom {
    margin-bottom: 40px !important;
  }
  .open-label-extension .cusmtomMarginTop {
    margin-top: 80px !important;
  }
}

.gi-management .gi-head-text h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-head-text h2 {
    font-size: 24px;
    line-height: 26px;
  }
}
.gi-management .gi-head-text h3 {
  font-size: 24px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-head-text h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.gi-management .cgi-card-container .card {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.gi-management .cgi-card-container .card p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .gi-management .cgi-card-container .card p {
    font-size: 15px;
    line-height: 29px;
  }
}
.gi-management .cgi-card-container .card .card__title {
  padding-left: 24px;
  padding-right: 24px;
}
.gi-management .diarreha-text h3 {
  font-size: 24px;
  line-height: 42px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .gi-management .diarreha-text h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
.gi-management .gi-guidance h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-guidance h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.gi-management .gi-guidance p {
  font-size: 24px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-guidance p {
    font-size: 17px;
    line-height: 26px;
  }
}
.gi-management .gi-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 48px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-flex {
    gap: 30px;
  }
}
.gi-management .gi-flex img {
  max-width: 96px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-flex img {
    max-width: 65px;
  }
}
.gi-management .gi-flex p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-flex p {
    font-size: 15px;
    line-height: 20px;
  }
}
.gi-management .gi-sign-points {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-sign-points {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.gi-management .gi-sign-points .col-left {
  max-width: 40%;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-sign-points .col-left {
    max-width: 100%;
  }
}
.gi-management .gi-sign-points p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-sign-points p {
    font-size: 15px;
    line-height: 20px;
  }
}
.gi-management .gi-sign-points ul p {
  font-weight: 600;
}
.gi-management .gi-questions h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-questions h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
.gi-management .gi-questions p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-questions p {
    font-size: 15px;
    line-height: 20px;
  }
}
.gi-management .gi-questions .button {
  padding: 11px 19px;
}
.gi-management .references p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .gi-management .references p {
    font-size: 11px;
    line-height: 14px;
  }
}
.gi-management .gi-download-guide h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-download-guide h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
.gi-management .gi-download-guide .button {
  padding: 10px 24px;
}
.gi-management .gi-download-guide .right-col a::after {
  content: url('../media/content/images/download-icon.svg');
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.5rem;
}
.gi-management .gi-link p,
.gi-management .gi-link a {
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .gi-management .gi-link p,
  .gi-management .gi-link a {
    font-size: 17px;
    line-height: 23px;
  }
}
.gi-management .customBold p:nth-of-type(2) {
  color: #592b8a;
  font-weight: bold;
}

.rsbg-main .rsbq-head-text h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-head-text h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.rsbg-main .rsbq-head-text p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-head-text p {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .references p {
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .references p {
    font-size: 11px;
    line-height: 14px;
  }
}
.rsbg-main .rsbq-testimonial h3 {
  font-size: 24px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-testimonial h3 {
    font-size: 17px;
    line-height: 21px;
  }
}
.rsbg-main .rsbq-testimonial p {
  font-size: 18px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-testimonial p {
    font-size: 15px;
    line-height: 21px;
  }
}
.rsbg-main .subscore {
  margin-top: 62px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .subscore {
    margin-top: 36px;
  }
}
.rsbg-main .subscore h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .subscore h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.rsbg-main .subscore sup {
  top: -0.85em;
}
.rsbg-main .cursor {
  cursor: pointer;
}
.rsbg-main .rsbq-points p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-points p {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .consideration h2 {
  font-size: 26px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .consideration h2 {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .consideration p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .consideration p {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .next-link {
  text-align: left;
}
.rsbg-main .next-link a {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .next-link a {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .rsbq-card-text h3 {
  font-size: 24px;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-card-text h3 {
    font-size: 17px;
    line-height: 21px;
  }
}
.rsbg-main .rsbq-safety h2 {
  font-size: 26px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-safety h2 {
    font-size: 21px;
    line-height: 26px;
  }
}
.rsbg-main .rsbq-safety p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-safety p {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .cust-callout-rsbq h2 {
  font-size: 32px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .cust-callout-rsbq h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.rsbg-main .cust-callout-rsbq .button {
  padding: 11px 22px;
}
.rsbg-main .cust-callout-rsbq .references p {
  padding-top: 7px;
}
.rsbg-main .rsbq-learn-more h2 {
  font-size: 36px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-learn-more h2 {
    font-size: 26px;
    line-height: 34px;
  }
}
.rsbg-main .rsbq-learn-more p {
  font-size: 18px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-learn-more p {
    font-size: 15px;
    line-height: 20px;
  }
}
.rsbg-main .rsbq-learn-more .button {
  padding: 11px 19px;
}
.rsbg-main .rsbq-next-page p {
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-next-page p {
    font-size: 17px;
    line-height: 23px;
  }
}
.rsbg-main .rsbq-next-page a {
  font-size: 22px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .rsbg-main .rsbq-next-page a {
    font-size: 17px;
    line-height: 23px;
  }
}

.text-copy-link p a {
  padding-left: 5px;
}
.text-copy-link p a b {
  color: #592b8a;
}

.customMarginCgi p {
  margin-left: 40px !important;
  margin-right: 50px;
}
@media screen and (max-width: 530px) {
  .customMarginCgi p {
    margin-right: 0px;
    margin-left: 10px !important;
  }
}

.cgiCustomSectionMaddy {
  margin-top: 40px !important;
}
.cgiCustomSectionMaddy > div:first-child {
  margin: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.cgiCustomSectionMaddy .callout__copy h2 {
  font-size: 24px !important;
  line-height: 30px !important;
  color: #414042 !important;
  padding-bottom: 4px !important;
}
@media screen and (max-width: 767px) {
  .cgiCustomSectionMaddy .callout__copy h2 {
    text-align: left !important;
    font-size: 17px !important;
    line-height: 21px !important;
  }
}
.cgiCustomSectionMaddy .callout__copy p:first-of-type {
  margin-top: 0px !important;
}
@media screen and (max-width: 767px) {
  .cgiCustomSectionMaddy .callout__copy p:first-of-type {
    text-align: left !important;
  }
}
.cgiCustomSectionMaddy .callout__copy p:nth-of-type(2) a {
  color: #563091 !important;
  text-decoration: underline !important;
}
@media screen and (max-width: 767px) {
  .cgiCustomSectionMaddy .callout__copy p:nth-of-type(2) {
    text-align: left !important;
  }
}
.cgiCustomSectionMaddy .grid__1\/3 {
  max-width: 26% !important;
  -ms-flex-preferred-size: 26% !important;
      flex-basis: 26% !important;
}
.cgiCustomSectionMaddy .callout.callout__request .asset {
  width: 290px !important;
  margin: 0px !important;
}
.cgiCustomSectionMaddy .grid__2\/3 {
  max-width: 74% !important;
  -ms-flex-preferred-size: 74% !important;
      flex-basis: 74% !important;
}
.cgiCustomSectionMaddy .references {
  max-width: 300px !important;
  min-width: auto !important;
  margin: 0px !important;
}
.cgiCustomSectionMaddy .grid--gutters-x-2 > * {
  padding-left: 0px !important;
}
@media screen and (max-width: 767px) {
  .cgiCustomSectionMaddy .grid__1\/3,
  .cgiCustomSectionMaddy .grid__2\/3 {
    max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
  }
  .cgiCustomSectionMaddy .references,
  .cgiCustomSectionMaddy .callout.callout__request .asset {
    margin: auto !important;
  }
  .cgiCustomSectionMaddy .mobile\:mb-3 {
    margin-bottom: 6px !important;
  }
  .cgiCustomSectionMaddy .callout__copy {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .cgi-video-container .clinical-trial .callout .false-bg {
    height: 215px !important;
    position: relative !important;
    width: 92% !important;
  }
  .cgi-video-container .clinical-trial .callout .false-bg img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  .cgi-video-container .clinical-trial .callout .divider {
    margin-bottom: 0px !important;
    height: auto !important;
  }
  .cgi-video-container .questions-daybue {
    display: block;
  }
}
.study-design .questions-daybue a {
  margin-bottom: 6px !important;
}

.cgiCustomSectionMaddy .references,
.cgiCustomSectionMaddy .callout.callout__request .asset {
  margin: auto !important;
}
@media screen and (max-width: 800px) {
  .cgiCustomSectionMaddy .references,
  .cgiCustomSectionMaddy .callout.callout__request .asset {
    margin: 0px !important;
  }
}

.cg-storyWrapper .cg-storyCard:hover:nth-child(1) .cg-storyCardWrapper .cg-storyCard-content {
  border: 10px solid red !important;
}

.cg-prespective.addition {
  margin-top: 0px;
}
@media screen and (max-width: 1024px) {
  .cg-prespective.addition {
    margin-top: 0px;
  }
}

.references a {
  display: inline;
}

@media screen and (max-width: 720px) {
  .customLineHeight h3 {
    line-height: 32px;
  }
}

.dosing-calculator-page {
  min-height: 100vh;
  margin-top: 13rem;
}
.dosing-calculator-page .page-title {
  font-family: Poppins;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
  color: #592b8a;
  margin-top: 80px;
  margin-bottom: 0px;
}
.dosing-calculator-page .custom-header {
  width: 100%;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #fff;
}
.dosing-calculator-page .custom-header .custom-header-bar {
  width: 100%;
  height: 48px;
  background-color: #b9d6dc;
}
.dosing-calculator-page .custom-header .header-content {
  max-width: 1276px;
  margin: 25px auto;
}
.dosing-calculator-page .custom-header .header-content .logo {
  width: 218px;
}
.dosing-calculator-page .custom-header .header-content .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 720px) {
  .dosing-calculator-page .custom-header .header-content {
    margin: 16px auto;
  }
  .dosing-calculator-page .custom-header .header-content .logo {
    width: 150px;
    padding: 0 32px;
  }
}
.dosing-calculator-page .password-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #592b8a;
  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;
  z-index: 9999;
}
.dosing-calculator-page .password-overlay .password-modal {
  background: white;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
          box-shadow: 0 2px 4px 0 rgba(14, 30, 37, 0.16);
  text-align: center;
  width: 75%;
  max-width: 364px;
  padding: 24px;
}
.dosing-calculator-page .password-overlay .password-modal h2 {
  color: #000;
  font-size: 22px;
  line-height: 24px;
  text-align: left;
}
.dosing-calculator-page .password-overlay .password-modal p {
  margin-bottom: 1.5rem;
  margin-top: 0px;
  color: #000;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.dosing-calculator-page .password-overlay .password-modal .password-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.dosing-calculator-page .password-overlay .password-modal .password-form .password-input {
  padding: 12px;
  border: 2px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
}
.dosing-calculator-page .password-overlay .password-modal .password-form .password-input:focus {
  border-color: #592b8a;
}
.dosing-calculator-page .password-overlay .password-modal .password-form .password-button {
  padding: 12px 24px;
  background-color: #592b8a;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.dosing-calculator-page .password-overlay .password-modal .password-form .password-button:hover {
  background-color: #0056b3;
}
.dosing-calculator-page .dosing_Section .dosing-heading {
  font-family: Poppins;
  font-size: 30px;
  font-weight: 600;
  line-height: 42px;
  text-align: left;
  color: #592b8a;
}
.dosing-calculator-page .dosing_Section .tabs-ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 18px;
  padding: 8px 9px;
  border-radius: 30px;
  border: 1px solid #592b8a;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
@media screen and (max-width: 630px) {
  .dosing-calculator-page .dosing_Section .tabs-ui {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.dosing-calculator-page .dosing_Section .tabs-ui .tab {
  padding: 0.75rem 1.5rem;
  border: none;
  background: #592b8a;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  border-radius: 25px;
  opacity: 0.5;
  cursor: pointer;
  outline: none;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.dosing-calculator-page .dosing_Section .tabs-ui .tab.active {
  background: #592b8a;
  opacity: 1;
  color: #fff;
}
.dosing-calculator-page .dosing_Section .tabs-ui .tab.tab-disabled {
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0.2);
}
.dosing-calculator-page .dosing_Section .dosing-chart-link {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: #592b8a;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 34px;
  cursor: pointer;
}
.dosing-calculator-page .dosing_Section .dosing-chart-link-inline {
  color: #592b8a;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  font-weight: 500;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
}
.dosing-calculator-page .dosing_Section .dosing-description {
  padding-bottom: 0px;
}
.dosing-calculator-page .dosing_Section .dosing-description p {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  color: #000;
}
.dosing-calculator-page .dosing-calculator-container {
  background-color: #edfafa;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}
.dosing-calculator-page .dosing-calculator-container .dosing-cal-second-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
}
.dosing-calculator-page .dosing-calculator-container .dosing-cal-third-tab {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: #ffffff;
}
.dosing-calculator-page .dosing-calculator-container .action-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 38px;
  border-radius: 4px;
  font-size: 16px;
  background-color: #bdaad0;
  border: 1px solid #bdaad0;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  padding: 8px 16px;
  border-radius: 25px;
  text-align: center;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.dosing-calculator-page .dosing-calculator-container .reset-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 38px;
  border-radius: 4px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #bdaad0;
  outline: none;
  color: #bdaad0;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  padding: 8px 16px;
  border-radius: 25px;
  text-align: center;
  -webkit-transition: border-color 0.2s, color 0.2s;
  transition: border-color 0.2s, color 0.2s;
  cursor: pointer;
}
.dosing-calculator-page .dosing-calculator-container .action-btn.active {
  background: #592b8a !important;
  color: #fff;
}
.dosing-calculator-page .dosing-calculator-container .reset-btn.active {
  color: #592b8a;
  border-color: #592b8a;
}
.dosing-calculator-page .dosing-calculator-container .modifyBtn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  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;
  gap: 6px;
  margin-top: 40px;
}
.dosing-calculator-page .dosing-calculator-container .modifyBtn:nth-child(1) {
  margin-top: 22px !important;
  border: 1px solid red;
}
.dosing-calculator-page .dosing-calculator-container .modifyBtn span {
  padding-top: 2px;
}
.dosing-calculator-page .dosing-calculator-container .tab-content {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 15px;
  padding: 50px 55px;
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 70px;
}
@media screen and (max-width: 1012px) {
  .dosing-calculator-page .dosing-calculator-container .tab-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
    gap: 20px;
  }
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose {
  width: 100%;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose p {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .sub-heading {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  color: #000;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .sub-heading:first-of-type {
  margin-top: -2px !important;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .slider-container {
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 2px 12px 1px rgba(41, 127, 127, 0.2);
          box-shadow: 0px 2px 12px 1px rgba(41, 127, 127, 0.2);
  margin-bottom: 10px;
  padding: 24px 16px;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .slider-container .slider-value-container {
  position: relative;
  height: 30px;
  margin-bottom: 10px;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .slider-container .slider-value {
  position: absolute;
  background: #592B8A;
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 10;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .slider-container .slider-labels span {
  font-weight: 700;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .slider-container .slider-labels span:last-child {
  float: right;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .calculate-full-dose-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px;
  max-width: 450px;
  width: 450px;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .calculate-full-dose-content h4 {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  color: #000;
  margin-bottom: 20px;
}
.dosing-calculator-page .dosing-calculator-container .tab-content .calculate-full-dose .calculate-full-dose-content .calculate-full-dose-content-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.dosing-calculator-page .modal__inner.full-width-modal {
  max-width: 1090px !important;
  width: 100% !important;
  padding: 71px 36px;
}
.dosing-calculator-page .modal__inner.full-width-modal .modal-title {
  color: #592B8A;
  font-family: Poppins;
  font-size: 31.3px;
  font-style: normal;
  font-weight: 600;
  line-height: 40.94px;
  padding-bottom: 30px !important;
}
.dosing-calculator-page .modal__inner.full-width-modal .modal__close {
  width: 55px;
  height: 55px;
  background-color: #592B8A;
  color: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.dosing-calculator-page .modal__inner.full-width-modal .modal__close::after, .dosing-calculator-page .modal__inner.full-width-modal .modal__close::before {
  background-color: #fff !important;
  width: 3px !important;
  height: 30px !important;
}
.dosing-calculator-page .results-table table {
  width: 100%;
  border-spacing: 0px !important;
}
.dosing-calculator-page .results-table .header th {
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 10px;
  color: #000;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.dosing-calculator-page .results-table .cell {
  border: none !important;
}
.dosing-calculator-page .results-table .cell .full-row {
  max-width: 123px;
  width: 123px;
}
.dosing-calculator-page .results-table .cell td {
  padding: 18px 10px !important;
  color: #191919;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  border-bottom: 1px solid #939393 !important;
  border-right: 1px solid #939393 !important;
  margin: 0 !important;
}
.dosing-calculator-page .results-table .cell td:first-child {
  border-left: 1px solid #939393 !important;
}
.dosing-calculator-page .results-table .cell:nth-child(odd) {
  background-color: rgba(0, 135, 139, 0.1);
}
.dosing-calculator-page .results-table .cell:nth-child(even) {
  background-color: rgba(0, 135, 139, 0.2);
}

.error-text {
  color: #ff0000;
  font-size: 18px;
  line-height: 22px;
}

.calculate-full-dose-content {
  max-width: 450px;
}

.results-description {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  background: #00878b;
  color: #fff;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.calculate-full-dose-content-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.calculate-full-dose-content-input .input-with-postfix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.calculate-full-dose-content-input .input-with-postfix .dose-input {
  width: 30px;
  height: 48px;
  padding: 0px 10px;
  border-radius: 4px;
  font-size: 16px;
  background-color: #f0e9fb;
  border: 1px solid #bdaad0;
  color: #191919;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  text-align: left;
  outline: none;
  margin-right: 15px;
  padding-right: 38px;
  text-align: center;
}
@media screen and (max-width: 400px) {
  .calculate-full-dose-content-input .input-with-postfix .dose-input {
    margin-right: 0px;
  }
}
.calculate-full-dose-content-input .input-postfix {
  position: absolute;
  right: 33px;
  color: #888;
  font-size: 1rem;
  font-weight: 600;
  pointer-events: none;
  -webkit-transition: color 0.2s, opacity 0.2s;
  transition: color 0.2s, opacity 0.2s;
  opacity: 0;
}
@media screen and (max-width: 400px) {
  .calculate-full-dose-content-input .input-postfix {
    right: 20px;
  }
}
.calculate-full-dose-content-input .input-postfix.active {
  opacity: 1;
  color: #191919;
}
.calculate-full-dose-content-input .powder-percentage-postfix {
  right: 36px;
}
.calculate-full-dose-content-input .oral-percentage-postfix {
  right: 24px;
}
.calculate-full-dose-content-input .powder-ml-postfix {
  right: 24px;
}
.calculate-full-dose-content-input .oral-ml-postfix {
  right: 24px;
}
.calculate-full-dose-content-input .sub-label {
  font-weight: 700;
  margin-bottom: 0px;
}

.modifiedSection {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
.modifiedSection .modified-dose-section p {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #000;
  margin-bottom: 20px;
  margin-top: 0px;
}
.modifiedSection .modified-dose-section .modified-dose-section-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 70px;
}
@media screen and (max-width: 1012px) {
  .modifiedSection .modified-dose-section .modified-dose-section-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.modifiedSection .modified-dose-section .modified-dose-section-content .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.results-section .results-table {
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  border: 1px solid #00878b;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.results-section .results-table table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin: 0 auto;
  table-layout: fixed;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  border-style: hidden;
  -webkit-box-shadow: 0 0 0 1px #666;
          box-shadow: 0 0 0 1px #666;
}
.results-section .results-table th,
.results-section .results-table td {
  text-align: center;
  padding: 1rem 0.5rem;
  font-size: 1rem;
  border: 1px solid #00878b;
}
.results-section .results-table .no-table-header {
  background: none;
}
.results-section .results-table .bg-violet {
  background-color: #592b8a;
  color: #fff;
}
.results-section .results-table th {
  color: #191919;
  padding: 11px 18px;
  background: #cce7e8;
  font-weight: bold;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}
.results-section .results-table .medium-table th {
  background: #99cfd1;
}
.results-section .results-table .high-table th {
  background: #7fc2c4;
}
.results-section .results-table td {
  color: #191919;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  background: #fff;
  font-weight: 700;
}
.results-section .results-table .oral-dose-table th {
  background: #00878b !important;
  color: #fff !important;
}
.results-section .results-table .oral-dose-table .oral-right-border {
  border-right: 1px solid #fff !important;
}
.results-section .results-table .oral-dose-table .oral-left-border {
  border-left: 1px solid #fff !important;
}
@media screen and (max-width: 759px) {
  .results-section .results-table {
    overflow-x: auto;
  }
  .results-section .results-table table {
    width: 100%;
  }
}

.results-section {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.results-section h3 {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  text-align: left;
  color: #191919;
  margin-bottom: 8px;
}

.sub-label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: left;
  color: #000;
  margin-bottom: 10px;
}
.sub-label.field-label {
  font-size: 18px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.calculate-full-dose-content {
  max-width: 450px;
  width: 450px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 399px;
          flex: 0 0 399px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .calculate-full-dose-content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .calculate-full-dose-content {
    max-width: -webkit-fit-content !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}

.radio-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  gap: 10px;
}
@media screen and (max-width: 425px) {
  .radio-button-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.radio-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 28%;
  border: 2px solid #bdaad0;
  position: relative;
  background-color: #f0e9fb;
  cursor: pointer;
}

input[type=radio]:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  background-color: #592b8a;
  border-radius: 30%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.results-grid-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  grid-template-rows: repeat(3, 54px);
}

.results-grid-item {
  font-family: Montserrat;
  background-color: #fff;
  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;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  border: 1px solid transparent;
}
@media screen and (max-width: 750px) {
  .results-grid-item {
    font-size: 1rem;
    padding: 10px;
  }
}

.violetBlock {
  background-color: #592b8a;
  color: #fff;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  padding-left: 11px;
}

.topLeftRounder {
  border-radius: 4px 0 0 0;
}

.topRightRounder {
  border-radius: 0 4px 0 0;
}

.BottomLeftRounder {
  border-radius: 0 0 0 4px;
}

.VioletBB {
  border-bottom: 1px solid #fff;
}

.header {
  background-color: #cce7e8;
  border: 1px solid #00878b;
}

.borderItems {
  border: 1px solid #939393;
}

.borderTN {
  border-top: none;
}

.borderRN {
  border-right: none;
}

input[type=range].slider-input {
  -webkit-appearance: none;
  width: 95%;
  height: 25px;
  background: #e0e0e0;
  cursor: pointer;
  outline: none;
  margin: 5px 20px 10px;
  z-index: 2;
  border-radius: 25px;
}
@media screen and (max-width: 750px) {
  input[type=range].slider-input {
    margin: 5px 0px 10px;
    width: 100%;
  }
}

/* Remove default focus styling */
input[type=range].slider-input:focus {
  outline: none;
}

/* Track: create filled/unfilled part manually using background gradients */
input[type=range].slider-input::-webkit-slider-runnable-track {
  height: 25px;
  border-radius: 25px;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #5a348b), to(#dad7dd));
  background: linear-gradient(to right, #5a348b 0 var(--percent, 50%), #dad7dd var(--percent, 50%) 100%);
}

input[type=range].slider-input::-moz-range-track {
  height: 25px;
  border-radius: 8px;
  background: linear-gradient(to right, #5a348b 0 var(--percent, 50%), #dad7dd var(--percent, 50%) 100%);
}

input[type=range].slider-input::-ms-fill-lower {
  background: #5a348b;
  height: 25px;
  border-radius: 8px 0 0 8px;
}

input[type=range].slider-input::-ms-fill-upper {
  background: #dad7dd;
  height: 25px;
  border-radius: 0 8px 8px 0;
}

/* Thumb: circular, thick border */
input[type=range].slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 40px;
  width: 40px;
  background: #fff;
  border: 8px solid #5a348b;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 6px rgba(90, 52, 139, 0.25);
          box-shadow: 0 2px 6px rgba(90, 52, 139, 0.25);
  margin-top: -8px; /* Center thumb on track */
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

input[type=range].slider-input:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 3px rgba(90, 52, 139, 0.15);
          box-shadow: 0 0 0 3px rgba(90, 52, 139, 0.15);
}

input[type=range].slider-input::-moz-range-thumb {
  height: 32px;
  width: 32px;
  background: #fff;
  border: 8px solid #5a348b;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(90, 52, 139, 0.25);
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

input[type=range].slider-input::-ms-thumb {
  height: 32px;
  width: 32px;
  background: #fff;
  border: 8px solid #5a348b;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(90, 52, 139, 0.25);
  -ms-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}

/* Remove outline on IE */
input[type=range].slider-input:focus::-ms-thumb {
  outline: none;
}

/* Hide the outline for Firefox */
input[type=range].slider-input::-moz-focus-outer {
  border: 0;
}

input[type=range].slider-input:focus::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #5a348b), to(#dad7dd));
  background: linear-gradient(to right, #5a348b 0 var(--percent, 50%), #dad7dd var(--percent, 50%) 100%);
}

.calculate-full-dose-content label {
  font-weight: bold;
}

.footer-card-text {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 40px;
  padding: 0px !important;
  font-style: italic;
}

/*! purgecss end ignore */
.edit {
  width: 75px;
  height: 75px;
}
.edit .icon,
.edit svg {
  width: 100%;
  height: 100%;
}

.margin-lr {
  margin-left: -31px;
  margin-right: -50px;
}

.vimeo__container {
  display: -webkit-inline-box;
  overflow-x: auto;
  max-width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.vimeo__container::-webkit-scrollbar {
  height: 6px;
}

.vimeo__container::-webkit-scrollbar-thumb {
  background-color: #7b4fa0;
  border-radius: 8px;
  border: 4px solid #7b4fa0;
}

.vimeo__container::-webkit-scrollbar-track {
  background-color: #dbd2e8;
  border-radius: 8px;
}

.vimeo__playCard {
  width: 214px;
  margin: 5px 0 0 5px;
  cursor: pointer;
}

.vimeo__playCard img {
  width: 100%;
}

.vimeo__playCard h5 {
  color: #563091;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  font-weight: bold;
}

.vimeo__playCard.disabled h5,
.vimeo__playCard.disabled p {
  opacity: 0.6 !important;
}

.vimeo__playCard.active {
  opacity: 1.5 !important;
}

.vimeo__playCard.active img {
  border-bottom: 6px solid transparent;
  border-image-source: linear-gradient(to left, #563091, #38abab);
  border-image-slice: 1;
}

.vimeo__playCard p {
  font-size: 0.75rem;
  color: #563091;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
}

.playAllSection {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.playAllSection .button,
.playNavigationSection .button {
  font-size: 0.75rem !important;
  font-weight: 500;
}

.playNavigationSection {
  padding-top: 1rem;
  padding-bottom: 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chapterArrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
}

.chapterArrow.right {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.chapterArrow.left {
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

@media screen and (max-width: 882px) {
  .hcp-prespective .hcp-prespective-hero .container .hero__container h1 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media screen and (max-width: 600px) {
  .hcp-prespective .hcp-prespective-hero .container .hero__container h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
.container ul.list:nth-of-type(2) {
  margin-top: 20px !important;
}
.container p:nth-last-of-type(2) {
  margin-top: 20px !important;
}
.container p:nth-last-of-type(3) {
  margin-top: 20px !important;
}

.carousel-wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.carousel-wrapper::after {
  content: "";
  top: 0;
  right: 0;
  width: 263px;
  height: 324px;
  background-color: red;
  z-index: 10;
}

.carousel-container {
  display: -webkit-box;
  overflow-x: auto;
  padding: 10px 0;
  scroll-behavior: smooth; /* Smooth scrolling */
  /* Hiding the scrollbar */
  -ms-overflow-style: none; /* For IE and Edge */
  scrollbar-width: none; /* For Firefox */
  /* Add gradient on right side */
  position: relative;
  height: 400px;
}

.carousel-container::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and other WebKit-based browsers */
}

.carousel-overlay {
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(white));
  background: linear-gradient(to right, transparent, white);
  opacity: 1;
  position: absolute;
  bottom: 0;
  width: 263px;
  height: 410px;
  pointer-events: none;
  right: 0;
  z-index: 2;
}

.thumbnail {
  width: 263px;
  height: 324px;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  border-radius: 18px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 18px;
}

.thumbCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.thumbnail.active > .thumbCard {
  border-radius: 18px;
}

/* Apply opacity fade effect to the last thumbnail */
.thumbnail.faded {
  opacity: 0.3; /* Change to your desired opacity */
}

.carousel-wrapper button {
  position: absolute;
  top: 41%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 10;
}

.carousel-wrapper button:disabled {
  display: none;
}

.moreButton {
  background: #563091;
  border-radius: 20px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 20px !important;
}

.cg-storyCardWrapper .moreButton {
  margin-top: 10px !important;
}

.carousel-wrapper button.prev {
  left: 10px;
}
.carousel-wrapper button.prev ::after {
  content: url('../media/content/images/arrow-right-circle.svg');
  color: #592b8a;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.7rem;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.cg-prespective-kate .hero__info {
  top: 13% !important;
  right: 3% !important;
  bottom: unset !important;
  max-width: 180px !important;
}

.carousel-wrapper button.next {
  right: 10px;
}
.carousel-wrapper button.next ::after {
  content: url('../media/content/images/arrow-right-circle.svg');
  color: #592b8a;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 0.7rem;
}

.relatedStoriesTitle {
  font-size: 32px !important;
  color: #592b8a;
  letter-spacing: 0;
  line-height: 1.2;
  font-weight: 600 !important;
  margin-top: 50px !important;
}

.cg-title {
  padding: 1rem 0px;
}

.cg-title > .relatedStoriesTitle {
  margin-top: 0px !important;
}

@media screen and (max-width: 1024px) and (min-width: 767px) {
  .cg-prespective .cg-feedback .important-note {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .cg-prespective .cg-feedback b br {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .relatedStoriesTitle {
    font-size: 1.5rem !important;
  }
  .cg-storyWrapper {
    padding: 0px 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cg-note {
    padding: 0px 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 1rem !important;
  }
  .cg-note > p {
    margin-top: 5px !important;
  }
}
.vtable-container {
  padding-top: 25px !important;
}

@media screen and (max-width: 600px) {
  .vtable-container {
    padding-top: 0px !important;
  }
}
.relatedStoriesSection {
  padding-top: 30px !important;
  width: 100% !important;
  background-color: white;
}

.cg-note > p {
  margin-top: 30px !important;
}

@media screen and (max-width: 769px) {
  .cg-prespective .cg-feedback b br {
    display: none !important;
  }
  .relatedStoriesTitle {
    font-size: 24px !important;
    margin-top: 5px !important;
  }
  .cg-storyWrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .cg-title {
    padding: 1rem 10px;
  }
  .cg-note {
    padding: 0px 10px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 1rem !important;
  }
  .cg-note > p {
    margin-top: 20px !important;
  }
}
.cg-prespective .hero__info {
  right: 3%;
  bottom: 0%;
}

.cg-storyWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  margin-top: 10px;
  row-gap: 5rem;
}

.cg-storyCardWrapper {
  width: 100% !important;
  height: 100% !important;
}

/* Basic card styling */
.cg-storyCard {
  width: 263px !important;
  height: 327px !important;
  min-height: 327px !important;
  border-radius: 18px !important;
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition: transform 0.3s ease, box-shadow 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.cg-storyCard-thumbnail {
  height: 327px !important;
}

/* Thumbnail section inside the card */
.cg-storyCard-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

/* Content section inside the card */
.cg-storyCard-content {
  padding: 0px 20px;
  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;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #592b8a;
  color: #fff;
  opacity: 0;
  height: 100%;
  justify-content: center;
  justify-items: center;
  font-weight: bold;
  font-style: italic;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}

.cg-storyCard-content > span {
  font-weight: 400 !important;
  font-style: normal !important;
  margin-top: 10px !important;
}

/* Hover effect for the card */
.cg-storyCard:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Add shadow to enhance lifting effect */
}

.cg-storyCard:hover .cg-storyCard-content {
  opacity: 0.8; /* Make the content fully visible */
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.cg-improved-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  justify-items: center;
  gap: 1rem;
}

.cg-improved-list > .icon {
  width: 50px !important;
  justify-items: center;
  margin-top: 24px !important;
}

.cg-improved-list > .cg-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80% !important;
  justify-items: center;
}

.cg-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0rem 2rem;
  margin-top: 40px !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 15px;
}

.cg-feedback > .thumb {
  max-width: 230px !important;
  width: 100%;
  height: 100%;
  max-height: 230px !important;
  border-radius: 15px;
  overflow: hidden; /* Ensures img fits within bounds */
}

.cg-feedback > .thumb > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 15px;
  -o-object-position: 80% 50%;
     object-position: 80% 50%; /* Default: centers the image */
}

.cg-feedback > .quotes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.cg-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px !important;
}

.important-note h3 {
  font-size: 23px;
  line-height: 30px;
  font-weight: 500 !important;
}

@media screen and (max-width: 769px) {
  .cg-feedback {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .carousel-overlay {
    display: none !important;
  }
  .cg-prespective .hero__info {
    right: 8% !important;
    bottom: -6% !important;
    font-size: 12px !important;
  }
}
.familyText {
  font-size: 15px !important;
  padding-top: 20px;
}

.fpo {
  position: relative;
}
.fpo::after {
  content: "FPO";
  font-size: 2rem;
  color: magenta;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 25%;
  opacity: 0.5;
}

@media only screen and (min-width: 767px) {
  #app > div:nth-of-type(2) {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1023px) {
  #app > div:nth-of-type(2) {
    margin-top: 0px;
  }
}

.allStoriesButtonContainer {
  max-width: calc(100% - 137.5px);
  margin-left: auto;
}

@media screen and (max-width: 1023px) {
  .cg-prespective-kate .hero__info {
    top: 16% !important;
    right: 3% !important;
    bottom: unset !important;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .cg-note {
    row-gap: 10px !important;
  }
  .familyText {
    padding-top: 15px !important;
  }
  .cg-prespective-kate .hero__info {
    top: 53% !important;
    right: 8% !important;
    bottom: unset !important;
    width: 132px;
    font-size: 12px;
    height: 106px;
  }
  .allStoriesButtonContainer {
    margin-left: 0px !important;
  }
  .cg-prespective .cg-improved-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cg-prespective + .pt-3 {
  padding-top: 0px !important;
  margin-left: 14px !important;
}

.customAcadia .button {
  font-weight: 300 !important;
}

.homepage .acadia-connect-btn p:nth-of-type(1) {
  margin-top: 58px !important;
}
@media screen and (max-width: 755px) {
  .homepage .customMarginTop > div {
    margin-top: 0px !important;
  }
}
.homepage .customWidth {
  width: 122px;
}
.homepage .customWidth img {
  width: 100%;
}
@media screen and (max-width: 765px) {
  .homepage .customWidth {
    width: 96px;
  }
  .homepage .customWidth img {
    width: auto;
  }
}
.homepage .homeCardBtn a {
  margin-top: 50px;
}

.homepage .acadia-connect-btn .button--cont a::after {
  display: none !important;
}

.homepage .daybue-treatment .resource-card .acadia-connect-btn a {
  padding: 11.25px 25px !important;
}

.additional-resources .resource-card {
  width: 531px;
  height: 448px !important;
}

@media screen and (max-width: 1024px) {
  .additional-resources .resource-card {
    width: 100% !important;
  }
}
@media screen and (max-width: 1104px) {
  .additional-resources .resource-card {
    width: auto !important;
  }
}
@media screen and (min-width: 1160px) {
  .additional-resources .resource-card {
    width: 531px !important;
  }
}
@media screen and (max-width: 769px) {
  .resource-card-wrapper {
    width: 100% !important;
  }
  .additional-resources .resource-card {
    width: 100% !important;
    height: auto !important;
  }
}
.rsb-safety-info {
  margin-top: 50px !important;
}

.rsbg-main .hero__info {
  max-height: 73px;
  right: 4%;
  top: 25%;
}

@media screen and (max-width: 1210px) {
  .rsbg-main .hero__info {
    top: 26%;
  }
}
@media screen and (max-width: 1024px) {
  .rsbg-main .hero__info {
    max-height: 73px;
    right: 4%;
    top: 27%;
    bottom: unset !important;
  }
}
@media screen and (max-width: 1100px) {
  .rsbg-main .hero__info {
    max-height: 73px;
    right: 4%;
    top: 30%;
    bottom: unset !important;
  }
}
@media screen and (max-width: 760px) {
  .rsb-safety-info {
    margin-top: 42px !important;
  }
  .rsbg-main .hero__info {
    max-height: 73px;
    right: 10%;
    top: 48%;
    bottom: unset !important;
  }
}
.rsbq-items-card {
  padding-bottom: 5px !important;
}

.cgi--hero .hero__info {
  max-height: 90px;
  right: 4%;
  bottom: 0%;
  top: unset;
}

@media screen and (max-width: 1024px) {
  .cgi--hero .hero__info {
    max-height: 90px;
    right: 0%;
    top: unset;
    bottom: 0% !important;
  }
}
@media screen and (max-width: 1100px) {
  .cgi--hero .hero__info {
    max-height: 90px;
    right: 4%;
    top: unset;
  }
}
@media screen and (max-width: 760px) {
  .cgi--hero .hero__info {
    max-height: 90px;
    right: 10%;
    bottom: -2% !important;
    top: unset;
  }
}
.homepage .daybue-treatment .resource-card .homeCardBtn a {
  margin-top: 71px;
}
@media screen and (max-width: 1105px) {
  .homepage .daybue-treatment .resource-card .homeCardBtn a {
    margin-top: 32px;
  }
}
@media screen and (max-width: 940px) {
  .homepage .daybue-treatment .resource-card .homeCardBtn a {
    margin-top: 0px;
  }
}
@media screen and (max-width: 905px) {
  .homepage .daybue-treatment .resource-card .homeCardBtn a {
    margin-top: 25px;
  }
}
@media screen and (max-width: 800px) {
  .homepage .daybue-treatment .resource-card .homeCardBtn a {
    margin-top: 60px;
  }
}

.cg-stories h3 {
  color: #563091 !important;
  font-weight: 600 !important;
}

.cg-stories .list p a {
  font-weight: 700;
  color: #592b8a;
}

@media screen and (max-width: 950px) {
  .homepage .acadia-connect-btn p:nth-of-type(1) {
    margin-top: 12px !important;
  }
  .homepage .daybue-treatment .resource-card .homeCardBtn a {
    margin-top: 0px !important;
  }
  .homepage .daybue-treatment .resource-card .homeCardBtn p:nth-of-type(2) {
    margin-top: 31px !important;
  }
  .additional-resources .resource-card .button--cont h2 {
    margin-top: 7px !important;
  }
}
.important-note a b {
  text-decoration: underline;
  color: #592b8a;
}

.buttonRight {
  text-align: right;
  font-weight: bold;
}

.rsbg-main .tempBreak {
  display: none;
}

@media screen and (max-width: 600px) {
  .rsbg-main .tempBreak {
    display: inline;
  }
}
.ot-sdk-container #onetrust-policy-text {
  text-align: center !important;
}
.ot-sdk-container #onetrust-button-group #onetrust-reject-all-handler,
.ot-sdk-container #onetrust-button-group #onetrust-accept-btn-handler {
  padding: 10px 20px !important;
}

.addPaddingCustom {
  padding-top: 5rem;
}

.removePaddingCustom {
  padding-top: 0;
}

@media screen and (max-width: 1020px) {
  .addPaddingCustom {
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .addPaddingCustom {
    padding-top: 1rem;
  }
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  background: #000;
}

.video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 2;
}

.video-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.video-thumbnail:hover .play-button {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
      -ms-transform: translate(-50%, -50%) scale(1.1);
          transform: translate(-50%, -50%) scale(1.1);
}

.play-button svg {
  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

/* Ensure the player is properly positioned */
.player-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.oral-logo {
  width: 100%;
  content: url("/media/content/images/daybue-oral-logo_desktop.svg");
}
@media (max-width: 1024px) {
  .oral-logo {
    content: url("/media/content/images/daybue-oral-logo.svg");
  }
}

.stix-logo {
  width: 100%;
  content: url("/media/content/images/daybue-stix-logo_desktop.svg");
}
@media (max-width: 1024px) {
  .stix-logo {
    content: url("/media/content/images/daybue-stix-logo.svg");
  }
}