@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);
/*===============================
=            Choices            =
===============================*/
.choices {
  position: relative;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*='select-one'] {
  cursor: pointer;
}

.choices[data-type*='select-one'] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*='select-one'] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
  background-color: #ffffff;
  margin: 0;
}

.choices[data-type*='select-one'] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.5;
}

.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*='select-one'] .choices__button:focus {
  box-shadow: 0px 0px 0px 2px #00bcd4;
}

.choices[data-type*='select-one'] .choices__item[data-value=''] .choices__button {
  display: none;
}

.choices[data-type*='select-one']:after {
  content: '';
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*='select-one'].is-open:after {
  border-color: transparent transparent #333333 transparent;
  margin-top: -7.5px;
}

.choices[data-type*='select-one'][dir='rtl']:after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*='select-one'][dir='rtl'] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*='select-multiple'] .choices__inner,
.choices[data-type*='text'] .choices__inner {
  cursor: text;
}

.choices[data-type*='select-multiple'] .choices__button,
.choices[data-type*='text'] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus,
.choices[data-type*='text'] .choices__button:hover,
.choices[data-type*='text'] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #dddddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir='rtl'] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #ffffff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir='rtl'] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.choices__list--dropdown.is-active {
  visibility: visible;
}

.is-open .choices__list--dropdown {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir='rtl'] .choices__list--dropdown .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable:after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
    right: auto;
    left: 10px;
  }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input:focus {
  outline: 0;
}

[dir='rtl'] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/*=====  End of Choices  ======*/

/**
 * Swiper 6.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 5, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.rangeSlider, .rangeSlider__fill {
    display: block;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.rangeSlider {
    position: relative;
    background: #7f8c8d;
}

.rangeSlider__horizontal {
    height: 20px;
    width: 100%;
}

.rangeSlider__vertical {
    height: 100%;
    width: 20px;
}

.rangeSlider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeSlider__fill {
    background: #16a085;
    position: absolute;
}

.rangeSlider__fill__horizontal {
    height: 100%;
    top: 0;
    left: 0;
}

.rangeSlider__fill__vertical {
    width: 100%;
    bottom: 0;
    left: 0;
}

.rangeSlider__handle {
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    background: white linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.rangeSlider__handle__horizontal {
    top: -10px;
}

.rangeSlider__handle__vertical {
    left: -10px;
    bottom: 0;
}

.rangeSlider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    border-radius: 50%;
}

.rangeSlider__handle:active {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

input[type="range"]:focus + .rangeSlider .rangeSlider__handle {
    box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
}

.rangeSlider__buffer {
    position: absolute;
    top: 3px;
    height: 14px;
    background: #2c3e50;
    border-radius: 10px;
}
.autoComplete_wrapper {
  position: relative;
  display: inline-block;
  width: 370px;
}

#autoComplete {
  height: 3rem;
  width: 370px;
  margin: 0;
  padding: 0 2rem 0 3.2rem;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1rem;
  text-overflow: ellipsis;
  color: rgba(255, 122, 122, 0.3);
  outline: none;
  border-radius: 10rem;
  border: 0;
  border: 0.05rem solid rgba(255, 122, 122, 0.5);
  background-image: url(./images/search.svg);
  background-size: 1.4rem;
  background-position: left 1.05rem top 0.8rem;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: #fff;
  transition: all 0.4s ease;
  -webkit-transition: all -webkit-transform 0.4s ease;
}

#autoComplete::placeholder {
  color: rgba(255, 122, 122, 0.5);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

#autoComplete:hover::placeholder {
  color: rgba(255, 122, 122, 0.6);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

#autoComplete:focus::placeholder {
  padding: 0.1rem 0.6rem;
  font-size: 0.95rem;
  color: rgba(255, 122, 122, 0.4);
}

#autoComplete:focus::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

#autoComplete::selection {
  background-color: rgba(255, 122, 122, 0.15);
}

#autoComplete:hover {
  color: rgba(255, 122, 122, 0.8);
  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

#autoComplete:focus {
  color: rgba(255, 122, 122, 1);
  border: 0.06rem solid rgba(255, 122, 122, 0.8);
}

#autoComplete_list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin-top: 0.5rem;
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  border: 1px solid rgba(33, 33, 33, 0.07);
  z-index: 1000;
  outline: none;
}

.autoComplete_result {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  list-style: none;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  transition: all 0.1s ease-in-out;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_result::selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}

.autoComplete_result:hover {
  cursor: pointer;
  background-color: rgba(255, 122, 122, 0.15);
}

.autoComplete_highlighted {
  color: rgba(255, 122, 122, 1);
  font-weight: bold;
}

.autoComplete_highlighted::selection {
  color: rgba(#ffffff, 0);
  background-color: rgba(#ffffff, 0);
}

.autoComplete_selected {
  cursor: pointer;
  background-color: rgba(255, 122, 122, 0.15);
}

@media only screen and (max-width: 600px) {
  .autoComplete_wrapper {
    width: 320px;
  }

  #autoComplete {
    width: 18rem;
    background-size: 1.6rem;
    background-position: left 1.1rem top 0.75rem;
  }

  #autoComplete_list {
    margin: 10px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #autoComplete {
    border-width: 1px;
  }
}

@-moz-document url-prefix() {
  #autoComplete {
    background-size: 1.2rem;
    background-origin: border-box;
    border-width: 1px;
    background-position: left 1.1rem top 0.8rem;
  }
}

@charset "UTF-8";
/*------------------------------------*\
  Variables
\*------------------------------------*/
/*!
 * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, .voucher-slogan h1, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0056b3;
    text-decoration: underline; }

a:not([href]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):hover {
    color: inherit;
    text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px; } }

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1170px; } }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%; }

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%; }

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%; }

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%; }

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%; }

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%; }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

.d-none {
  display: none !important; }

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

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

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

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

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

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

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

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

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

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

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

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

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

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

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

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

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

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

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

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

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

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

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.float-left {
  float: left !important; }

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

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

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.datepicker {
  display: none; }
  .datepicker.active {
    display: block; }

.datepicker-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 4px; }
  .datepicker-dropdown.datepicker-orient-top {
    padding-top: 0;
    padding-bottom: 4px; }

.datepicker-picker {
  display: inline-block;
  border-radius: 4px;
  background-color: #fff; }
  .datepicker-dropdown .datepicker-picker {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1); }
  .datepicker-picker span {
    display: block;
    flex: 1;
    border: 0;
    border-radius: 4px;
    cursor: default;
    text-align: center;
    -webkit-touch-callout: none;
    user-select: none; }

.datepicker-main {
  padding: 2px; }

.datepicker-footer {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa; }

.datepicker-controls, .datepicker-view, .datepicker-view .days-of-week, .datepicker-grid {
  display: flex; }

.datepicker-grid {
  flex-wrap: wrap; }

.datepicker-view .dow, .datepicker-view .days .datepicker-cell {
  flex-basis: 14.28571%; }

.datepicker-view.datepicker-grid .datepicker-cell {
  flex-basis: 25%; }

.datepicker-view .week, .datepicker-cell {
  height: 2.25rem;
  line-height: 2.25rem; }

.datepicker-title {
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
  padding: 0.375rem 0.75rem;
  text-align: center;
  font-weight: 700; }

.datepicker-header .datepicker-controls {
  padding: 2px 2px 0; }

.datepicker-controls .button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #dae0e5;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fff;
  cursor: pointer;
  padding: calc(0.375em - 1px) 0.75em;
  height: 2.25em;
  vertical-align: top;
  text-align: center;
  line-height: 1.5;
  white-space: nowrap;
  color: #343a40;
  font-size: 1rem; }
  .datepicker-controls .button:focus, .datepicker-controls .button:active {
    outline: none; }
  .datepicker-controls .button:hover {
    border-color: #aeb9c5;
    color: #343a40; }
  .datepicker-controls .button:focus {
    border-color: #3273dc;
    color: #343a40; }
    .datepicker-controls .button:focus:not(:active) {
      box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }
  .datepicker-controls .button:active {
    border-color: #404040;
    color: #343a40; }
  .datepicker-controls .button[disabled] {
    cursor: not-allowed; }
  .datepicker-header .datepicker-controls .button {
    border-color: transparent;
    font-weight: bold; }
    .datepicker-header .datepicker-controls .button:hover {
      background-color: #f9f9f9; }
    .datepicker-header .datepicker-controls .button:focus:not(:active) {
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
    .datepicker-header .datepicker-controls .button:active {
      background-color: #f2f2f2; }
    .datepicker-header .datepicker-controls .button[disabled] {
      box-shadow: none; }
  .datepicker-footer .datepicker-controls .button {
    margin: calc(0.375rem - 1px) 0.375rem;
    border-radius: 2px;
    width: 100%;
    font-size: 0.75rem; }

.datepicker-controls .view-switch {
  flex: auto; }

.datepicker-controls .prev-btn,
.datepicker-controls .next-btn {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
  width: 2.25rem; }
  .datepicker-controls .prev-btn.disabled,
  .datepicker-controls .next-btn.disabled {
    visibility: hidden; }

.datepicker-view .dow {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 700; }

.datepicker-view .week {
  width: 2.25rem;
  color: #aeb9c5;
  font-size: 0.75rem; }
  @media (max-width: 22.5rem) {
    .datepicker-view .week {
      width: 1.96875rem; } }

.datepicker-grid {
  width: 15.75rem; }
  @media (max-width: 22.5rem) {
    .calendar-weeks + .days .datepicker-grid {
      width: 13.78125rem; } }

.datepicker-cell:not(.disabled):hover {
  background-color: #f9f9f9;
  cursor: pointer; }

.datepicker-cell.focused:not(.selected) {
  background-color: #e9ecef; }

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background-color: #3273dc;
  color: #fff;
  font-weight: 600; }

.datepicker-cell.disabled {
  color: #dae0e5; }

.datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) {
  color: #7a7a7a; }

.datepicker-cell.prev.selected, .datepicker-cell.next.selected {
  color: #e6e6e6; }

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: #f8f9fa; }
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #f1f3f5; }
  .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #e9ecef; }

.datepicker-cell.today:not(.selected) {
  background-color: #00d1b2; }
  .datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff; }

.datepicker-cell.today.focused:not(.selected) {
  background-color: #00c4a7; }

.datepicker-cell.range-start:not(.selected), .datepicker-cell.range-end:not(.selected) {
  background-color: #aeb9c5;
  color: #fff; }

.datepicker-cell.range-start.focused:not(.selected), .datepicker-cell.range-end.focused:not(.selected) {
  background-color: #a6b3c0; }

.datepicker-cell.range-start {
  border-radius: 4px 0 0 4px; }

.datepicker-cell.range-end {
  border-radius: 0 4px 4px 0; }

.datepicker-cell.range {
  border-radius: 0;
  background-color: #dae0e5; }
  .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #d3d9df; }
  .datepicker-cell.range.disabled {
    color: #bdc6d0; }
  .datepicker-cell.range.focused {
    background-color: #cbd3da; }

.datepicker-view.datepicker-grid .datepicker-cell {
  height: 4.5rem;
  line-height: 4.5rem; }

.datepicker-input.in-edit {
  border-color: #2366d1; }
  .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active {
    box-shadow: 0 0 0.25em 0.25em rgba(35, 102, 209, 0.2); }

/*------------------------------------*\
  Choices overwrite
\*------------------------------------*/
.choices[data-type*='select-one'] .choices__inner,
.is-open .choices__inner,
.choices__inner {
  background: #FFFFFF;
  padding: var(--form-control-select-padding);
  border: 1px solid #C9C9D8;
  border-radius: var(--form-control-border-radius);
  font-size: var(--default-font-size);
  font-weight: 400;
  transition: 0.27s ease box-shadow, 0.27s ease color, 0.27s ease border; }

.is-focused .choices__inner {
  box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }

.choices__placeholder {
  color: #3E3158;
  opacity: 0.5; }

.choices[data-type*='select-multiple']:after,
.choices[data-type*='select-one']:after {
  position: absolute;
  content: '\e914';
  height: 32px;
  width: 15px;
  top: 50%;
  right: 24px;
  margin-top: 0;
  transform: translateY(-50%);
  border: none;
  font-family: icomoon;
  font-size: .6rem;
  transition: 0.27s ease transform; }

.choices[data-type*='select-multiple'].is-open:after,
.choices[data-type*='select-one'].is-open:after {
  margin-top: 0;
  transform: translateY(-50%) rotate(180deg); }

.choices__list--dropdown {
  z-index: 50;
  border: 1px solid #C9C9D8;
  border-radius: 0; }

.choices__list--dropdown .choices__item {
  font-size: 1.06rem;
  font-weight: 400;
  padding: 4px 20px; }

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: #3E3158;
  color: white;
  opacity: 1; }

.choices__input {
  background: transparent;
  margin-bottom: 0; }

.choices__list--multiple .choices__item.is-highlighted,
.choices__list--multiple .choices__item {
  border: none;
  background: #F1F1F7;
  color: #3E3158;
  font-size: 1.06rem;
  line-height: 1.75rem;
  padding: 0 10px;
  border-radius: 15px;
  font-weight: 400;
  margin-top: 2px;
  margin-right: 5px;
  margin-bottom: 2px; }

.choices[data-type*='select-multiple'] .choices__button, .choices[data-type*='text'] .choices__button {
  border-left: none;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  height: 20px;
  width: 20px;
  border-radius: 15px;
  background-color: #9A97A6;
  opacity: 1;
  transition: 0.27s ease background; }
  .choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='text'] .choices__button:hover {
    background-color: #3E3158; }

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
  background: #F1F1F7; }

.swiper-slide {
  transition: 0.27s ease transform, 0.27s ease opacity; }
  .swiper-slide > * {
    transition: 0.27s ease transform, 0.27s ease opacity; }

.swiper-wrapper {
  box-sizing: border-box; }
  .swiper-wrapper--scale-active {
    padding: 8% 0; }
    @media (min-width: 992px) {
      .swiper-wrapper--scale-active {
        padding: 4% 0; } }
  .swiper-wrapper--scale-active .swiper-slide-active {
    transform: scale(1.33); }
  .swiper-wrapper--scale-active .swiper-slide-next {
    transform: translateX(16.5%); }
  .swiper-wrapper--scale-active .swiper-slide-prev {
    transform: translateX(-16.5%); }
  .swiper-wrapper--scale-horizontal-active .swiper-slide-active {
    transform: scaleX(1.33); }
  .swiper-wrapper--active-item-full-opacity .swiper-slide {
    background: #FFF;
    opacity: 0; }
  .swiper-wrapper--active-item-full-opacity .swiper-slide-active {
    opacity: 1; }
  .swiper-wrapper--active-item-full-opacity .swiper-slide-next,
  .swiper-wrapper--active-item-full-opacity .swiper-slide-prev {
    pointer-events: none;
    border-radius: 15px;
    opacity: 1; }
    .swiper-wrapper--active-item-full-opacity .swiper-slide-next:before,
    .swiper-wrapper--active-item-full-opacity .swiper-slide-prev:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to right, white 75%, rgba(255, 255, 255, 0.25)); }
      @media (min-width: 992px) {
        .swiper-wrapper--active-item-full-opacity .swiper-slide-next:before,
        .swiper-wrapper--active-item-full-opacity .swiper-slide-prev:before {
          background: linear-gradient(to right, white 16.5%, rgba(255, 255, 255, 0.25)); } }
  .swiper-wrapper--active-item-full-opacity .swiper-slide-next:before {
    background: linear-gradient(to left, white 75%, rgba(255, 255, 255, 0.25)); }
    @media (min-width: 992px) {
      .swiper-wrapper--active-item-full-opacity .swiper-slide-next:before {
        background: linear-gradient(to left, white 16.5%, rgba(255, 255, 255, 0.25)); } }
  .swiper-wrapper--active-item-full-opacity-2 .swiper-slide-next,
  .swiper-wrapper--active-item-full-opacity-2 .swiper-slide-prev {
    pointer-events: none;
    background: #fff;
    border-radius: 15px; }
    .swiper-wrapper--active-item-full-opacity-2 .swiper-slide-next > *,
    .swiper-wrapper--active-item-full-opacity-2 .swiper-slide-prev > * {
      opacity: .25; }

.swiper-pagination {
  position: static;
  font-size: .812rem; }

.swiper-pagination-current {
  font-weight: bold;
  font-size: 1rem; }

.swiper-button-next,
.swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 50px;
  height: 50px;
  background: #3E3158;
  color: #FFF;
  border-radius: 100%;
  box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2);
  transform: translateY(-50%);
  transition: 0.27s ease transform, 0.27s ease box-shadow, 0.27s ease color, 0.27s ease background; }
  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 1.3rem; }
  .swiper-button-next:active, .swiper-button-next:focus,
  .swiper-button-prev:active,
  .swiper-button-prev:focus {
    background: #C9C9D8;
    transform: translateY(-50%) scale(1);
    outline: none; }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: #C9C9D8;
    color: #3E3158;
    box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2);
    transform: translateY(-50%) scale(1.1); }
  .swiper-button-next--2,
  .swiper-button-prev--2 {
    width: 30px;
    height: 30px;
    background-color: #F1F1F7;
    box-shadow: none;
    color: #3E3158; }
    @media (min-width: 768px) {
      .swiper-button-next--2,
      .swiper-button-prev--2 {
        width: 50px;
        height: 50px; } }
    .swiper-button-next--2:after,
    .swiper-button-prev--2:after {
      font-family: icomoon;
      font-size: .8rem; }
      @media (min-width: 768px) {
        .swiper-button-next--2:after,
        .swiper-button-prev--2:after {
          font-size: .94rem; } }

.swiper-button-prev {
  left: 20px; }
  .swiper-button-prev--2 {
    left: -10px; }
    .swiper-button-prev--2:after {
      content: '\e935'; }
  .swiper-button-prev--3 {
    left: 20px; }
  @media (min-width: 992px) {
    .swiper-button-prev {
      left: 14%; }
      .swiper-button-prev--3 {
        left: 20px; }
      .swiper-button-prev--2 {
        left: -80px; } }

.swiper-button-next {
  right: 20px; }
  .swiper-button-next--2 {
    right: -10px; }
    .swiper-button-next--2:after {
      content: '\e910'; }
  .swiper-button-next--3 {
    right: 20px; }
  @media (min-width: 992px) {
    .swiper-button-next {
      right: 14%; }
      .swiper-button-next--2 {
        right: -80px; }
      .swiper-button-next--3 {
        right: 20px; } }

.datepicker-dropdown .datepicker-picker {
  box-shadow: 0 0 10px 0 #C9C9D8;
  border-radius: 15px; }

.datepicker-controls {
  padding: 0 10px;
  border-radius: 15px 15px 0 0;
  background-color: #3E3158;
  color: #FFF;
  padding: 0; }

.datepicker-header .datepicker-controls .button {
  font-weight: 500;
  color: #FFF;
  border-radius: 0;
  height: 50px;
  font-size: 1.5rem;
  background: transparent;
  border: none;
  transition: 0.27s ease opacity 0.27s ease background; }
  .datepicker-header .datepicker-controls .button:hover {
    background-color: transparent;
    opacity: 1;
    box-shadow: none;
    transform: scale(1); }
  .datepicker-header .datepicker-controls .button.next-btn, .datepicker-header .datepicker-controls .button.prev-btn {
    position: relative;
    color: #3E3158;
    opacity: 0.5;
    height: 50px;
    width: 50px; }
    .datepicker-header .datepicker-controls .button.next-btn:before, .datepicker-header .datepicker-controls .button.prev-btn:before {
      content: '\e915';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: icomoon;
      font-size: .8rem;
      color: #FFFFFF; }
    .datepicker-header .datepicker-controls .button.next-btn:hover, .datepicker-header .datepicker-controls .button.prev-btn:hover {
      opacity: 1;
      transform: scale(1.15); }
  .datepicker-header .datepicker-controls .button.prev-btn:before {
    transform: translate(-50%, -50%) rotate(180deg); }

.datepicker-view .dow {
  height: 40px;
  line-height: 2rem;
  opacity: .5;
  font-weight: 500; }

.datepicker-view .week, .datepicker-cell {
  height: 40px;
  line-height: 2.5rem;
  transition: 0.27s ease background-color, 0.27s ease color; }

.datepicker-picker span {
  border-radius: 10px; }

.datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) {
  color: #C9C9D8; }

.datepicker-cell.focused:not(.selected) {
  background-color: #C9C9D8; }

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background: #3BBF7F;
  color: #FFFFFF;
  border-radius: 10px; }

.datepicker-cell:not(.disabled):hover {
  background-color: #F1F1F7; }

.days-of-week {
  background-color: #3E3158;
  color: #FFF;
  padding: 0 10px; }

.datepicker-main {
  padding: 0; }

.datepicker-grid {
  padding: 10px;
  width: 364px; }

/*------------------------------------*\
  range-slider
\*------------------------------------*/
.rangeSlider__handle {
  width: 30px;
  height: 30px;
  border: 2px solid #3BBF7F;
  background: #FFFFFF;
  box-shadow: none;
  transition: 0.27s ease background; }
  .rangeSlider__handle:after {
    display: none; }

.rangeSlider__fill {
  background: #3BBF7F;
  box-shadow: none; }

.rangeSlider__horizontal {
  background: #C9C9D8;
  box-shadow: none;
  height: 10px;
  margin-right: 10px; }

/*------------------------------------*\
  variants variables
\*------------------------------------*/
:root {
  --default-border-radius: 5px;
  --default-line-heigt: 2em;
  --default-font-size: 14px;
  --h1-font-size: 2rem;
  --h2-font-size: 1.6rem;
  --h3-font-size: 1.4rem;
  --h4-font-size: 1.15rem;
  --h5-font-size: .9375rem;
  --intro-font-size: 1rem;
  --quote-font-size: 1.3rem;
  --input-font-size: 1rem;
  --input-label-font-size: 1rem;
  --h1-line-height: 1.5em;
  --h2-line-height: 1.5em;
  --h3-line-height: 1.5em;
  --h4-line-height: 1.5em;
  --h5-line-height: 1.5em;
  --intro-line-height: 1.5em;
  --h1-margin-bottom: 25px;
  --h2-margin-bottom: 20px;
  --h3-margin-bottom: 15px;
  --h4-margin-bottom: 10px;
  --h5-margin-bottom: 10px;
  --intro-margin-bottom: 10px;
  --button-padding: 6px 30px;
  --button-padding-compact: 4px 20px;
  --button-padding-mini: 0 18px;
  --button-padding-ghost: 4px 28px;
  --button-padding-compact-ghost: 2px 18px;
  --button-padding-mini-ghost: 0 16px;
  --button-padding-arrow-right: 6px 55px 6px 15px;
  --button-padding-arrow-left: 6px 15px 6px 55px;
  --button-arrow-circle-size: 46px;
  --button-border-radius: var(--default-border-radius);
  --nav-horizontal-margin: 0 -20px;
  --nav-sm-margin: 0 -14px;
  --nav-link-vertical-padding: 5px 20px;
  --nav-link-horizontal-padding: 14px 19px;
  --nav-link-sm-padding: 14px;
  --nav-link-horizontal-line-distance-from-side: 19px;
  --toggle-bar-border-radius: var(--default-border-radius);
  --toggle-bar-link-padding: 9px 15px;
  --form-control-padding: 4px 12px;
  --form-control-padding-big: 13px 20px;
  --form-control-padding-sm: 2px 10px;
  --form-control-select-padding: 2px 38px 2px 15px;
  --form-group-padding-bottom: 15px;
  --form-toggle-button-padding: 2px 18px;
  --file-upload-padding: 15px;
  --form-checkmark-margin-top: 4px;
  --form-checkmark-size: 25px;
  --file-upload-border-radius: var(--default-border-radius);
  --form-control-border-radius: var(--default-border-radius);
  --form-toggle-radius: var(--default-border-radius);
  --tooltips-padding: 5px 15px;
  --tooltips-font-size: .8rem;
  --tooltips-icon-font-size: 1.2rem;
  --tooltips-icon-md-font-size: 1.8rem;
  --tooltips-icon-lg-font-size: 2.2rem;
  --tooltips-icon-size: 40px;
  --tooltips-icon-md-size: 50px;
  --tooltips-icon-lg-size: 75px;
  --tooltip-border-radius: 25px;
  --tooltip-md-border-radius: 65px;
  --tooltip-lg-border-radius: 65px;
  --table-column-padding: 4px 10px;
  --table-font-size: 1rem;
  --dropdown-padding: 6px 15px;
  --dropdown-padding-sm: 3px 7px;
  --dropdown-padding-body: 20px;
  --dropdown-padding-body-sm: 7px;
  --dropdown-border-radius: var(--default-border-radius);
  --dropdown-navigation-padding: 7px;
  --dropdown-navigation-anchor-padding: 11px;
  --dropdown-navigation-font-size: 1rem;
  --pricebox-header-padding: 6px 20px;
  --pricebox-body-padding: 14px 20px;
  --pricebox-footer-padding: 6px 20px;
  --pricebox-border-radius: var(--default-border-radius);
  --modal-padding: 15px;
  --modal-lg-padding: 20px;
  --modal-alert-padding: 30px 20px;
  --modal-buttons-padding: 20px;
  --modal-border-radius: var(--default-border-radius);
  --well-padding: 25px 35px;
  --well-padding-sm: 15px 25px;
  --wel-body-padding-top: 15px;
  --well-icon-size: 3rem;
  --wel-border-radius: var(--default-border-radius);
  --alert-padding: 28px 40px;
  --alert-inline-padding: 8px 20px;
  --alert-padding-small: 4px 18px;
  --alert-padding-mini: 1px 5px;
  --alert-font-size: 1rem;
  --alert-inline-font-size: 1rem;
  --alert-font-size-small: .812rem;
  --alert-font-size-mini: .812rem;
  --alert-border-radius: var(--default-border-radius);
  --pannel-padding: 20px;
  --pannel-sm-padding: 15px;
  --pannel-border-radius: var(--default-border-radius);
  --check-list-padding: 16px 16px; }
  @media (min-width: 768px) {
    :root {
      --h1-font-size: 2.1rem;
      --h2-font-size: 1.6rem;
      --h3-font-size: 1.4rem;
      --h4-font-size: 1.15rem;
      --intro-font-size: 1.2rem;
      --intro-line-height: 2rem; } }
  @media (min-width: 576px) {
    :root {
      --button-padding-arrow-right: 7px 65px 7px 30px;
      --button-padding-arrow-left: 7px 30px 7px 65px; } }
  @media (min-width: 768px) {
    :root {
      --modal-padding: 35px;
      --modal-lg-padding: 50px; } }
  @media (min-width: 576px) {
    :root {
      --pannel-padding: 28px;
      --pannel-sm-padding: 28px; } }
  @media (min-width: 992px) {
    :root {
      --pannel-padding: 40px 50px; } }

.ui--large {
  --default-line-heigt: 2em;
  --h1-font-size: 2rem;
  --h2-font-size: 1.7rem;
  --h3-font-size: 1.2rem;
  --h4-font-size: 1.15rem;
  --intro-font-size: 1.1rem;
  --quote-font-size: 1.5rem;
  --h1-margin-bottom: 35px;
  --h2-margin-bottom: 25px;
  --h3-margin-bottom: 20px;
  --h4-margin-bottom: 15px;
  --h5-margin-bottom: 15px;
  --intro-margin-bottom: 25px;
  --button-padding: 9px 40px;
  --button-padding-compact: 4px 29px;
  --button-padding-mini: 0 26px;
  --button-padding-ghost: 7px 38px;
  --button-padding-compact-ghost: 2px 27px;
  --button-padding-mini-ghost: 0 25px;
  --button-padding-arrow-right: 9px 55px 9px 15px;
  --button-padding-arrow-left: 9px 15px 9px 55px;
  --button-arrow-circle-size: 50px;
  --button-border-radius: var(--default-border-radius);
  --nav-horizontal-margin: 0 -27px;
  --nav-sm-margin: 0 -15px;
  --nav-link-vertical-padding-left: 10px 30px;
  --nav-link-horizontal-padding: 19px 27px;
  --nav-link-sm-padding: 19px 15px;
  --nav-link-horizontal-line-distance-from-side: 27px;
  --toggle-bar-border-radius: var(--default-border-radius);
  --form-control-padding: 8px 20px;
  --form-control-padding-big: 13px 20px;
  --form-control-padding-sm: 2px 10px;
  --form-control-select-padding: 4px 38px 4px 16px;
  --form-group-padding-bottom: 23px;
  --form-toggle-button-padding: 4px 25px;
  --file-upload-padding: 20px;
  --form-checkmark-margin-top: 2px;
  --form-checkmark-size: 25px;
  --file-upload-border-radius: var(--default-border-radius);
  --form-control-border-radius: var(--default-border-radius);
  --tooltips-padding: 12.5px 20px;
  --tooltips-font-size: .937rem;
  --tooltips-icon-font-size: 1.4rem;
  --tooltips-icon-md-font-size: 2.06rem;
  --tooltips-icon-lg-font-size: 3rem;
  --tooltips-icon-size: 50px;
  --tooltips-icon-md-size: 65px;
  --tooltips-icon-lg-size: 90px;
  --tooltip-border-radius: 25px;
  --tooltip-md-border-radius: 65px;
  --tooltip-lg-border-radius: 65px;
  --table-column-padding: 9px 20px;
  --table-font-size: .875rem;
  --pricebox-header-padding: 9px 25px;
  --pricebox-body-padding: 17px 25px;
  --pricebox-footer-padding: 9px 25px;
  --pricebox-border-radius: var(--default-border-radius);
  --modal-padding: 15px;
  --modal-lg-padding: 25px;
  --modal-alert-padding: 40px 30px;
  --modal-buttons-padding: 30px;
  --modal-border-radius: var(--default-border-radius);
  --well-padding: 20px 20px;
  --wel-body-padding-top: 20px;
  --well-icon-size: 4.37rem;
  --wel-border-radius: var(--default-border-radius);
  --pannel-padding: 30px;
  --pannel-sm-padding: 15px;
  --pannel-border-radius: var(--default-border-radius); }
  @media (min-width: 768px) {
    .ui--large {
      --h1-font-size: 3rem;
      --h2-font-size: 2.25rem;
      --h3-font-size: 1.5rem;
      --h4-font-size: 1.25rem;
      --intro-font-size: 1.25rem;
      --h1-line-height: 3.75rem;
      --h2-line-height: 3rem;
      --h3-line-height: 2.25rem;
      --h4-line-height: 1.25rem; } }
  @media (min-width: 576px) {
    .ui--large {
      --button-padding-arrow-right: 9px 80px 9px 30px;
      --button-padding-arrow-left: 9px 30px 9px 80px; } }
  @media (min-width: 992px) {
    .ui--large {
      --nav-link-sm-padding: 19px; } }
  @media (min-width: 768px) {
    .ui--large {
      --modal-padding: 50px;
      --modal-lg-padding: 75px; } }
  @media (min-width: 768px) {
    .ui--large {
      --well-padding: 35px 50px; } }
  @media (min-width: 576px) {
    .ui--large {
      --pannel-padding: 40px 50px;
      --pannel-sm-padding: 20px 30px; } }
  @media (min-width: 992px) {
    .ui--large {
      --pannel-padding: 45px 70px; } }

.ui--small {
  --default-font-size: 14px; }

/*------------------------------------*\
  Animations
\*------------------------------------*/
.fade-up {
  transform: translateY(20px);
  opacity: 0;
  transition: 0.27s transform ease-out, 0.27s opacity ease-out; }
  .fade-up.animate {
    transform: inherit;
    opacity: 1; }

.fade-in {
  opacity: 0;
  transition: 0.27s transform ease-out, 0.27s opacity ease-out; }
  .fade-in.animate {
    opacity: 1; }

.fade-left {
  transform: translateX(-20px);
  opacity: 0;
  transition: 0.27s transform ease-out, 0.27s opacity ease-out; }
  .fade-left.animate {
    transform: inherit;
    opacity: 1; }

.fade-right {
  transform: translateX(20px);
  opacity: 0;
  transition: 0.27s transform ease-out, 0.27s opacity ease-out; }
  .fade-right.animate {
    transform: inherit;
    opacity: 1; }

.fade-scale-up {
  position: relative;
  transform: scale(0.94);
  opacity: 0;
  z-index: 1;
  transition: 0.27s transform ease-out, 0.27s opacity ease-out; }
  .fade-scale-up.animate {
    transform: inherit;
    opacity: 1; }

.fade-scale-down {
  position: relative;
  transform: scale(1.06);
  opacity: 0;
  z-index: 1;
  transition: 0.27s transform ease-out, 0.27s opacity ease-out; }
  .fade-scale-down.animate {
    transform: inherit;
    opacity: 1; }

.fade-up-enter-active {
  transition: opacity ease-out 0.27s, transform ease-out 0.27s; }

.fade-up-leave-active {
  transition: opacity ease-out 0.27s;
  transition-delay: 0s !important; }

.fade-up-enter, .fade-up-leave-to {
  opacity: 0;
  transform: translateY(20px); }

@keyframes slide-up-center {
  0% {
    transform: translateY(50px) translateX(-50%);
    opacity: 0; }
  100% {
    transform: translateX(-50%);
    opacity: 1; } }

@keyframes draw-tooltip {
  from {
    stroke-dashoffset: 335; }
  to {
    stroke-dashoffset: 0; } }

@keyframes pop {
  0% {
    transform: scale(0); }
  75% {
    transform: scale(1.15); }
  100% {
    transform: scale(1); } }

@keyframes loader-scale {
  0% {
    transform: scale(0.4); }
  25% {
    transform: scale(1); }
  37% {
    transform: scale(0.7); }
  50% {
    transform: scale(0.8); }
  100% {
    transform: scale(0.4); } }

@keyframes loader-scale-2 {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(0.4); }
  75% {
    transform: scale(1); }
  87% {
    transform: scale(0.7); }
  100% {
    transform: scale(0.8); } }

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

@keyframes scale {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes fade-up {
  0% {
    transform: translateY(35px);
    opacity: 0; }
  100% {
    transform: initial;
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-to-left {
  0% {
    transform: translateX(35px);
    opacity: 0; }
  100% {
    transform: initial;
    opacity: 1; } }

@keyframes fade-to-right {
  0% {
    transform: translateX(-35px);
    opacity: 0; }
  100% {
    transform: initial;
    opacity: 1; } }

@keyframes tab {
  0% {
    opacity: 0;
    height: 0; }
  49% {
    height: 0; }
  50% {
    opacity: 0;
    height: 100%; }
  100% {
    opacity: 1; } }

@keyframes tab-hidden {
  0% {
    opacity: 1;
    height: 100%; }
  50% {
    opacity: 0;
    height: 100%; }
  51% {
    height: 0; }
  100% {
    opacity: 0;
    height: 0; } }

.animation--delay-1 {
  animation-delay: calc(1 * (0.27s / 2)); }

.transition--delay-1 {
  transition-delay: calc(1 * (0.27s / 2)); }

.animation--delay-2 {
  animation-delay: calc(2 * (0.27s / 2)); }

.transition--delay-2 {
  transition-delay: calc(2 * (0.27s / 2)); }

.animation--delay-3 {
  animation-delay: calc(3 * (0.27s / 2)); }

.transition--delay-3 {
  transition-delay: calc(3 * (0.27s / 2)); }

.animation--delay-4 {
  animation-delay: calc(4 * (0.27s / 2)); }

.transition--delay-4 {
  transition-delay: calc(4 * (0.27s / 2)); }

.animation--delay-5 {
  animation-delay: calc(5 * (0.27s / 2)); }

.transition--delay-5 {
  transition-delay: calc(5 * (0.27s / 2)); }

.animation--delay-6 {
  animation-delay: calc(6 * (0.27s / 2)); }

.transition--delay-6 {
  transition-delay: calc(6 * (0.27s / 2)); }

.animation--delay-7 {
  animation-delay: calc(7 * (0.27s / 2)); }

.transition--delay-7 {
  transition-delay: calc(7 * (0.27s / 2)); }

/*------------------------------------*\
  Blob background
\*------------------------------------*/
.bg-blob__left,
.bg-blob__right {
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  padding-top: 93%;
  transform: translateY(-50%); }
  .bg-blob__left:before,
  .bg-blob__right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-position: center center; }
  .bg-blob__left--animated:before,
  .bg-blob__right--animated:before {
    animation-name: rotate;
    animation-timing-function: ease;
    animation-duration: 60s;
    animation-iteration-count: infinite; }

.bg-blob__left {
  width: 400px; }
  @media (min-width: 576px) {
    .bg-blob__left {
      width: 906px; } }

.bg-blob__right {
  width: 532px; }
  @media (min-width: 576px) {
    .bg-blob__right {
      width: 1207px; } }

.bg-blob {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .bg-blob--full {
    min-height: 100vh; }

.bg-blob--yellow {
  background-color: #FFF1E2; }
  .bg-blob--yellow .bg-blob__left {
    left: 0;
    transform: translate(-70%, -35%); }
    @media (min-width: 576px) {
      .bg-blob--yellow .bg-blob__left {
        transform: translate(-75%, -35%); } }
    .bg-blob--yellow .bg-blob__left:before {
      background-image: url("/src/ui-kit/img/blob-orange.svg"); }
  .bg-blob--yellow .bg-blob__right {
    right: 0;
    transform: translate(70%, -65%); }
    @media (min-width: 576px) {
      .bg-blob--yellow .bg-blob__right {
        transform: translate(80%, -65%); } }
    .bg-blob--yellow .bg-blob__right:before {
      background-image: url("/src/ui-kit/img/blob-yellow.svg"); }

.bg-blob--purple {
  background-color: #F1F1F7; }
  .bg-blob--purple .bg-blob__left {
    left: 0;
    transform: translate(-80%, -70%); }
    @media (min-width: 576px) {
      .bg-blob--purple .bg-blob__left {
        transform: translate(-85%, -70%); } }
    @media (min-width: 992px) {
      .bg-blob--purple .bg-blob__left {
        transform: translate(-85%, -60%); } }
    @media (min-width: 1200px) {
      .bg-blob--purple .bg-blob__left {
        transform: translate(-75%, -50%); } }
    .bg-blob--purple .bg-blob__left:before {
      background-image: url("/src/ui-kit/img/blob-purple.svg"); }
  .bg-blob--purple .bg-blob__right {
    right: 0;
    transform: translate(75%, -45%); }
    .bg-blob--purple .bg-blob__right:before {
      background-image: url("/src/ui-kit/img/blob-green.svg"); }

.bg-blob--green {
  background-color: #3BBF7F; }
  .bg-blob--green .bg-blob__left {
    left: 0;
    transform: translate(-60%, -65%); }
    @media (min-width: 576px) {
      .bg-blob--green .bg-blob__left {
        transform: translate(-65%, -65%); } }
    .bg-blob--green .bg-blob__left:before {
      background-image: url("/src/ui-kit/img/blob-orange-2.svg"); }
  .bg-blob--green .bg-blob__right {
    right: 0;
    transform: translate(70%, -50%); }
    @media (min-width: 576px) {
      .bg-blob--green .bg-blob__right {
        transform: translate(80%, -50%); } }
    .bg-blob--green .bg-blob__right:before {
      background-image: url("/src/ui-kit/img/blob-yellow-2.svg"); }

.bg-blob--grey {
  background-color: #F1F1F7; }
  .bg-blob--grey .bg-blob__left {
    left: 0;
    transform: translate(-65%, -20%); }
    .bg-blob--grey .bg-blob__left:before {
      background-image: url("/src/ui-kit/img/blob-grey-1.svg");
      transform: rotate(20deg); }
  .bg-blob--grey .bg-blob__right {
    right: 0;
    transform: translate(30%, -70%); }
    .bg-blob--grey .bg-blob__right:before {
      background-image: url("/src/ui-kit/img/blob-grey-2.svg");
      transform: rotate(20deg); }

.bg-blob--main {
  position: relative;
  overflow: visible;
  background-color: #FFF1E2; }

.bg-blob__blob {
  z-index: -1;
  position: absolute;
  top: -350px;
  right: -25%;
  clip-path: url(#clip);
  max-width: initial;
  width: 600px;
  height: 660px; }
  @media (min-width: 576px) {
    .bg-blob__blob {
      right: -10%;
      width: 700px;
      height: 700px; } }
  @media (min-width: 768px) {
    .bg-blob__blob {
      top: -350px;
      width: 850px;
      height: 935px; } }
  @media (min-width: 992px) {
    .bg-blob__blob {
      width: 900px;
      height: 990px; } }
  @media (min-width: 1200px) {
    .bg-blob__blob {
      width: 1053px;
      height: 1166px; } }

#clip {
  transform-origin: top right; }

/*------------------------------------*\
  Fonts
\*------------------------------------*/
/*------------------------------------*\
  icons
\*------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("/src/ui-kit/fonts/icomoon.eot?vumjc6");
  src: url("/src/ui-kit/fonts/icomoon.eot?vumjc6#iefix") format("embedded-opentype"), url("/src/ui-kit/fonts/icomoon.ttf?vumjc6") format("truetype"), url("/src/ui-kit/fonts/icomoon.woff?vumjc6") format("woff"), url("/src/ui-kit/fonts/icomoon.svg?vumjc6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"] span:before,
[class*=" icon-"] span:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-remove:before {
  content: "\e954"; }

.icon-pencil:before {
  content: "\e955"; }

.icon-write:before {
  content: "\e955"; }

.icon-edit:before {
  content: "\e955"; }

.icon-arrow-left-small:before {
  content: "\e952"; }

.icon-cake:before {
  content: "\e906"; }

.icon-danger:before {
  content: "\e947"; }

.icon-date:before {
  content: "\e948"; }

.icon-flame:before {
  content: "\e949"; }

.icon-hidden:before {
  content: "\e94a"; }

.icon-lightning:before {
  content: "\e94b"; }

.icon-milk:before {
  content: "\e94c"; }

.icon-note:before {
  content: "\e94d"; }

.icon-plant:before {
  content: "\e94e"; }

.icon-qrcode:before {
  content: "\e94f"; }

.icon-speech:before {
  content: "\e950"; }

.icon-textballoon:before {
  content: "\e951"; }

.icon-visible:before {
  content: "\e953"; }

.icon-user:before {
  content: "\e904"; }

.icon-bell:before {
  content: "\e902"; }

.icon-dashboard:before {
  content: "\e903"; }

.icon-TableFever-selfiebon-swipeIcon:before {
  content: "\e90a"; }

.icon-redo:before {
  content: "\e900";
  color: #fff; }

.icon-undo:before {
  content: "\e901";
  color: #fff; }

.icon-selfiebon-logo:before {
  content: "\e905"; }

.icon-delete:before {
  content: "\e907"; }

.icon-zoom-in:before {
  content: "\e908";
  color: #fff; }

.icon-zoom-out:before {
  content: "\e909";
  color: #fff; }

.icon-alert-small:before {
  content: "\e938"; }

.icon-check-circle:before {
  content: "\e936"; }

.icon-location:before {
  content: "\e937"; }

.icon-arrow-left:before {
  content: "\e935"; }

.icon-online-dishes .path1:before {
  content: "\e928";
  color: #3e3158; }

.icon-online-dishes .path2:before {
  content: "\e929";
  margin-left: -1.0830078125em;
  color: #3e3158; }

.icon-online-dishes .path3:before {
  content: "\e92a";
  margin-left: -1.0830078125em;
  color: #3e3158; }

.icon-online-dishes .path4:before {
  content: "\e92b";
  margin-left: -1.0830078125em;
  color: white; }

.icon-online-dishes .path5:before {
  content: "\e92c";
  margin-left: -1.0830078125em;
  color: white; }

.icon-online-dishes .path6:before {
  content: "\e92d";
  margin-left: -1.0830078125em;
  color: white; }

.icon-online-dishes .path7:before {
  content: "\e92e";
  margin-left: -1.0830078125em;
  color: white; }

.icon-online-dishes .path8:before {
  content: "\e92f";
  margin-left: -1.0830078125em;
  color: white; }

.icon-online-dishes .path9:before {
  content: "\e930";
  margin-left: -1.0830078125em;
  color: white; }

.icon-online-dishes .path10:before {
  content: "\e931";
  margin-left: -1.0830078125em;
  color: white; }

.icon-take-away .path1:before {
  content: "\e932";
  color: white;
  opacity: 0.5; }

.icon-take-away .path2:before {
  content: "\e933";
  margin-left: -0.7919921875em;
  color: #3e3158;
  opacity: 0.5; }

.icon-take-away .path3:before {
  content: "\e934";
  margin-left: -0.7919921875em;
  color: #3e3158;
  opacity: 0.5; }

.icon-facebook:before {
  content: "\e924"; }

.icon-instagram:before {
  content: "\e925"; }

.icon-linkedin:before {
  content: "\e926"; }

.icon-twitter:before {
  content: "\e927"; }

.icon-logo-vertical:before {
  content: "\e921"; }

.icon-news:before {
  content: "\e920"; }

.icon-delete1:before {
  content: "\e90d"; }

.icon-alert:before {
  content: "\e90b"; }

.icon-options:before {
  content: "\e91f"; }

.icon-unpin:before {
  content: "\e91e"; }

.icon-tooltip-box:before {
  content: "\e922"; }

.icon-logo-app .path1:before {
  content: "\e919";
  color: #3bbf7f; }

.icon-logo-app .path2:before {
  content: "\e91a";
  margin-left: -1em;
  color: white; }

.icon-logo-app .path3:before {
  content: "\e91b";
  margin-left: -1em;
  color: white; }

.icon-logo-app .path4:before {
  content: "\e91c";
  margin-left: -1em;
  color: white; }

.icon-logo:before {
  content: "\e91d"; }

.icon-quote-close:before {
  content: "\e917"; }

.icon-quote-open:before {
  content: "\e918"; }

.icon-add:before {
  content: "\e90c"; }

.icon-alert-fill .path1:before {
  content: "\e90e";
  color: #ff656f; }

.icon-alert-fill .path2:before {
  content: "\e945";
  margin-left: -1.111328125em;
  color: white; }

.icon-alert-fill .path3:before {
  content: "\e946";
  margin-left: -1.111328125em;
  color: white; }

.icon-arrow-right-small:before {
  content: "\e90f"; }

.icon-arrow-right:before {
  content: "\e910"; }

.icon-calendar:before {
  content: "\e911"; }

.icon-check:before {
  content: "\e912"; }

.icon-chevron-left:before {
  content: "\e913"; }

.icon-chevron-down:before {
  content: "\e914"; }

.icon-chevron-right:before {
  content: "\e915"; }

.icon-chevron-up:before {
  content: "\e916"; }

.icon-drag:before {
  content: "\e923"; }

.icon-file:before {
  content: "\e93c"; }

.icon-frowney:before {
  content: "\e93d"; }

.icon-pin:before {
  content: "\e93e"; }

.icon-search:before {
  content: "\e93f"; }

.icon-stars:before {
  content: "\e940"; }

.icon-success:before {
  content: "\e941"; }

.icon-timestamp:before {
  content: "\e942"; }

.icon-upload:before {
  content: "\e943"; }

.icon-phone:before {
  content: "\e939"; }

.icon-mail:before {
  content: "\e93a"; }

.icon-chain:before {
  content: "\e93b"; }

.icon-link:before {
  content: "\e93b"; }

.icon-menu:before {
  content: "\e944"; }

/*------------------------------------*\
  Button syles
\*------------------------------------*/
.button {
  position: relative;
  padding: var(--button-padding);
  background: #3BBF7F;
  border-radius: var(--button-border-radius);
  color: #FFFFFF;
  border: none;
  font-weight: 600;
  font-size: .9375rem;
  transition: 0.27s ease background, 0.27s ease color, 0.27s ease transform, 0.27s ease padding, 0.27s ease box-shadow; }
  .button:hover {
    transform: scale(1.07); }
  .button:active {
    transform: scale(1); }
  .button:hover, .button:active, .button:focus {
    border-color: #45F39E;
    background: #45F39E;
    color: #1C764B;
    box-shadow: 0 0 10px 0 #45F39E;
    outline: none;
    text-decoration: none; }
  .button--compact {
    padding: var(--button-padding-compact); }
  .button--mini {
    padding: var(--button-padding-mini);
    line-height: 1.875rem;
    font-size: .812rem; }
  .button--full {
    width: 100%;
    text-align: center; }
  .button--ghost {
    padding: var(--button-padding-ghost);
    border: 2px solid #3E3158;
    background: transparent;
    color: #3E3158; }
  .button--compact.button--ghost {
    padding: var(--button-padding-compact-ghost); }
  .button--mini.button--ghost {
    padding: var(--button-padding-mini-ghost);
    border-width: 1px; }
  .button--secondary {
    background: #3E3158; }
  .button--ghost.button--disabled:hover, .button--ghost.button--disabled {
    border: 2px solid #C9C9D8;
    background: transparent;
    color: #C9C9D8; }
  .button--arrow, .button--arrow-left {
    border-radius: 25px;
    padding: var(--button-padding-arrow-right);
    background: #FFFFFF;
    color: #3E3158; }
    .button--arrow:after, .button--arrow-left:after {
      content: '\e910';
      position: absolute;
      top: 0;
      right: 0;
      width: var(--button-arrow-circle-size);
      height: var(--button-arrow-circle-size);
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      background: #3BBF7F;
      color: #FFFFFF;
      font-family: icomoon;
      font-size: .8rem;
      transition: 0.27s ease background, 0.27s ease color; }
    .button--arrow:hover, .button--arrow:active, .button--arrow:focus, .button--arrow-left:hover, .button--arrow-left:active, .button--arrow-left:focus {
      background: white;
      color: #3BBF7F;
      box-shadow: 0 0 10px 0 #C9C9D8; }
      .button--arrow:hover:after, .button--arrow:active:after, .button--arrow:focus:after, .button--arrow-left:hover:after, .button--arrow-left:active:after, .button--arrow-left:focus:after {
        background: #3E3158; }
  .button--arrow-left {
    padding: var(--button-padding-arrow-left);
    background: #FFFFFF;
    color: #3E3158; }
    @media (min-width: 576px) {
      .button--arrow-left {
        padding: var(--button-padding-arrow-left); } }
    .button--arrow-left:after {
      left: 0;
      right: initial;
      transform: rotate(180deg) scaleY(-100%); }
  .button--arrow-bg {
    background: #F1F1F7; }
    .button--arrow-bg:hover, .button--arrow-bg:active, .button--arrow-bg:focus {
      background: #F1F1F7; }
  .button--arrow.button--disabled {
    background: #C9C9D8;
    color: #FFFFFF; }
    .button--arrow.button--disabled:after {
      background: #9A97A6; }
  .button--disabled {
    background: #C9C9D8; }
    .button--disabled:hover, .button--disabled:active, .button--disabled:focus {
      border-color: #C9C9D8;
      background: #C9C9D8;
      color: #FFFFFF;
      transform: initial;
      box-shadow: none;
      text-decoration: none; }
  .button--loader {
    padding-left: 60px; }
    .button--loader:not(.button--disabled) {
      border-color: #C9C9D8;
      color: #C9C9D8; }
  .button--loader .loader {
    position: absolute;
    left: 15px;
    max-height: 35px;
    max-width: 35px; }

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px; }

.toggle-switch + span {
  font-size: var(--input-font-size); }

.toggle-switch__button {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #C9C9D8;
  border-radius: 25px;
  transition: 0.27s ease-out background; }
  .toggle-switch__button:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    height: 30px;
    width: 30px;
    background-color: #FFFFFF;
    border: 2px solid #9A97A6;
    border-radius: 25px;
    transform: translateY(-50%);
    transition: 0.27s ease-out transform, 0.27s ease-out border; }

.toggle-switch input,
.toggle-switch__input {
  opacity: 0;
  width: 0;
  height: 0; }
  .toggle-switch input:checked + .toggle-switch__button,
  .toggle-switch__input:checked + .toggle-switch__button {
    background-color: #45F39E; }
  .toggle-switch input:focus + .toggle-switch__button,
  .toggle-switch__input:focus + .toggle-switch__button {
    border-color: #3BBF7F; }
  .toggle-switch input:checked + .toggle-switch__button:before,
  .toggle-switch__input:checked + .toggle-switch__button:before {
    transform: translateY(-50%) translateX(20px);
    border-color: #3BBF7F; }

.link-button {
  font-weight: 600; }
  .link-button--active {
    color: #3BBF7F; }
  .link-button:before {
    display: none; }
  .link-button--icon {
    display: inline-flex;
    align-items: center; }
    .link-button--icon:hover .link-button__icon {
      background-color: #3E3158; }
  .link-button--light {
    color: #FFF; }
    .link-button--light:hover .link-button__icon {
      background-color: #F1F1F7;
      color: #3E3158; }
  .link-button--disabled, .link-button--disabled:hover {
    pointer-events: none;
    color: #C9C9D8; }
    .link-button--disabled .link-button__icon, .link-button--disabled:hover .link-button__icon {
      background-color: #C9C9D8;
      color: #FFFFFF; }

.link-button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-right: 9px;
  background-color: #3BBF7F;
  color: #FFFFFF;
  border-radius: 100%;
  font-size: .6rem;
  transition: 0.27s ease background-color, 0.27s ease color; }
  .link-button__icon--large {
    font-size: .9rem; }
  .link-button__icon--right {
    margin-right: 0;
    margin-left: 9px; }

.icon-button, .pager__prev,
.pager__next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #C9C9D8;
  border-radius: 100%;
  color: #FFFFFF;
  line-height: 0;
  font-size: 9.5px;
  transition: 0.27s ease background, 0.27s ease box-shadow, 0.27s ease opacity, 0.27s ease transform; }
  .icon-button:hover, .pager__prev:hover,
  .pager__next:hover, .icon-button:focus, .pager__prev:focus,
  .pager__next:focus, .icon-button:active, .pager__prev:active,
  .pager__next:active {
    color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }
  .icon-button:hover, .pager__prev:hover,
  .pager__next:hover {
    transform: scale(1.2); }
  .icon-button--small {
    width: 14px;
    height: 14px;
    font-size: 7px; }
  .icon-button--big {
    width: 25px;
    height: 25px;
    font-size: 11px; }
  .icon-button--xl {
    width: 40px;
    height: 40px;
    font-size: 1rem; }
  .icon-button--dark {
    background: #9A97A6; }
  .icon-button--invert {
    background: #F1F1F7;
    color: #3E3158; }
    .icon-button--invert:hover, .icon-button--invert:focus, .icon-button--invert:active {
      color: #3E3158;
      box-shadow: 0 0 10px 0 rgba(220, 220, 220, 0.2); }
  .icon-button--search {
    background: #FFBB6F; }

.options-button {
  display: inline-block;
  font-size: 1.06rem;
  padding: 3px 7px 0;
  line-height: 1;
  border-radius: 5px;
  transition: 0.27s ease background, 0.27s ease color; }
  .options-button:hover, .options-button:focus, .options-button:active {
    background: rgba(62, 49, 88, 0.1);
    color: #3E3158; }

.button-group {
  margin: -5px; }
  .button-group .button,
  .button-group .link,
  .button-group .reading a:not([class*="button"]):not([class^="link"]),
  .reading .button-group a:not([class*="button"]):not([class^="link"]) {
    margin: 5px; }
  .button-group--sm-full {
    display: flex;
    flex-wrap: wrap; }
    .button-group--sm-full .button,
    .button-group--sm-full .link,
    .button-group--sm-full .reading a:not([class*="button"]):not([class^="link"]),
    .reading .button-group--sm-full a:not([class*="button"]):not([class^="link"]) {
      width: 100%; }
      @media (min-width: 576px) {
        .button-group--sm-full .button,
        .button-group--sm-full .link,
        .button-group--sm-full .reading a:not([class*="button"]):not([class^="link"]),
        .reading .button-group--sm-full a:not([class*="button"]):not([class^="link"]) {
          width: initial; } }

/*------------------------------------*\
  Reading style
\*------------------------------------*/
h1, .h1 {
  font-size: var(--h1-font-size);
  font-weight: 400;
  line-height: var(--h1-line-height);
  margin-bottom: var(--h1-margin-bottom); }

h2, .voucher-slogan h1, .h2 {
  font-size: var(--h2-font-size);
  font-weight: 600;
  line-height: var(--h2-line-height);
  margin-bottom: var(--h2-margin-bottom); }

h3, .h3, .form__label.form__group-label {
  font-size: var(--h3-font-size);
  font-weight: 600;
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom); }

h4, .h4 {
  font-size: var(--h4-font-size);
  font-weight: 600;
  line-height: var(--h4-line-height);
  margin-bottom: var(--h4-margin-bottom); }

h5, .h5 {
  font-size: var(--h5-font-size);
  font-weight: 600;
  line-height: var(--h5-line-height);
  text-transform: uppercase;
  margin-bottom: var(--h5-margin-bottom); }

.intro {
  font-size: var(--intro-font-size);
  line-height: var(--intro-line-height);
  margin-bottom: var(--intro-margin-bottom); }

b,
strong {
  font-weight: 700; }

.reading .arrow-list li::before,
.arrow-list li::before {
  content: "\e90f";
  font-family: icomoon;
  font-size: .625rem;
  color: #3BBF7F;
  transition: 0.27s ease transform; }

.reading .arrow-list--animated li:hover::before,
.arrow-list--animated li:hover::before {
  transform: translateX(5px); }

.reading .arrow-list--yellow li:before,
.arrow-list--yellow li:before {
  color: #FFBB6F; }

.muted {
  color: #3E3158;
  opacity: .5; }

.higlighted {
  color: #FFBB6F; }

.logo-link {
  border-radius: 100%;
  transition: 0.27s ease transform, 0.27s ease box-shadow; }
  .logo-link:hover {
    transform: scale(1.2);
    box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }

a {
  display: inline-block;
  color: #3E3158;
  transition: 0.27s ease color; }
  a:hover {
    color: #3BBF7F;
    text-decoration: none; }

.link, .reading a:not([class*="button"]):not([class^="link"]) {
  position: relative;
  font-weight: 400; }
  .link:before, .reading a:not([class^="link"]):not([class*="button"]):before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 0;
    height: 1px;
    width: 100%;
    background: #3E3158;
    transition: 0.27s ease width, 0.27s ease background; }
  .link:hover, .reading a:hover:not([class*="button"]):not([class^="link"]) {
    text-decoration: none; }
  .link:hover:before, .reading a:not([class^="link"]):not([class*="button"]):hover:before {
    left: inherit;
    right: 0;
    width: 0;
    background: #3BBF7F; }
  .link--disabled, .link--disabled:hover {
    color: #C9C9D8; }
    .link--disabled:before, .link--disabled:hover:before {
      background: #C9C9D8;
      width: 100%; }
  .link--no-recolor:hover {
    color: #3E3158; }
  .link--bold {
    font-weight: 600; }
  .link--big {
    font-size: 1.2rem; }

.img-link {
  display: inline-block;
  border-radius: var(--default-border-radius);
  overflow: hidden; }
  .img-link:hover img {
    transform: scale(1.05);
    opacity: .6; }
  .img-link img {
    transition: 0.27s ease transform, 0.27s ease opacity; }

blockquote,
.quote {
  quotes: "“" "”";
  position: relative;
  padding: 0 30px;
  font-size: var(--quote-font-size); }
  blockquote:before, blockquote:after,
  .quote:before,
  .quote:after {
    position: relative;
    top: -8px;
    color: #3BBF7F;
    font-family: icomoon;
    font-size: .86rem;
    font-weight: 300; }
  blockquote:before,
  .quote:before {
    content: "\e917";
    margin-left: -28px;
    margin-right: 5px; }
  blockquote:after,
  .quote:after {
    content: "\e918";
    right: -9px; }

.reading--sm {
  font-size: .93rem;
  line-height: 1.5rem; }

.reading--xs {
  font-size: .875rem;
  line-height: 1.5rem; }

.reading img {
  margin-bottom: 25px; }

.reading ul {
  list-style: none;
  padding-left: 5px;
  margin: 0;
  margin-bottom: 40px; }
  .reading ul li {
    position: relative;
    padding-left: 24px; }
    .reading ul li::before {
      position: absolute;
      left: 0;
      content: "•";
      font-size: 1.2em;
      color: #3BBF7F; }

/*------------------------------------*\
  Form
\*------------------------------------*/
.form__group {
  position: relative;
  padding-bottom: var(--form-group-padding-bottom); }
  .form__group--success .form__control,
  .form__group--success .choices__inner {
    border-left: 5px solid #3BBF7F; }
  .form__group--success .form__control-wrap:after {
    content: "\e912";
    position: absolute;
    top: 50%;
    right: 21px;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #3BBF7F;
    font-family: icomoon;
    font-size: .6rem;
    color: #FFFFFF;
    transform: translateY(-50%); }
  .form__group--error .form__control,
  .form__group--error .choices[data-type*='select-one'] .choices__inner, .form__group--error .is-open .choices__inner, .form__group--error .choices__inner {
    border-color: #FF656F;
    color: #FF656F; }
  .form__group--mandatory .fomr__label:after {
    content: '*'; }
  .form__group--grouped-control {
    border-top: 2px solid #F1F1F7;
    padding-top: 23px; }
  .form__group--grouped-control-small {
    padding: 0;
    border-top: none; }

.form__control-wrapper {
  position: relative; }

.form__label {
  font-size: var(--input-label-font-size);
  font-weight: 600;
  line-height: 1.562rem;
  margin-bottom: 0; }

.form__control {
  display: block;
  background: #FFFFFF;
  width: 100%;
  padding: var(--form-control-padding);
  border-radius: var(--form-control-border-radius);
  border: 1px solid #C9C9D8;
  font-size: var(--input-font-size);
  transition: 0.27s ease box-shadow, 0.27s ease color, 0.27s ease border; }
  .form__control::placeholder {
    color: #3E3158;
    opacity: 0.5; }
  .form__control:focus {
    outline: none;
    box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }
  .form__control--number::-webkit-inner-spin-button, .form__control--number::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .form__control--number {
    border-radius: var(--form-control-border-radius) 0 0 var(--form-control-border-radius); }
  .form__control--big {
    padding: var(--form-control-padding-big); }
  .form__control--sm {
    padding: var(--form-control-padding-sm);
    font-size: 1rem; }
  .form__control--search {
    border-color: #FFBB6F;
    color: #FFBB6F; }
  .form__control:not(.form__control--upload):not(.form__control--select):read-only, .form__control:not(.form__control--upload):not(.form__control--select):disabled {
    background: #F1F1F7;
    opacity: .5; }

.form__control-group {
  display: flex; }
  .form__control-group > * {
    margin-bottom: 0;
    border-radius: 0; }
  .form__control-group > *:first-child {
    border-radius: var(--form-control-border-radius) 0 0 var(--form-control-border-radius); }
    .form__control-group > *:first-child .choices[data-type*='select-one'] .choices__inner,
    .form__control-group > *:first-child .is-open .choices__inner,
    .form__control-group > *:first-child .choices__inner {
      border-radius: var(--form-control-border-radius) 0 0 var(--form-control-border-radius); }
  .form__control-group > *:last-child {
    border-radius: 0 var(--form-control-border-radius) var(--form-control-border-radius) 0; }
  .form__control-group--phone > *:first-child {
    width: initial;
    margin-right: -1px; }
  .form__control-group--phone > *:last-child {
    flex: 1 1; }

.checkmark {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  height: var(--form-checkmark-size);
  width: var(--form-checkmark-size);
  background-color: #FFF;
  border: 1px solid #C9C9D8;
  border-radius: 5px;
  margin-top: var(--form-checkmark-margin-top);
  transition: 0.27s ease background, 0.27s ease transform, 0.27s ease border, 0.27s ease box-shadow, 0.27s ease color; }
  .checkmark:after {
    content: "\e912";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    display: block;
    opacity: 0;
    visibility: hidden;
    color: white;
    font-family: icomoon;
    font-size: .6rem;
    transition: 0.27s ease opacity, 0.27s ease visibility, 0.27s ease transform; }
  .checkmark.checkmark--radio {
    border-radius: 50%;
    height: 25px;
    width: 25px; }
  .checkmark.checkmark--icons {
    height: 22px;
    width: 22px;
    opacity: 1;
    background: #C9C9D8; }
    .checkmark.checkmark--icons:after {
      content: '\e90d';
      opacity: 1;
      visibility: visible;
      transform: translate(-50%, -50%) scale(1); }
  .checkmark + span {
    font-size: var(--input-font-size); }

.form__radio,
.form__checkbox {
  display: block;
  position: relative;
  padding-left: 45px;
  margin: 5px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-height: var(--form-checkmark-size);
  min-width: var(--form-checkmark-size); }
  .form__radio--small,
  .form__checkbox--small {
    margin: 0;
    padding-left: 30px;
    --form-checkmark-size: 18px;
    --form-checkmark-margin-top: 6px; }
  .form__radio--single,
  .form__checkbox--single {
    margin: 0;
    padding-left: 18px;
    --form-checkmark-size: 18px;
    --form-checkmark-margin-top: 6px; }
  .form__radio--read-only, .form__radio--disabled,
  .form__checkbox--read-only,
  .form__checkbox--disabled {
    opacity: .5; }
  .form__radio--inline,
  .form__checkbox--inline {
    display: inline-block;
    padding-left: 0;
    min-width: 22px; }
  .form__radio input[type='checkbox'], .form__radio input[type='radio'],
  .form__checkbox input[type='checkbox'],
  .form__checkbox input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%; }
  .form__radio .form__label,
  .form__checkbox .form__label {
    transition: 0.27s ease color;
    font-weight: 400;
    font-size: 1.065rem;
    line-height: 2rem; }
  .form__radio .form__label:hover input ~ .checkmark:not(.checkmark--icons),
  .form__radio input:focus ~ .checkmark:not(.checkmark--icons),
  .form__radio input:active ~ .checkmark:not(.checkmark--icons),
  .form__radio input:checked ~ .checkmark:not(.checkmark--icons),
  .form__checkbox .form__label:hover input ~ .checkmark:not(.checkmark--icons),
  .form__checkbox input:focus ~ .checkmark:not(.checkmark--icons),
  .form__checkbox input:active ~ .checkmark:not(.checkmark--icons),
  .form__checkbox input:checked ~ .checkmark:not(.checkmark--icons) {
    border-color: #3BBF7F; }
  .form__radio .form__label:hover input ~ .checkmark,
  .form__checkbox .form__label:hover input ~ .checkmark {
    transform: scale(1.15); }
  .form__radio .form__label:hover,
  .form__checkbox .form__label:hover {
    cursor: pointer;
    color: #3BBF7F; }
  .form__radio input:checked ~ .checkmark:after,
  .form__checkbox input:checked ~ .checkmark:after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); }
  .form__radio input:checked ~ .checkmark--icons:after,
  .form__checkbox input:checked ~ .checkmark--icons:after {
    content: "\e912"; }
  .form__radio input:checked ~ .checkmark,
  .form__checkbox input:checked ~ .checkmark {
    background: #3BBF7F; }
  .form__radio input:focus ~ .checkmark,
  .form__checkbox input:focus ~ .checkmark {
    box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }

.form__checkbox-span {
  font-size: var(--input-label-font-size); }

.file-upload {
  position: relative;
  display: block;
  margin: 7px 0;
  max-width: 500px;
  padding: var(--file-upload-padding);
  border: 1px solid #C9C9D8;
  border-radius: var(--file-upload-border-radius); }
  .file-upload input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1; }

.file-upload__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px 20px 15px;
  border-radius: var(--file-upload-border-radius);
  background: #F1F1F7;
  width: 100%;
  transition: 0.27s ease background; }
  .file-upload__content:hover {
    background: #e7e7f1; }

.file-upload__icon {
  display: inline-block;
  font-size: 1.75rem;
  margin-bottom: 15px; }

.file-upload__description {
  font-size: .937rem;
  font-weight: 600;
  line-height: 1.25rem; }

.file-upload__link {
  color: #3BBF7F;
  font-weight: 600;
  pointer-events: none; }
  .file-upload__link:before {
    background: #3BBF7F; }

.file-upload__files {
  padding-top: 10px; }

.file-upload__no-files {
  padding: 5px 0;
  opacity: 0.5;
  color: #3E3158;
  font-size: 1.06rem;
  text-align: center;
  line-height: 1.75rem;
  font-weight: 400; }

.file-upload__file {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 5px 0; }

.file-upload__name {
  display: flex;
  width: 100%;
  align-items: center;
  font-size: 1.06rem;
  font-weight: 600; }

.file-upload__file-info {
  width: 100%; }

.file-upload__file-icon {
  margin-right: 20px;
  font-size: 1.5rem; }

.file-upload__delete {
  margin-left: auto; }

.form__error {
  position: relative;
  display: inline-flex;
  justify-content: center;
  margin-top: 6px;
  color: #FF656F;
  font-size: .812rem;
  line-height: 1.25rem;
  font-weight: 400; }
  .form__error [class*="icon"] {
    font-size: 1.125rem;
    margin-right: 10px; }
  .form__error--lg {
    font-size: 1rem; }

.form__unit {
  padding: 8px 20px;
  border-top: 1px solid #C9C9D8;
  border-bottom: 1px solid #C9C9D8;
  background: #F1F1F7;
  font-weight: 600;
  font-size: 1.06rem;
  color: rgba(62, 49, 88, 0.5); }
  .form__unit--right {
    border-right: 1px solid #C9C9D8;
    border-radius: 0 var(--form-control-border-radius) var(--form-control-border-radius) 0; }
  .form__unit--left {
    border-left: 1px solid #C9C9D8;
    border-radius: var(--form-control-border-radius) 0 0 var(--form-control-border-radius); }

.form__help {
  margin-top: 6px;
  font-size: .9rem;
  line-height: 1.1rem;
  opacity: .5;
  font-weight: 400; }
  .form__help a {
    text-decoration: underline; }
    .form__help a:hover {
      text-decoration: none; }
  .form__help--normalized {
    opacity: 1;
    font-size: 1rem;
    line-height: revert; }

.form-number {
  display: flex;
  flex-direction: row; }

.form-number__buttons {
  display: flex;
  flex-direction: column;
  margin-left: -1px; }

.form-number__button {
  display: inline-flex;
  align-items: center;
  flex: 1 1;
  padding: 0 22px;
  border: 1px solid #C9C9D8;
  border-radius: 0 var(--form-control-border-radius) 0 0;
  font-size: .5rem;
  line-height: 1.2rem;
  transition: 0.27s ease background, 0.27s ease color; }
  .form-number__button:last-of-type {
    border-radius: 0 0 var(--form-control-border-radius) 0;
    border-top: none; }
  .form-number__button:hover, .form-number__button:focus, .form-number__button:active {
    background: #F1F1F7;
    color: #3E3158; }

.form__label-info {
  display: inline-block;
  margin-left: 8px;
  color: #3BBF7F;
  font-size: .812rem;
  font-weight: 400; }

.form__toggles {
  display: flex;
  flex-direction: row;
  margin: -5px;
  flex-wrap: wrap; }

.form__toggle {
  position: relative;
  display: inline-flex;
  margin: 5px; }
  .form__toggle input[type='checkbox'], .form__toggle input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    height: 100%; }
  .form__toggle .form__toggle-button--active,
  .form__toggle input:checked ~ .form__toggle-button {
    background: #3BBF7F;
    color: #FFFFFF; }

.form__toggle-button {
  padding: var(--form-toggle-button-padding);
  border-radius: var(--form-toggle-radius);
  background: #F1F1F7;
  color: #3E3158;
  font-size: .935rem;
  font-weight: 600; }
  .form__toggle-button--disabled {
    background: none; }

.form__control-wrap {
  position: relative; }
  .form__control-wrap > [class*="icon"]:not(.icon-button):not(.pager__prev):not(
  .pager__next), .form__control-wrap--icon:before {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #3BBF7F;
    font-size: 1.37rem; }
  .form__control-wrap--icon .form__control {
    padding-right: 40px; }
  .form__control-wrap--success .form__control {
    border-color: #3BBF7F; }
  .form__control-wrap--sm.form__control-wrap--icon:before {
    right: 10px;
    font-size: .94rem; }
  .form__control-wrap--sm.form__control-wrap--icon .form__control {
    padding-right: 30px; }
  .form__control-wrap--search.form__control-wrap--icon:before {
    color: #FFBB6F; }

.form__control-clear {
  position: absolute;
  right: 62px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden; }
  .form__control-clear--visible {
    opacity: 1;
    visibility: visible; }
  .form__control-clear--sm {
    right: 37px; }
  .form__control-clear:hover {
    transform: translateY(-50%) scale(1.2); }

.form__search-info {
  display: inline-block;
  padding: 5px 0;
  font-size: .93rem;
  font-weight: 600;
  color: #FFBB6F; }
  .form__search-info a {
    display: inline-block;
    margin-left: 5px;
    font-weight: 400;
    color: #3E3158;
    text-decoration: underline; }
    .form__search-info a:hover {
      text-decoration: none; }

.ak-form__controls h3, .ak-form__controls h4 {
  margin-bottom: 0; }

/*------------------------------------*\
  Navigation
\*------------------------------------*/
.nav {
  position: relative;
  display: flex;
  list-style: none;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto; }
  .nav--horizontal {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: var(--nav-horizontal-margin); }
  .nav--horizontal-sm {
    margin: var(--nav-sm-margin); }
  .nav--vertical {
    flex-direction: column; }
  .nav--drowdown {
    position: absolute;
    flex-direction: column;
    top: 0;
    left: 0;
    background-color: rebeccapurple; }

.nav__link {
  position: relative;
  font-weight: 500; }
  .nav__link--horizontal {
    padding: var(--nav-link-horizontal-padding);
    font-size: 1.125rem;
    text-align: center; }
    .nav__link--horizontal:before {
      content: '';
      position: absolute;
      left: var(--nav-link-horizontal-line-distance-from-side);
      right: var(--nav-link-horizontal-line-distance-from-side);
      height: 2px;
      bottom: 12px;
      background: #3BBF7F;
      opacity: 0;
      transition: 0.27s ease opacity; }
    .nav__link--horizontal:hover, .nav__link--horizontal:focus, .nav__link--horizontal:active {
      color: #45F39E; }
    .nav__link--horizontal.nav__link--active:before {
      opacity: 1; }
  .nav__link--vertical {
    display: block;
    padding: var(--nav-link-vertical-padding); }
    .nav__link--vertical:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 4px;
      background: #C9C9D8;
      transition: 0.27s ease background; }
    .nav__link--vertical:hover, .nav__link--vertical:focus, .nav__link--vertical:active {
      color: #3BBF7F; }
    .nav__link--vertical:hover:before, .nav__link--vertical:focus:before, .nav__link--vertical:active:before, .nav__link--vertical.nav__link--active:before {
      background: #3BBF7F; }
  .nav__link--sm {
    padding: var(--nav-link-sm-padding); }
  .nav__link--active {
    color: #3BBF7F; }
  .nav__link--arrow {
    display: flex;
    align-items: center; }
    .nav__link--arrow:after {
      content: '\e915';
      margin-left: auto;
      padding-left: 5px;
      font-size: .875rem;
      font-family: icomoon;
      color: #C9C9D8;
      transition: 0.27s ease transform; }
    .nav__link--arrow:hover:after {
      transform: translateX(7px); }

.sub-nav {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 100%;
  height: 100%;
  width: 100%;
  background: white;
  visibility: hidden;
  pointer-events: none;
  transition: 0.27s ease left, 0.27s ease-out visibility; }
  .sub-nav--open {
    left: 0;
    visibility: visible;
    pointer-events: initial; }

.sub-nav__parent {
  padding: 10px 30px;
  font-weight: 700;
  color: #3E3158; }

.sub-nav__back {
  display: flex;
  align-items: center;
  padding: 10px 30px;
  font-weight: 500;
  background: #F1F1F7;
  border-bottom: 1px solid white;
  color: #3E3158; }
  .sub-nav__back:before {
    content: '\e913';
    margin-right: 15px;
    font-family: icomoon;
    font-size: .875rem;
    color: #C9C9D8;
    transition: 0.27s ease transform; }
  .sub-nav__back:hover:before {
    transform: translateX(-7px); }

.sidebar-nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 15;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  min-width: 100%;
  transform: translateX(-120%);
  background: white;
  border-right: 2px solid #F1F1F7;
  box-shadow: 0 0 40px 0 rgba(62, 49, 88, 0.2);
  transition: 0.27s ease-out transform; }
  @media (min-width: 768px) {
    .sidebar-nav {
      min-width: 270px; } }
  .sidebar-nav--open {
    transform: initial; }
  .sidebar-nav--pinned {
    box-shadow: none; }

.sidebar-nav__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background-color: #3BBF7F;
  color: #FFFFFF;
  font-size: 4em; }
  @media (min-width: 992px) {
    .sidebar-nav__header {
      font-size: 7em;
      padding: 60px 40px; } }

.sidebar-nav__close {
  position: absolute;
  top: 15px;
  right: 15px; }
  @media (min-width: 768px) {
    .sidebar-nav__close {
      display: none; } }

.sidebar-nav__pin {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(50%);
  display: none;
  align-items: center;
  justify-content: center;
  background: #3E3158;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
  height: 29px;
  width: 29px;
  font-size: .93rem;
  color: #FFFFFF;
  transition: 0.27s ease transform, 0.27s ease background; }
  @media (min-width: 768px) {
    .sidebar-nav__pin {
      display: flex; } }
  .sidebar-nav__pin:hover {
    transform: translateY(-50%) translateX(50%) scale(1.3);
    background: #3BBF7F;
    color: white; }
  .sidebar-nav__pin:active {
    transform: translateY(-50%) translateX(50%); }

/*------------------------------------*\
  Toggle bar
\*------------------------------------*/
.toggle-bar {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  list-style: none;
  background: white;
  border-radius: var(--toggle-bar-border-radius); }
  .toggle-bar--vertical {
    display: inline-flex;
    flex-direction: column; }
  .toggle-bar--shadow {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); }

.toggle-bar__item {
  flex: 0 1 100%; }
  .toggle-bar__item:not(.toggle-bar__item--vertical):first-of-type .toggle-bar__link {
    border-left: 1px solid #C9C9D8;
    border-radius: var(--toggle-bar-border-radius) 0 0 var(--toggle-bar-border-radius); }
    .toggle-bar__item:not(.toggle-bar__item--vertical):first-of-type .toggle-bar__link.toggle-bar__link--no-border {
      border-left: none; }
  .toggle-bar__item:not(.toggle-bar__item--vertical):last-of-type .toggle-bar__link {
    border-radius: 0 var(--toggle-bar-border-radius) var(--toggle-bar-border-radius) 0; }
  .toggle-bar__item--vertical:first-of-type .toggle-bar__link--vertical {
    border-top: 1px solid #C9C9D8;
    border-radius: var(--toggle-bar-border-radius) var(--toggle-bar-border-radius) 0 0; }
  .toggle-bar__item--vertical:last-of-type .toggle-bar__link--vertical {
    border-radius: 0 0 var(--toggle-bar-border-radius) var(--toggle-bar-border-radius); }

.toggle-bar__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: var(--toggle-bar-link-padding);
  text-align: center;
  border-top: 1px solid #C9C9D8;
  border-right: 1px solid #C9C9D8;
  border-bottom: 1px solid #C9C9D8;
  font-weight: 400;
  transition: 0.27s ease color, 0.27s ease background; }
  .toggle-bar__link--no-border {
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: 1px solid #C9C9D8; }
  .toggle-bar__link--align-left {
    justify-content: initial; }
  .toggle-bar__link--sm {
    line-height: 1.4rem; }
  .toggle-bar__link--text-sm {
    font-size: .875rem; }
  .toggle-bar__link:hover, .toggle-bar__link:focus, .toggle-bar__link:active, .toggle-bar__link--active {
    background: #3BBF7F;
    color: #FFFFFF; }
  .toggle-bar__link--active {
    font-weight: 500; }
  .toggle-bar__link--vertical {
    border-top: none;
    border-left: 1px solid #C9C9D8; }
  .toggle-bar__link--nowrap {
    white-space: nowrap; }

.toggle-bar__icon {
  margin-left: auto;
  padding-left: 15px;
  font-size: .5rem; }

/*------------------------------------*\
  Progress tracker
\*------------------------------------*/
.progress-tracker {
  display: flex;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  list-style: none; }

.progress__item {
  position: relative;
  z-index: 1;
  flex: 0 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .progress__item:first-of-type:before {
    display: none; }
  .progress__item:last-of-type:after {
    display: none; }
  .progress__item:before, .progress__item:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 22px;
    height: 4px;
    width: calc(50% - 18px);
    background: #F1F1F7;
    transition: 0.27s ease background; }
    @media (min-width: 768px) {
      .progress__item:before, .progress__item:after {
        width: calc(50% - 25px); } }
  .progress__item:before {
    left: 0; }
  .progress__item:after {
    right: 0; }
  .progress__item--completed:before, .progress__item--completed:after {
    background: #3E3158; }
  .progress__item--active:before {
    background: #3E3158; }

.progress__title {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  transition: 0.27s ease color; }
  .progress__title--completed {
    color: #C9C9D8; }
  .progress__title--active {
    font-weight: 600; }

.progress__count {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border: 2px solid #F1F1F7;
  background: white;
  border-radius: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #3E3158;
  margin-bottom: 10px;
  transition: 0.27s ease color, 0.27s ease background; }
  @media (min-width: 768px) {
    .progress__count {
      height: 50px;
      width: 50px;
      font-size: 1.25rem; } }
  .progress__count:before {
    content: '';
    z-index: -1;
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 100%; }
    @media (min-width: 768px) {
      .progress__count:before {
        left: 6px;
        top: 6px;
        right: 6px;
        bottom: 6px; } }
  .progress__count--completed {
    color: #FFFFFF;
    font-size: .875rem; }
    .progress__count--completed:before {
      background: #3E3158; }
  .progress__count--active {
    color: #FFFFFF; }
    .progress__count--active:before {
      background: #3BBF7F; }

.progress {
  height: 6px;
  width: 100%;
  background: rgba(59, 191, 127, 0.2);
  border-radius: 15px; }

.progress__inner {
  display: block;
  height: 6px;
  border-radius: 15px;
  background: #3BBF7F; }

/*------------------------------------*\
  Pills
\*------------------------------------*/
.pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -5px; }

.pill {
  display: inline-flex;
  margin: 5px;
  padding: 0 10px;
  border-radius: var(--default-border-radius);
  background: #FFBB6F;
  color: #FFFFFF;
  align-items: center;
  font-weight: 500; }

.pill__delete {
  margin-left: 10px; }

/*------------------------------------*\
  Tables
\*------------------------------------*/
.table-wrap {
  width: 100%;
  overflow: auto; }
  @media (min-width: 576px) {
    .table-wrap {
      margin: initial; } }

.table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: initial; }
  .table td, .table th {
    font-size: var(--table-font-size);
    padding: var(--table-column-padding);
    line-height: 2.1rem;
    font-weight: 400;
    vertical-align: top; }
  .table th {
    background: rgba(236, 235, 240, 0.5);
    color: #3E3158;
    font-weight: 600;
    border-bottom: 2px solid rgba(201, 201, 216, 0.5);
    white-space: nowrap; }
  .table tr:nth-of-type(even) td {
    background: rgba(241, 241, 247, 0.65); }
  .table tr:nth-of-type(odd) td {
    background: rgba(255, 255, 255, 0.75); }
  .table ul, .table ol, .table p {
    margin-bottom: 0; }
  .table--no-backdrop-blur td {
    backdrop-filter: none; }

.table__top {
  margin-top: -5px;
  padding-bottom: 10px; }
  @media (min-width: 576px) {
    .table__top {
      margin-bottom: -5px;
      flex-wrap: nowrap; } }

.table__search,
.table__add-button,
.table__info {
  margin-top: 5px;
  margin-bottom: 5px; }

.table__search {
  width: 100%; }

.pills.table__pills {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.table__add-button {
  margin-right: 30px; }

.table__info {
  display: inline-flex;
  padding: 0 10px;
  border-radius: var(--default-border-radius);
  background: #C9C9D8;
  color: #FFFFFF;
  align-items: center;
  font-weight: 500; }

.table__add-filter {
  white-space: nowrap; }

/*------------------------------------*\
  Tooltips
\*------------------------------------*/
.tooltip {
  position: relative;
  display: inline-block;
  background: #3E3158;
  padding: var(--tooltips-padding);
  color: white;
  font-size: var(--tooltips-font-size);
  font-weight: 600;
  line-height: 1.576rem; }
  .tooltip--top-right {
    border-radius: var(--tooltip-border-radius) 0 var(--tooltip-border-radius) var(--tooltip-border-radius);
    transform-origin: top right; }
  .tooltip--top-left {
    border-radius: 0 var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius);
    transform-origin: top left; }
  .tooltip--bottom-right {
    border-radius: var(--tooltip-border-radius) var(--tooltip-border-radius) 0 var(--tooltip-border-radius);
    transform-origin: bottom right; }
  .tooltip--bottom-left {
    border-radius: var(--tooltip-border-radius) var(--tooltip-border-radius) var(--tooltip-border-radius) 0;
    transform-origin: bottom left; }
  .tooltip--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--tooltips-icon-size);
    height: var(--tooltips-icon-size);
    font-size: var(--tooltips-icon-font-size); }
  .tooltip--icon-md {
    width: var(--tooltips-icon-md-size);
    height: var(--tooltips-icon-md-size);
    font-size: var(--tooltips-icon-md-font-size); }
    .tooltip--icon-md.tooltip--top-right {
      border-radius: var(--tooltip-md-border-radius) 0 var(--tooltip-md-border-radius) var(--tooltip-md-border-radius); }
    .tooltip--icon-md.tooltip--top-left {
      border-radius: 0 var(--tooltip-md-border-radius) var(--tooltip-md-border-radius) var(--tooltip-md-border-radius); }
    .tooltip--icon-md.tooltip--bottom-right {
      border-radius: var(--tooltip-md-border-radius) var(--tooltip-md-border-radius) 0 var(--tooltip-md-border-radius); }
    .tooltip--icon-md.tooltip--bottom-left {
      border-radius: var(--tooltip-md-border-radius) var(--tooltip-md-border-radius) var(--tooltip-md-border-radius) 0; }
  .tooltip--icon-lg {
    width: var(--tooltips-icon-lg-size);
    height: var(--tooltips-icon-lg-size);
    font-size: var(--tooltips-icon-lg-font-size); }
    .tooltip--icon-lg.tooltip--top-right {
      border-radius: var(--tooltip-lg-border-radius) 0 var(--tooltip-lg-border-radius) var(--tooltip-lg-border-radius); }
    .tooltip--icon-lg.tooltip--top-left {
      border-radius: 0 var(--tooltip-lg-border-radius) var(--tooltip-lg-border-radius) var(--tooltip-lg-border-radius); }
    .tooltip--icon-lg.tooltip--bottom-right {
      border-radius: var(--tooltip-lg-border-radius) var(--tooltip-lg-border-radius) 0 var(--tooltip-lg-border-radius); }
    .tooltip--icon-lg.tooltip--bottom-left {
      border-radius: var(--tooltip-lg-border-radius) var(--tooltip-lg-border-radius) var(--tooltip-lg-border-radius) 0; }
  .tooltip--gradient {
    background: linear-gradient(180deg, #FFBB6F 0%, #FF656F 100%); }

.tooltip-box {
  display: inline-block;
  position: relative; }
  .tooltip-box--top-right {
    padding-right: 100px;
    padding-top: 100px; }
    .tooltip-box--top-right.tooltip-box--lg {
      padding-right: 130px;
      padding-top: 130px; }
    .tooltip-box--top-right .tooltip-box__icon {
      right: 0;
      top: 0;
      transform: rotate(-90deg); }
  .tooltip-box--top-left {
    padding-left: 100px;
    padding-top: 100px; }
    .tooltip-box--top-left.tooltip-box--lg {
      padding-left: 130px;
      padding-top: 130px; }
    .tooltip-box--top-left .tooltip-box__icon {
      left: 0;
      top: 0;
      transform: rotate(180deg); }
  .tooltip-box--bottom-right {
    padding-right: 100px;
    padding-bottom: 100px; }
    .tooltip-box--bottom-right.tooltip-box--lg {
      padding-right: 130px;
      padding-bottom: 130px; }
    .tooltip-box--bottom-right .tooltip-box__icon {
      bottom: 0;
      right: 0; }
  .tooltip-box--bottom-left {
    padding-left: 100px;
    padding-bottom: 100px; }
    .tooltip-box--bottom-left.tooltip-box--lg {
      padding-left: 130px;
      padding-bottom: 130px; }
    .tooltip-box--bottom-left .tooltip-box__icon {
      bottom: 0;
      left: 0;
      transform: rotate(90deg); }
  .tooltip-box--animated .tooltip {
    transform: scale(0); }
  .tooltip-box--animated .loop {
    stroke-dasharray: 335;
    stroke-dashoffset: 335; }
  .tooltip-box.animate .tooltip {
    transform: scale(0);
    animation-name: pop;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: 0.27s; }
  .tooltip-box.animate .loop {
    stroke-dasharray: 335;
    animation-name: draw-tooltip;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-duration: 0.5s; }

.tooltip-box__icon {
  position: absolute;
  width: 100px; }
  .tooltip-box__icon--lg {
    width: 130px; }

/*------------------------------------*\
  Pagers
\*------------------------------------*/
.pager {
  display: flex;
  width: 100%;
  align-items: center;
  list-style: none;
  margin: 0 -15px;
  padding: 0; }

.pager__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  margin: 0 5px;
  font-size: 1.06rem; }
  .pager__item--text {
    font-size: .93rem; }

.pager__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  font-size: 1.06rem;
  transition: 0.27s ease background, 0.27s ease color, 0.27s ease transform, 0.27s ease box-shadow; }
  .pager__link--active {
    background: #3BBF7F;
    color: #FFFFFF; }
  .pager__link:hover {
    transform: scale(1.1); }
  .pager__link:hover, .pager__link:focus, .pager__link:active {
    background: #45F39E;
    color: #FFFFFF;
    box-shadow: 0 0 10px #45F39E; }

.pager__prev,
.pager__next {
  width: 30px;
  height: 30px;
  font-size: .75em;
  background: #C9C9D8;
  margin: 0 15px; }

.pager__control {
  display: inline-block;
  width: auto;
  margin: 0 10px; }

/*------------------------------------*\
  Priceboxes
\*------------------------------------*/
.pricebox {
  border-radius: var(--pricebox-border-radius);
  width: 100%;
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  margin: 15px 0;
  background: #FFF;
  transition: 0.27s ease transform, 0.27s ease box-shadow; }
  .pricebox--highlighted {
    color: #3E3158; }
    .pricebox--highlighted .pricebox__header {
      background: #3BBF7F; }
    .pricebox--highlighted .pricebox__body,
    .pricebox--highlighted .pricebox__footer {
      border-color: #3BBF7F; }
  .pricebox:hover {
    transform: scale(1.07);
    cursor: pointer; }
  .pricebox:hover, .pricebox:focus, .pricebox:active {
    box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }

.pricebox__header {
  flex: 0;
  padding: var(--pricebox-header-padding);
  background: #3E3158;
  color: #FFFFFF;
  border-radius: var(--pricebox-border-radius) var(--pricebox-border-radius) 0 0;
  font-size: .93rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: 0.27s ease background; }

.pricebox__body {
  flex: 1 1;
  padding: 17px 25px;
  border-left: 2px solid #C9C9D8;
  border-right: 2px solid #C9C9D8;
  border-bottom: 2px solid #C9C9D8;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition: 0.27s ease border; }
  .pricebox__body--border-top {
    border-top: 2px solid #C9C9D8;
    border-top-left-radius: var(--pricebox-border-radius);
    border-top-right-radius: var(--pricebox-border-radius); }
  .pricebox__body--center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .pricebox__body--rounded-bottom {
    border-bottom-left-radius: var(--pricebox-border-radius);
    border-bottom-right-radius: var(--pricebox-border-radius); }
  .pricebox__body .muted {
    margin-top: 3px;
    font-size: .812rem; }

.pricebox__footer {
  flex: 0;
  padding: 9px 25px;
  border-left: 2px solid #C9C9D8;
  border-right: 2px solid #C9C9D8;
  border-bottom: 2px solid #C9C9D8;
  border-radius: 0 0 var(--pricebox-border-radius) var(--pricebox-border-radius);
  color: #3BBF7F;
  font-size: .93rem;
  font-weight: 600;
  transition: 0.27s ease border; }

/*------------------------------------*\
  Panels
\*------------------------------------*/
.panel {
  border-radius: var(--pannel-border-radius);
  background: #FFFFFF;
  padding: var(--pannel-padding); }
  .panel--shadow {
    box-shadow: 0 0 20px 0 rgba(21, 21, 21, 0.2); }
  .panel--sm {
    padding: var(--pannel-sm-padding); }
  .panel--md {
    padding: 20px; }
    @media (min-width: 576px) {
      .panel--md {
        padding: 40px; } }
  .panel--bg {
    background: #F1F1F7; }
  .panel--with-header {
    padding: 0; }

.panel__header {
  padding: var(--pannel-padding);
  border-radius: var(--pannel-border-radius) var(--pannel-border-radius) 0 0; }
  .panel__header--sm {
    padding: var(--pannel-sm-padding); }
  .panel__header--md {
    padding: 20px; }
    @media (min-width: 576px) {
      .panel__header--md {
        padding: 40px; } }
  .panel__header--bg {
    background: #F1F1F7; }

.panel__body {
  padding: var(--pannel-padding); }
  .panel__body--sm {
    padding: var(--pannel-sm-padding); }
  .panel__body--md {
    padding: 20px; }
    @media (min-width: 576px) {
      .panel__body--md {
        padding: 40px; } }

.panel__content {
  display: flex;
  flex-direction: column;
  height: 100%; }

.panel__buttons {
  margin-top: auto; }

/*------------------------------------*\
  Progress bar
\*------------------------------------*/
.progress-bar {
  position: relative;
  height: 32px;
  width: 100%;
  border-radius: var(--default-border-radius);
  background: #C9C9D8;
  overflow: hidden; }

.progress-bar__buffer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  height: 100%;
  background: #3E3158;
  border-radius: var(--default-border-radius);
  transition: width 0.27s ease, background 0.27s ease; }
  .progress-bar__buffer--completed {
    background: #3BBF7F; }

.progress-bar__percentage {
  position: relative;
  color: #FFF;
  font-weight: 600;
  text-align: center; }

/*------------------------------------*\
  Drag & drop
\*------------------------------------*/
.drag-drop__item {
  display: flex;
  margin: 10px 0;
  align-items: center;
  padding: 20px 19px;
  background-color: #F1F1F7;
  border-radius: var(--default-border-radius);
  font-size: 1rem;
  transition: 0.27s ease background-color, 0.27s ease transform, 0.27s ease opacity, 0.27s ease box-shadow; }
  .drag-drop__item--sm {
    margin: 5px 0;
    padding: 10px 15px;
    border-radius: var(--default-border-radius); }
  .drag-drop__item.sortable-chosen, .drag-drop__item--dragging {
    background-color: #C9C9D8;
    box-shadow: 0 0 10px rgba(62, 49, 88, 0.2);
    transform: scale(1.05); }
  .drag-drop__item:hover, .drag-drop__item:focus, .drag-drop__item:active {
    color: #3E3158;
    background-color: #C9C9D8; }

.drag-drop__handle {
  margin-right: 19px; }

/*------------------------------------*\
  Alerts
\*------------------------------------*/
.alert {
  position: relative;
  padding: var(--alert-padding);
  background: #3E3158;
  border-radius: var(--alert-border-radius);
  color: #FFFFFF;
  line-height: 1.8rem;
  font-size: var(--alert-font-size);
  font-weight: 600;
  text-align: center; }
  @media (min-width: 768px) {
    .alert {
      max-width: 500px;
      margin-left: auto; } }
  .alert--danger {
    background: #FF656F; }
  .alert--warning {
    background: #FFBB6F; }
  .alert--success {
    background: #3BBF7F; }
  .alert--disabled {
    background: #C9C9D8;
    color: #3E3158; }
  .alert--bg {
    background: #F1F1F7;
    color: #3E3158; }
  .alert--inline {
    display: flex;
    padding: var(--alert-inline-padding);
    padding-right: 40px;
    width: 100%;
    align-items: center;
    font-size: var(--alert-inline-font-size);
    font-weight: 500; }
  .alert--small {
    padding: var(--alert-padding-small);
    font-size: var(--alert-font-size-small); }
  .alert--mini {
    padding: var(--alert-padding-mini);
    font-size: var(--alert-font-size-mini);
    line-height: 1.15rem; }
  .alert--with-close {
    padding-right: 53px; }

.alert-text {
  font-weight: 500; }
  .alert-text--danger {
    color: #FF656F; }
  .alert-text--warning {
    color: #FFBB6F; }
  .alert-text--success {
    color: #3BBF7F; }

.alert__close {
  position: absolute;
  top: 10px;
  right: 10px; }
  .alert__close--inline {
    top: 50%;
    transform: translateY(-50%); }
    .alert__close--inline:hover {
      transform: translateY(-50%) scale(1.2); }

.alert__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4.37rem;
  margin-bottom: 25px; }
  .alert__icon--inline {
    font-size: 2.18rem;
    margin-right: 30px;
    margin-bottom: 0; }
    .alert__icon--inline-small {
      font-size: 1.6rem;
      margin-right: 15px; }
  .alert__icon--danger {
    color: #FF656F; }
  .alert__icon--success {
    color: #3BBF7F; }

/*------------------------------------*\
  Wells
\*------------------------------------*/
.well {
  padding: var(--well-padding);
  background: #F1F1F7;
  border: 3px solid #C9C9D8;
  border-radius: var(--wel-border-radius); }
  .well--danger {
    background: rgba(255, 101, 111, 0.2);
    border-color: #FF656F;
    color: #FF656F; }
  .well--warning {
    background: rgba(255, 187, 111, 0.2);
    border-color: #FFBB6F;
    color: #FFBB6F; }
  .well--success {
    background: rgba(59, 191, 127, 0.2);
    border-color: #3BBF7F;
    color: #3BBF7F; }
  .well--center {
    text-align: center; }
  .well--small {
    padding: var(--well-padding-sm); }

.well__title {
  margin-bottom: 0; }

.well__icon {
  display: inline-block;
  font-size: var(--well-icon-size);
  margin-bottom: 15px; }

.well__body {
  padding-top: var(--wel-body-padding-top); }

/*------------------------------------*\
  Modals
\*------------------------------------*/
.modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: 0.27s ease visibility, 0.27s ease opacity; }
  .modal--visible {
    visibility: visible;
    opacity: 1; }
    .modal--visible.modal--overlay {
      pointer-events: initial; }
  .modal--overlay {
    pointer-events: none;
    background: rgba(62, 49, 88, 0.2); }
  .modal--top-right .modal__content, .modal--top-left .modal__content, .modal--bottom-right .modal__content, .modal--bottom-left .modal__content {
    position: relative;
    top: initial;
    left: initial;
    transform: initial; }
  .modal--bottom-right {
    top: initial;
    left: initial;
    bottom: 10px;
    right: 10px;
    transform: none; }
    @media (min-width: 768px) {
      .modal--bottom-right {
        bottom: 20px;
        right: 20px; } }
  .modal--bottom-left {
    top: initial;
    right: initial;
    bottom: 10px;
    left: 10px;
    transform: none; }
    @media (min-width: 768px) {
      .modal--bottom-left {
        bottom: 20px;
        left: 20px; } }
  .modal--top-left {
    top: 10px;
    left: 10px;
    right: initial;
    bottom: initial;
    transform: none; }
    @media (min-width: 768px) {
      .modal--top-left {
        top: 20px;
        left: 20px; } }
  .modal--top-right {
    left: initial;
    top: 10px;
    right: 10px;
    bottom: initial;
    transform: none; }
    @media (min-width: 768px) {
      .modal--top-right {
        top: 20px;
        right: 20px; } }

.modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #FFFFFF;
  border-radius: var(--modal-border-radius);
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  width: auto;
  transform: translate(-50%, -50%);
  overflow: hidden;
  box-shadow: 0 0 40px 0 rgba(62, 49, 88, 0.2); }
  @media (min-width: 992px) {
    .modal__content {
      max-width: 970px;
      max-height: calc(100% - 140px); } }
  .modal__content--sidebar {
    display: flex; }
  .modal__content--lg {
    width: 100%; }
  .modal__content--md {
    width: 100%; }
    @media (min-width: 576px) {
      .modal__content--md {
        max-width: 570px; } }
    @media (min-width: 992px) {
      .modal__content--md {
        max-width: 570px; } }

.modal__prev,
.modal__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  .modal__prev:hover,
  .modal__next:hover {
    transform: scale(1.2) translateY(-50%); }

.modal__prev {
  left: 15px; }

.modal__next {
  right: 15px; }

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px; }

.modal__main {
  max-height: 100%;
  padding: var(--modal-padding);
  overflow: auto;
  /* Track */
  /* Handle */ }
  .modal__main--lg {
    padding: var(--modal-lg-padding); }
  .modal__main::-webkit-scrollbar {
    width: 10px; }
  .modal__main::-webkit-scrollbar-track {
    background: #F1F1F7;
    border-left: 1px solid #C9C9D8; }
  .modal__main::-webkit-scrollbar-thumb {
    background: #3E3158; }

.modal__sidebar {
  flex: 0 0 auto;
  max-height: 100%;
  padding: 25px 0;
  background: #F1F1F7;
  overflow: auto; }
  @media (min-width: 768px) {
    .modal__sidebar {
      padding: 50px 0;
      min-width: 170px; } }

.modal__alert {
  background: #3BBF7F;
  color: #FFFFFF;
  padding: var(--modal-alert-padding);
  text-align: center; }

.modal__icon {
  font-size: 4.13rem;
  margin-bottom: 25px; }

.modal__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--modal-buttons-padding); }

.row__modal-header {
  margin-top: -40px;
  background: #F1F1F7;
  margin-left: -50px;
  margin-right: -50px;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 20px; }

/*------------------------------------*\
  Cookie notices
\*------------------------------------*/
.cookie-notice {
  z-index: 998;
  position: fixed;
  bottom: 10px;
  left: 50%;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 0 40px 0 rgba(62, 49, 88, 0.2);
  width: 100%;
  max-width: calc(100% - 20px);
  opacity: 0;
  transform: translateY(50px) translateX(-50%); }
  .cookie-notice p {
    margin-bottom: 0; }
  @media (min-width: 768px) {
    .cookie-notice {
      bottom: 20px;
      left: 50%;
      padding: 20px 30px;
      max-width: 1170px;
      transform: translateY(50px) translateX(-50%); } }
  .cookie-notice--show {
    animation-name: slide-up-center;
    animation-duration: 0.27s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards; }

/*------------------------------------*\
  Message
\*------------------------------------*/
.message {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 30px;
  background: linear-gradient(180deg, #FFBB6F 0%, #FF656F 100%);
  color: #FFFFFF;
  line-height: 1.5rem;
  font-weight: 500; }

.message__title {
  color: #3E3158;
  margin-bottom: 10px; }

.message__icon {
  font-size: 2.28rem;
  padding-right: 30px; }

.message__close {
  position: absolute;
  top: 10px;
  right: 10px; }

/*------------------------------------*\
  Timeline
\*------------------------------------*/
.timeline {
  list-style: none;
  margin: -25px 0;
  padding: 0; }

.timeline--animated .timeline__count {
  opacity: 0;
  transform: scale(0); }

.timeline--animated .timeline__title {
  opacity: 0;
  transform: translateX(-30px); }

.timeline--animated .timeline__item:after {
  opacity: 0;
  transform-origin: top center;
  transform: scaleY(0); }

.timeline--animated.animate .timeline__item:nth-of-type(0) .timeline__count {
  transition-delay: 0.15s; }

.timeline--animated.animate .timeline__item:nth-of-type(0) .timeline__title {
  transition-delay: 0.2s; }

.timeline--animated.animate .timeline__item:nth-of-type(0):after {
  transition-delay: 0.25s; }

.timeline--animated.animate .timeline__item:nth-of-type(1) .timeline__count {
  transition-delay: 0.3s; }

.timeline--animated.animate .timeline__item:nth-of-type(1) .timeline__title {
  transition-delay: 0.35s; }

.timeline--animated.animate .timeline__item:nth-of-type(1):after {
  transition-delay: 0.4s; }

.timeline--animated.animate .timeline__item:nth-of-type(2) .timeline__count {
  transition-delay: 0.45s; }

.timeline--animated.animate .timeline__item:nth-of-type(2) .timeline__title {
  transition-delay: 0.5s; }

.timeline--animated.animate .timeline__item:nth-of-type(2):after {
  transition-delay: 0.55s; }

.timeline--animated.animate .timeline__item:nth-of-type(3) .timeline__count {
  transition-delay: 0.6s; }

.timeline--animated.animate .timeline__item:nth-of-type(3) .timeline__title {
  transition-delay: 0.65s; }

.timeline--animated.animate .timeline__item:nth-of-type(3):after {
  transition-delay: 0.7s; }

.timeline--animated.animate .timeline__item:nth-of-type(4) .timeline__count {
  transition-delay: 0.75s; }

.timeline--animated.animate .timeline__item:nth-of-type(4) .timeline__title {
  transition-delay: 0.8s; }

.timeline--animated.animate .timeline__item:nth-of-type(4):after {
  transition-delay: 0.85s; }

.timeline--animated.animate .timeline__item:nth-of-type(5) .timeline__count {
  transition-delay: 0.9s; }

.timeline--animated.animate .timeline__item:nth-of-type(5) .timeline__title {
  transition-delay: 0.95s; }

.timeline--animated.animate .timeline__item:nth-of-type(5):after {
  transition-delay: 1s; }

.timeline--animated.animate .timeline__item:nth-of-type(6) .timeline__count {
  transition-delay: 1.05s; }

.timeline--animated.animate .timeline__item:nth-of-type(6) .timeline__title {
  transition-delay: 1.1s; }

.timeline--animated.animate .timeline__item:nth-of-type(6):after {
  transition-delay: 1.15s; }

.timeline--animated.animate .timeline__item:nth-of-type(7) .timeline__count {
  transition-delay: 1.2s; }

.timeline--animated.animate .timeline__item:nth-of-type(7) .timeline__title {
  transition-delay: 1.25s; }

.timeline--animated.animate .timeline__item:nth-of-type(7):after {
  transition-delay: 1.3s; }

.timeline--animated.animate .timeline__item:nth-of-type(8) .timeline__count {
  transition-delay: 1.35s; }

.timeline--animated.animate .timeline__item:nth-of-type(8) .timeline__title {
  transition-delay: 1.4s; }

.timeline--animated.animate .timeline__item:nth-of-type(8):after {
  transition-delay: 1.45s; }

.timeline--animated.animate .timeline__item:nth-of-type(9) .timeline__count {
  transition-delay: 1.5s; }

.timeline--animated.animate .timeline__item:nth-of-type(9) .timeline__title {
  transition-delay: 1.55s; }

.timeline--animated.animate .timeline__item:nth-of-type(9):after {
  transition-delay: 1.6s; }

.timeline--animated.animate .timeline__item .timeline__title,
.timeline--animated.animate .timeline__item:after,
.timeline--animated.animate .timeline__item .timeline__count {
  opacity: 1;
  transform: initial; }

.timeline__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 25px 0; }
  .timeline__item:after {
    content: '';
    position: absolute;
    top: 75px;
    left: 22px;
    height: 50px;
    width: 6px;
    background: #F1F1F7;
    transition: 0.27s ease transform; }
  .timeline__item:last-of-type:after {
    display: none; }
  .timeline__item--active, .timeline__item--completed {
    font-weight: 600; }
  .timeline__item--completed:not(:last-of-type):after {
    background: #3E3158; }

.timeline__title {
  display: inline-block;
  transition: 0.27s ease transform, 0.27s ease opacity; }

.timeline__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #FFFFFF;
  border: 2px solid #F1F1F7;
  border-radius: 100%;
  font-size: 1.25rem;
  color: #3E3158;
  margin-right: 20px;
  transition: 0.27s ease transform, 0.27s ease opacity; }
  .timeline__count--completed, .timeline__count--active {
    background: #3E3158;
    color: #FFFFFF; }

/*------------------------------------*\
  Maps
\*------------------------------------*/
.map {
  border-radius: var(--default-border-radius);
  height: 400px;
  background: #F1F1F7; }

/*------------------------------------*\
  Loader
\*------------------------------------*/
.loader {
  max-width: 80px;
  transform-origin: center center;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  transform: rotate(-45deg); }

.loader__loop-stroke {
  transform-origin: center center;
  animation-name: loader-scale;
  animation-timing-function: ease-in-out;
  animation-duration: 1.5s;
  animation-iteration-count: infinite; }

.loader__loop-gradient {
  transform-origin: center center;
  animation-name: loader-scale-2;
  animation-timing-function: ease-in-out;
  animation-duration: 1.5s;
  animation-iteration-count: infinite; }

/*------------------------------------*\
  Helpers
\*------------------------------------*/
.base-radius {
  border-radius: var(--default-border-radius); }

.bg {
  background-color: #F1F1F7; }

.bg--2 {
  background-color: #C9C9D8; }

.bg--warning {
  background-color: #FFBB6F; }

.bg--success {
  background-color: #3BBF7F; }

.bg--info {
  background-color: #3291b5; }

.bg--color-2 {
  background-color: #3E3158; }

.bg--gradient {
  background: linear-gradient(180deg, #FFBB6F 0%, #FF656F 100%); }

.text--color-1 {
  color: #3BBF7F; }

.text--color-2 {
  color: #3E3158; }

.text--color-3 {
  color: #FF656F; }

.text--color-4 {
  color: #FFBB6F; }

.text--color-5 {
  color: #FFF1E2; }

.text--color-light {
  color: #FFFFFF; }

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

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

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

.text-small {
  font-size: .875rem; }

.labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -2px; }
  .labels .label {
    margin: 7px 2px; }

.text--medium {
  font-weight: 500; }

.label {
  display: inline-block;
  padding: 1px 5px;
  border-radius: var(--default-border-radius);
  line-height: 1.2rem;
  background: #C9C9D8;
  color: #FFFFFF;
  font-size: .8412rem;
  font-weight: 600;
  white-space: nowrap;
  transition: 0.27s ease background; }
  .label--more {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    min-height: 21px;
    transition: 0.27s ease background, 0.27s ease color; }
    .label--more:hover {
      background: #C9C9D8;
      color: #3E3158; }
  .label--center {
    display: inline-flex;
    align-items: center; }
  .label--warning {
    background-color: #FFBB6F; }
  .label--success {
    background-color: #3BBF7F; }
  .label--info {
    background-color: #3291b5; }
  .label--danger {
    background-color: #FF656F; }

a.label:hover {
  color: white;
  background: #ababc3; }

.label__icon {
  display: inline-block;
  margin-left: 5px;
  margin-top: 2px;
  font-size: .4rem; }
  .label__icon--left {
    margin-top: 0;
    margin-right: 2px; }
  .label__icon--right {
    margin-top: 0;
    margin-left: 2px; }

.rounded {
  border-radius: var(--default-border-radius);
  overflow: hidden; }

.circle {
  border-radius: 100%;
  overflow: hidden; }

.shadow {
  box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2); }

.full-width {
  width: 100%; }

.shadow-big {
  box-shadow: 0 0 40px 0 rgba(62, 49, 88, 0.2); }

.full-height {
  height: 100%; }

.m-t-0 {
  margin-top: 0px; }

.p-t-0 {
  padding-top: 0px; }

.m-b-0 {
  margin-bottom: 0px; }

.p-b-0 {
  padding-bottom: 0px; }

.m-l-0 {
  margin-left: 0px; }

.p-l-0 {
  padding-left: 0px; }

.m-r-0 {
  margin-right: 0px; }

.p-r-0 {
  padding-right: 0px; }

.m-0 {
  margin: 0px; }

.p-0 {
  padding: 0px; }

.m-t-5 {
  margin-top: 5px; }

.p-t-5 {
  padding-top: 5px; }

.m-b-5 {
  margin-bottom: 5px; }

.p-b-5 {
  padding-bottom: 5px; }

.m-l-5 {
  margin-left: 5px; }

.p-l-5 {
  padding-left: 5px; }

.m-r-5 {
  margin-right: 5px; }

.p-r-5 {
  padding-right: 5px; }

.m-5 {
  margin: 5px; }

.p-5 {
  padding: 5px; }

.m-t-10 {
  margin-top: 10px; }

.p-t-10 {
  padding-top: 10px; }

.m-b-10 {
  margin-bottom: 10px; }

.p-b-10 {
  padding-bottom: 10px; }

.m-l-10 {
  margin-left: 10px; }

.p-l-10 {
  padding-left: 10px; }

.m-r-10 {
  margin-right: 10px; }

.p-r-10 {
  padding-right: 10px; }

.m-10 {
  margin: 10px; }

.p-10 {
  padding: 10px; }

.m-t-15 {
  margin-top: 15px; }

.p-t-15 {
  padding-top: 15px; }

.m-b-15 {
  margin-bottom: 15px; }

.p-b-15 {
  padding-bottom: 15px; }

.m-l-15 {
  margin-left: 15px; }

.p-l-15 {
  padding-left: 15px; }

.m-r-15 {
  margin-right: 15px; }

.p-r-15 {
  padding-right: 15px; }

.m-15 {
  margin: 15px; }

.p-15 {
  padding: 15px; }

.m-t-20 {
  margin-top: 20px; }

.p-t-20 {
  padding-top: 20px; }

.m-b-20 {
  margin-bottom: 20px; }

.p-b-20 {
  padding-bottom: 20px; }

.m-l-20 {
  margin-left: 20px; }

.p-l-20 {
  padding-left: 20px; }

.m-r-20 {
  margin-right: 20px; }

.p-r-20 {
  padding-right: 20px; }

.m-20 {
  margin: 20px; }

.p-20 {
  padding: 20px; }

.m-t-25 {
  margin-top: 25px; }

.p-t-25 {
  padding-top: 25px; }

.m-b-25 {
  margin-bottom: 25px; }

.p-b-25 {
  padding-bottom: 25px; }

.m-l-25 {
  margin-left: 25px; }

.p-l-25 {
  padding-left: 25px; }

.m-r-25 {
  margin-right: 25px; }

.p-r-25 {
  padding-right: 25px; }

.m-25 {
  margin: 25px; }

.p-25 {
  padding: 25px; }

.m-t-30 {
  margin-top: 30px; }

.p-t-30 {
  padding-top: 30px; }

.m-b-30 {
  margin-bottom: 30px; }

.p-b-30 {
  padding-bottom: 30px; }

.m-l-30 {
  margin-left: 30px; }

.p-l-30 {
  padding-left: 30px; }

.m-r-30 {
  margin-right: 30px; }

.p-r-30 {
  padding-right: 30px; }

.m-30 {
  margin: 30px; }

.p-30 {
  padding: 30px; }

.m-t-35 {
  margin-top: 35px; }

.p-t-35 {
  padding-top: 35px; }

.m-b-35 {
  margin-bottom: 35px; }

.p-b-35 {
  padding-bottom: 35px; }

.m-l-35 {
  margin-left: 35px; }

.p-l-35 {
  padding-left: 35px; }

.m-r-35 {
  margin-right: 35px; }

.p-r-35 {
  padding-right: 35px; }

.m-35 {
  margin: 35px; }

.p-35 {
  padding: 35px; }

.m-t-40 {
  margin-top: 40px; }

.p-t-40 {
  padding-top: 40px; }

.m-b-40 {
  margin-bottom: 40px; }

.p-b-40 {
  padding-bottom: 40px; }

.m-l-40 {
  margin-left: 40px; }

.p-l-40 {
  padding-left: 40px; }

.m-r-40 {
  margin-right: 40px; }

.p-r-40 {
  padding-right: 40px; }

.m-40 {
  margin: 40px; }

.p-40 {
  padding: 40px; }

.m-t-45 {
  margin-top: 45px; }

.p-t-45 {
  padding-top: 45px; }

.m-b-45 {
  margin-bottom: 45px; }

.p-b-45 {
  padding-bottom: 45px; }

.m-l-45 {
  margin-left: 45px; }

.p-l-45 {
  padding-left: 45px; }

.m-r-45 {
  margin-right: 45px; }

.p-r-45 {
  padding-right: 45px; }

.m-45 {
  margin: 45px; }

.p-45 {
  padding: 45px; }

.m-t-50 {
  margin-top: 50px; }

.p-t-50 {
  padding-top: 50px; }

.m-b-50 {
  margin-bottom: 50px; }

.p-b-50 {
  padding-bottom: 50px; }

.m-l-50 {
  margin-left: 50px; }

.p-l-50 {
  padding-left: 50px; }

.m-r-50 {
  margin-right: 50px; }

.p-r-50 {
  padding-right: 50px; }

.m-50 {
  margin: 50px; }

.p-50 {
  padding: 50px; }

.m-t-75 {
  margin-top: 75px; }

.p-t-75 {
  padding-top: 75px; }

.m-b-75 {
  margin-bottom: 75px; }

.p-b-75 {
  padding-bottom: 75px; }

.m-l-75 {
  margin-left: 75px; }

.p-l-75 {
  padding-left: 75px; }

.m-r-75 {
  margin-right: 75px; }

.p-r-75 {
  padding-right: 75px; }

.m-75 {
  margin: 75px; }

.p-75 {
  padding: 75px; }

.m-t-100 {
  margin-top: 100px; }

.p-t-100 {
  padding-top: 100px; }

.m-b-100 {
  margin-bottom: 100px; }

.p-b-100 {
  padding-bottom: 100px; }

.m-l-100 {
  margin-left: 100px; }

.p-l-100 {
  padding-left: 100px; }

.m-r-100 {
  margin-right: 100px; }

.p-r-100 {
  padding-right: 100px; }

.m-100 {
  margin: 100px; }

.p-100 {
  padding: 100px; }

.m-t-auto {
  margin-top: auto; }

.m-b-auto {
  margin-bottom: auto; }

.m-l-auto {
  margin-left: auto; }

.m-r-auto {
  margin-right: auto; }

/*------------------------------------*\
  Collapsable
\*------------------------------------*/
.collapsable {
  padding: 10px 0; }

.collapsable__toggle {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-radius: 15px;
  background-color: #C9C9D8;
  font-size: 1.24rem;
  font-weight: 600;
  transition: 0.27s ease background, 0.27s ease color, 0.27s ease box-shadow; }
  .collapsable__toggle:after {
    content: '\e916';
    font-family: icomoon;
    transition: 0.27s ease transform;
    font-size: .6rem;
    margin-left: auto; }
  .collapsable__toggle:hover {
    background: #3E3158;
    color: #FFF; }
  .collapsable__toggle--open:after {
    transform: rotate(180deg); }

.collapsable__collapse {
  max-height: 0;
  opacity: 0;
  transition: 0.27s ease max-height, 0.27s ease opacity; }
  .collapsable__collapse--open {
    max-height: 5000px;
    opacity: 1; }

.collapsable__body {
  margin-top: -10px;
  background: #F1F1F7;
  padding: 35px 20px;
  border-radius: 0 0 15px 15px;
  max-width: 100%;
  overflow: auto; }

/*------------------------------------*\
  Filters
\*------------------------------------*/
.filters-wrapper {
  display: flex;
  flex-direction: row; }
  .filters-wrapper--active {
    flex-direction: column; }
  .filters-wrapper:not(.filters-wrapper.filters-wrapper--active) .form__group label {
    margin-bottom: 0; }
  @media (min-width: 992px) {
    .filters-wrapper {
      flex-direction: column; }
      .filters-wrapper:not(.filters-wrapper.filters-wrapper--active) .form__group label {
        margin-bottom: .5rem; } }
  @media (min-width: 1200px) {
    .filters-wrapper {
      flex-direction: row;
      align-items: center;
      justify-content: space-between; } }

.filters--horizontal {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 -6px; }
  @media (min-width: 992px) {
    .filters--horizontal {
      width: auto;
      flex-direction: row;
      align-items: center;
      justify-content: center; } }
  @media (min-width: 1400px) {
    .filters--horizontal {
      width: 100%;
      flex: 1 1 100%; } }

.filters__mobile-label {
  display: inline-block; }
  @media (min-width: 992px) {
    .filters__mobile-label {
      display: none; } }

.filter {
  padding: 6px; }
  .filter--horizontal {
    display: none;
    flex-direction: column;
    flex: 1 1 100%; }
    .filter--horizontal--active {
      display: flex; }
    @media (min-width: 992px) {
      .filter--horizontal {
        display: flex; } }
    @media (min-width: 1200px) {
      .filter--horizontal {
        flex: initial;
        flex-direction: row;
        align-items: center; }
        .filter--horizontal .form__group {
          padding-bottom: 0; }
        .filter--horizontal .v-text-field input {
          flex-grow: 0;
          width: 25px; }
        .filter--horizontal .form__control:not(.form__control--select) {
          max-width: 100px; }
        .filter--horizontal .form__control--number {
          max-width: 60px; } }
  .filter .form__group {
    padding-bottom: 0; }

.filter__label {
  font-weight: 500;
  color: #3E3158;
  opacity: .5; }
  .filter__label--horizontal {
    margin-right: 6px; }

.filter__button {
  display: none; }
  .filter__button--active {
    display: block; }
  @media (min-width: 992px) {
    .filter__button {
      display: block; } }
  .filter__button--horizontal {
    margin-top: 15px;
    align-self: flex-end; }
    @media (min-width: 1200px) {
      .filter__button--horizontal {
        align-self: center;
        margin-left: 15px;
        margin-top: 0; } }

/*------------------------------------*\
  Dropdowns
\*------------------------------------*/
.dropdown {
  display: inline-block;
  position: relative; }

.dropdown__trigger {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: var(--dropdown-padding);
  border-radius: var(--dropdown-border-radius);
  border: 1px solid #C9C9D8;
  color: #3E3158;
  background: white;
  font-size: 1.06rem;
  transition: 0.27s ease background, 0.27s ease color; }
  .dropdown__trigger::first-letter {
    text-transform: uppercase; }
  .dropdown__trigger--sm {
    padding: var(--dropdown-padding-sm);
    font-size: 1rem; }
  .dropdown__trigger:after {
    content: '\e914';
    margin-left: 10px;
    font-family: icomoon;
    font-size: .4em;
    line-height: 1; }
  .dropdown__trigger:hover {
    color: #28203A;
    background: #F1F1F7; }

.dropdown__body {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2);
  border-top: 0;
  border-radius: var(--dropdown-border-radius);
  background: white;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transform-origin: top left;
  transition: 0.27s ease transform, 0.27s ease opacity, 0.27s ease visibility; }
  .dropdown__body--padding {
    padding: var(--dropdown-padding-body); }
  .dropdown__body--padding-sm {
    padding: var(--dropdown-padding-body-sm); }
  .dropdown__body--no-border {
    border: none; }
  .dropdown__body--open {
    opacity: 1;
    z-index: 5;
    visibility: visible;
    transform: initial; }
  .dropdown__body .form__control {
    font-size: 16px; }
  .dropdown__body--no-min-width {
    min-width: 0; }

.dropdown__sub-body {
  position: absolute;
  display: none;
  z-index: -1;
  top: 0;
  left: 100%;
  min-height: 100%;
  min-width: 220px;
  flex-direction: column;
  box-shadow: 0 0 10px 0 rgba(62, 49, 88, 0.2);
  border-top: 0;
  border-radius: var(--dropdown-border-radius);
  background: white;
  line-height: 1;
  padding: var(--dropdown-padding-body-sm); }
  .dropdown__sub-body .form__control {
    font-size: 14px; }
  .dropdown__sub-body .form__group {
    padding-bottom: 10px; }
  .dropdown__sub-body--visible {
    display: flex; }

/*------------------------------------*\
  CheckList
\*------------------------------------*/
.check-list {
  width: 100%; }
  .check-list__item {
    position: relative;
    display: flex;
    padding: var(--check-list-padding);
    width: 100%;
    align-items: flex-start;
    background: #F1F1F7;
    border-radius: var(--alert-border-radius);
    color: #3E3158;
    text-align: center;
    font-size: var(--alert-inline-font-size);
    font-weight: 500; }
    .check-list__item:not(:last-of-type) {
      margin-bottom: 25px; }
    .check-list__item--muted {
      background: none;
      border: 2px solid #F1F1F7; }
      .check-list__item--muted .check-list__content {
        opacity: .5; }
  .check-list__icon {
    margin-right: 20px;
    padding: 8px;
    border-radius: var(--alert-border-radius);
    background-color: #F1F1F7; }
    .check-list__icon i {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      color: white; }
    .check-list__icon--default {
      height: 40px;
      min-width: 40px;
      background-color: #F1F1F7; }
    .check-list__icon--success {
      background-color: #3BBF7F; }
    .check-list__icon--warning {
      background-color: #FFBB6F; }
    .check-list__icon--danger {
      width: 40px;
      background-color: #FF656F; }
  .check-list__content {
    margin-top: 4px;
    text-align: left; }
    .check-list__content__title {
      margin-top: 3px; }
  .check-list__note {
    display: inline-block; }

/*------------------------------------*\
  Cards
\*------------------------------------*/
.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 220px;
  margin-bottom: 40px;
  padding: 36px 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 10px #bcbcbc; }
  @media (min-width: 992px) {
    .card {
      min-height: 240px; } }
  @media (min-width: 992px) {
    .card--down, .event-page__attendees > div:nth-child(3n+1), .event-page__attendees > div:nth-child(3n) {
      margin-top: 36px; } }
  .card__title {
    font-weight: bold;
    margin-bottom: 0;
    text-align: center; }
  .card__description {
    text-align: center;
    font-size: 16px;
    line-height: 1.4rem; }
  .card__button {
    margin-top: auto;
    border-radius: 100px; }

.navigation {
  display: flex;
  align-items: center;
  margin: 0; }

.navigation__item {
  display: none;
  position: relative;
  padding: var(--dropdown-navigation-padding) var(--dropdown-navigation-anchor-padding);
  font-size: var(--dropdown-navigation-font-size);
  font-weight: 500; }
  @media (min-width: 992px) {
    .navigation__item {
      display: inline; } }
  .navigation__item i:before {
    font-size: 6px; }
  .navigation__item .active {
    color: #3BBF7F; }

.navigation__logo {
  max-height: 40px;
  margin-right: 1em; }

.nav__sub-items {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  background-color: white;
  border-radius: 5px;
  max-width: 300px;
  min-width: 250px;
  overflow: hidden;
  padding: var(--dropdown-navigation-padding) 0;
  box-shadow: 0 3px 7px 0 #C9C9D8B2; }
  .nav__sub-items a {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .nav__sub-items i {
    font-size: 0.7em; }

.nav__sub-items--right {
  right: 0;
  left: auto; }

.nav__sub-items--active {
  display: block; }

.nav__sub-items a {
  transition: none; }
  .nav__sub-items a:hover {
    color: #F1F1F7;
    background-color: #3E3158; }

.nav__sub-items__label {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: var(--dropdown-navigation-font-size);
  padding: 0 var(--dropdown-navigation-anchor-padding);
  font-weight: 500; }
  .nav__sub-items__label--active {
    color: #F1F1F7;
    background-color: #3E3158; }

.nav__sub-items__children {
  left: 0;
  top: 0; }

/*------------------------------------*\
  header
\*------------------------------------*/
.header {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  right: 0;
  height: 66px;
  padding: 10px 0;
  background: #FFFFFF;
  transition: 0.27s ease box-shadow, 0.27s ease width, 0.27s ease left, 0.27s ease max-width; }
  .header--sticky {
    position: fixed;
    box-shadow: 0 0 40px 0 rgba(62, 49, 88, 0.2); }

.header__logo-link {
  display: inline-block; }

.header__logo {
  max-height: 50px; }

.header__menu-trigger {
  display: inline-flex;
  align-items: center;
  line-height: 0; }

html, body {
  color: #3E3158;
  min-height: 100%;
  font-family: "Quicksand", sans-serif;
  font-size: var(--default-font-size);
  line-height: var(--default-line-heigt);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 0.27s ease padding-left; }

html {
  overflow-x: hidden; }

img {
  max-width: 100%; }

.row {
  margin-bottom: 1em; }
  .row + .row {
    margin-bottom: 0;
    margin-top: 0; }

/*-- Sticky footer --*/
.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  max-width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
  z-index: 6;
  padding-top: 66px; }
  .content--no-header {
    padding-top: 0; }

/*------------------------------------*\
  Print
\*------------------------------------*/
@media print {
  body {
    -webkit-print-color-adjust: exact !important; }
  .bg-blob {
    background: white; }
  .bg-blob h1 {
    margin-bottom: 0; }
  .bg-blob.p-t-100 {
    padding-top: 0; }
  .bg-blob.p-b-50 {
    padding-bottom: 0; }
  .bg-blob__left,
  .bg-blob__right {
    display: none; }
  .header,
  .footer {
    display: none; }
  .content {
    padding-top: 0; }
  .home-visual {
    margin-bottom: 0 !important;
    padding: 0 !important; }
  .page-header {
    padding-top: 0 !important;
    min-height: 300px !important; }
  .form-with-text__form,
  .form__control-wrap--search,
  .form__control--search,
  .link-button,
  .pager,
  form,
  .loader,
  .map,
  .home-visual__image-wrap,
  .bg-blob__blob-wrapper,
  .form__checkbox,
  .form__radio,
  .button {
    display: none !important; }
  .page-break-clear {
    clear: both; }
  .table td, .table th {
    padding: 4px 10px; }
  .page-break {
    break-after: page;
    height: 0;
    display: block !important; }
  #rapport-view .full-height {
    padding: 0; }
  svg {
    max-height: 400px !important; } }

/*------------------------------------*\
  Autocomplete
\*------------------------------------*/
#autoComplete_list {
  left: 15px;
  right: 15px;
  border-radius: 0;
  border-color: #C9C9D8; }

.autoComplete_result:hover {
  cursor: pointer;
  border-radius: 0;
  background-color: #F1F1F7; }

/*------------------------------------*\
  Header
\*------------------------------------*/
.header__nav {
  display: none;
  width: 100%; }
  @media (min-width: 992px) {
    .header__nav {
      display: flex;
      align-items: center;
      padding-left: 15px; } }

.menu {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1rem; }

.menu__link {
  position: relative;
  display: inline-block;
  padding: 9px 10px;
  font-size: .77rem;
  font-weight: 600;
  line-height: 1.4rem;
  overflow: hidden; }
  @media (min-width: 1200px) {
    .menu__link {
      padding: 9px 14px;
      font-size: .93rem; } }
  .menu__link:before {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    height: 2px;
    bottom: 0;
    background: #3BBF7F;
    opacity: 0; }
  .menu__link--active {
    color: #3BBF7F; }
    .menu__link--active:before {
      animation-name: fade-in;
      animation-duration: 0.27s;
      animation-fill-mode: forwards;
      animation-timing-function: ease; }

.header__menu-trigger {
  margin-left: auto;
  display: inline-flex;
  align-items: center; }
  @media (min-width: 992px) {
    .header__menu-trigger {
      display: none; } }

.header__mobile-cta {
  margin: 30px 0; }

.header-texts-outer {
  box-shadow: inset 0 -5px 5px 0 rgba(62, 49, 88, 0.1); }
  .header-texts-outer .row {
    margin-bottom: 0; }
  .header-texts-outer p {
    margin-bottom: 0; }

/*------------------------------------*\
  Footer
\*------------------------------------*/
.footer {
  padding: 30px 0; }
  @media (min-width: 768px) {
    .footer {
      padding: 90px 0 50px; } }

.footer__languages {
  margin: 0 -5px; }

.footer__language {
  text-transform: uppercase;
  font-weight: 500;
  padding: 0 5px;
  line-height: 1rem;
  border-right: 1px solid #3E3158; }
  .footer__language:last-of-type {
    border-right: none; }

.footer__link {
  display: inline-block;
  padding: 10px 0 25px; }

.footer__section {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .footer__section {
      margin-bottom: 0; } }

.footer__logo {
  max-width: 70px; }

.footer__socials {
  padding: 15px 0; }
  @media (min-width: 768px) {
    .footer__socials {
      padding: 20px 0 60px; } }

.footer__copyright {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  font-size: .815rem; }
  @media (min-width: 768px) {
    .footer__copyright {
      padding-top: 68px;
      flex-direction: row; } }

.footer__title {
  font-size: 1.125rem;
  margin-bottom: 18px; }

@media (min-width: 768px) {
  .copyright {
    margin-right: 15px; } }

.copyright__link {
  padding: 0 15px; }

.footer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.058rem; }

.footer-menu__link {
  display: block; }

/*------------------------------------*\
  Section
\*------------------------------------*/
.section {
  padding: 50px 0; }
  @media (min-width: 992px) {
    .section {
      padding: 75px 0; } }
  @media (min-width: 992px) {
    .section--top-lg {
      padding: 125px 0 75px; } }
  .section--no-bottom {
    padding-bottom: 0; }

.section__title {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .section__title {
      margin-bottom: 60px; } }

/*------------------------------------*\
  Socials
\*------------------------------------*/
.socials {
  margin: 0 -5px; }

.social {
  padding: 0 5px;
  font-size: 1.875rem;
  transition: 0.27s ease color, 0.27s ease text-shadow, 0.27s ease transform; }
  .social:hover, .social:focus, .social:active {
    transform: scale(1.15);
    text-shadow: 0 0 10px rgba(62, 49, 88, 0.2); }

/* -------------------- *\
        PARTNERS
\* -------------------- */
.container__partner {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap; }
  .container__partner span {
    font-size: 18px;
    font-weight: 600; }
  .container__partner img {
    max-width: 140px; }

/*------------------------------------*\
  Home visual
\*------------------------------------*/
.home-visual {
  padding: 50px 0; }
  @media (min-width: 992px) {
    .home-visual {
      margin-bottom: 75px;
      padding: 108px 0; } }
  .home-visual.animate .home-visual__title {
    animation-name: fade-to-left;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.135s; }
  .home-visual.animate .home-visual__cta {
    animation-name: fade-to-left;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.27s; }
  .home-visual.animate .home-visual__image {
    animation-name: fade-to-left;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
  .home-visual.animate .home-visual__tooltip .tooltip {
    transform: scale(0);
    animation-name: pop;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: 0.27s; }
  .home-visual.animate .home-visual__tooltip .loop {
    stroke-dasharray: 335;
    animation-name: draw-tooltip;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-duration: 0.5s; }
  .home-visual.animate .home-visual__tooltip--1 .tooltip {
    animation-delay: 0.77s; }
  .home-visual.animate .home-visual__tooltip--1 .loop {
    animation-delay: 0.27s; }
  .home-visual.animate .home-visual__tooltip--2 .tooltip {
    animation-delay: 1.04s; }
  .home-visual.animate .home-visual__tooltip--2 .loop {
    animation-delay: 0.54s; }
  .home-visual.animate .home-visual__tooltip--3 .tooltip {
    animation-delay: 1.31s; }
  .home-visual.animate .home-visual__tooltip--3 .loop {
    animation-delay: 0.81s; }

.home-visual__title,
.home-visual__cta {
  opacity: 0; }

.home-visual__image-wrap {
  position: relative; }
  @media (min-width: 576px) {
    .home-visual__image-wrap {
      margin: 25px; } }
  @media (min-width: 992px) {
    .home-visual__image-wrap {
      margin: 0; } }

.home-visual__image {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 40px 0 rgba(255, 101, 111, 0.2);
  border-radius: 15px;
  margin-bottom: 30px;
  transform: scale(0); }
  @media (min-width: 992px) {
    .home-visual__image {
      width: 100%;
      margin-right: 0;
      margin-bottom: 0; } }

.home-visual__tooltip {
  position: absolute;
  z-index: 2;
  display: none; }
  @media (min-width: 576px) {
    .home-visual__tooltip {
      display: inline-block; } }
  .home-visual__tooltip--1 {
    top: -65px;
    left: calc(100% - 110px); }
    @media (min-width: 768px) {
      .home-visual__tooltip--1 {
        top: -60px;
        left: calc(100% - 120px); } }
  .home-visual__tooltip--2 {
    top: 90px;
    left: -70px; }
    @media (min-width: 768px) {
      .home-visual__tooltip--2 {
        top: 130px;
        left: -60px; } }
  .home-visual__tooltip--3 {
    top: 100px;
    right: -70px; }
    @media (min-width: 768px) {
      .home-visual__tooltip--3 {
        top: 150px;
        right: -70px; } }

/*------------------------------------*\
  Text slider
\*------------------------------------*/
.text-slider__slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 15px; }
  @media (min-width: 992px) {
    .text-slider__slide {
      margin: 0 -15px;
      padding: 0; } }

.text-slider__image {
  position: relative;
  flex: 0 0 75%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  margin-bottom: 30px; }
  .text-slider__image a,
  .text-slider__image img {
    width: 100%; }
  @media (min-width: 992px) {
    .text-slider__image {
      flex: 1 0 100%; } }
  @media (min-width: 992px) {
    .text-slider__image {
      padding: 0 30px;
      padding-top: 45px;
      flex: 1 0 33%;
      margin-bottom: 0; } }

.text-slider__tooltip {
  position: absolute;
  top: 45px;
  right: 30px;
  transform: translate(50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center; }

.text-slider__info {
  flex: 0 1 100%; }
  @media (min-width: 992px) {
    .text-slider__info {
      flex: 0 1 66%;
      padding: 0 30px; } }

.text-slider__title {
  font-size: 1.5rem; }

/*------------------------------------*\
  Quote slider
\*------------------------------------*/
.quote-slider__img {
  margin-bottom: 20px; }
  @media (min-width: 576px) {
    .quote-slider__img {
      margin-bottom: 0; } }
  .quote-slider__img img {
    max-width: 200px;
    width: 100%; }

.quote-slider__nav {
  position: relative;
  margin-top: 30px;
  margin-bottom: 50px; }
  .quote-slider__nav .swiper-wrapper {
    padding-top: 40px; }

.quote-slider__nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: .875rem;
  font-weight: 600;
  line-height: 150%; }
  .quote-slider__nav-item--active, .quote-slider__nav-item:hover {
    color: #3BBF7F; }
  .quote-slider__nav-item:hover .quote-slider__nav-img {
    transform: scale(1.1);
    opacity: .6; }

.quote-slider__nav-img {
  border-radius: 100%;
  max-width: 80px;
  margin-bottom: 20px;
  transition: 0.27s ease transform, 0.27s ease opacity; }

.quote-slider__title--no-margin {
  margin-bottom: 0; }

/*------------------------------------*\
  Cta
\*------------------------------------*/
.cta {
  position: relative;
  z-index: 1;
  background-color: #3BBF7F;
  color: #FFFFFF;
  padding: 50px 0;
  overflow: hidden; }
  .cta:before, .cta:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    padding-top: 93%;
    transform: translateY(-50%);
    background-size: 100% 100%;
    background-position: center center; }
  .cta:before {
    left: 0;
    width: 400px;
    background-image: url("/src/ui-kit/img/blob-orange-2.svg");
    transform: translate(-65%, -35%) rotate(100deg); }
    @media (min-width: 576px) {
      .cta:before {
        width: 906px; } }
  .cta:after {
    right: 0;
    width: 532px;
    background-image: url("/src/ui-kit/img/blob-yellow-2.svg");
    transform: translate(40%, -60%) rotate(260deg); }
    @media (min-width: 576px) {
      .cta:after {
        width: 1207px; } }
    @media (min-width: 992px) {
      .cta:after {
        transform: translate(60%, -60%) rotate(260deg); } }
    @media (min-width: 1600px) {
      .cta:after {
        transform: translate(43%, -60%) rotate(260deg); } }
  .cta--big {
    padding: 30px 0; }
    @media (min-width: 576px) {
      .cta--big {
        padding: 60px 0; } }
    @media (min-width: 992px) {
      .cta--big {
        padding: 130px 0; } }
    @media (min-width: 992px) {
      .cta--big:after {
        transform: translate(60%, -60%) rotate(260deg); } }
    @media (min-width: 1600px) {
      .cta--big:after {
        transform: translate(50%, -60%) rotate(260deg); } }

.cta__content {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .cta__content {
      align-items: center;
      flex-direction: row; } }

.cta__title {
  margin-bottom: 0;
  color: #3E3158; }
  .cta__title--small {
    color: #FFFFFF;
    font-size: 1.5rem; }

.cta__button {
  flex: 0 0 auto;
  margin-top: 25px; }
  @media (min-width: 768px) {
    .cta__button {
      margin-top: 0;
      margin-left: auto; } }

/*------------------------------------*\
  Tabs
\*------------------------------------*/
.tabs {
  overflow: hidden; }

.tabs__nav-wrap {
  position: relative; }
  .tabs__nav-wrap .nav {
    position: static; }

.tabs__nav {
  padding-top: 52px;
  flex-wrap: nowrap;
  overflow: auto; }
  .tabs__nav--overflow-right:before, .tabs__nav--overflow-left:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: 2; }
  .tabs__nav--overflow-right:before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) calc(100% - 100px), #f1f1f7); }
  .tabs__nav--overflow-left:after {
    content: '';
    background: linear-gradient(to left, rgba(255, 255, 255, 0) calc(100% - 100px), #f1f1f7); }

.tab__img {
  position: relative;
  left: -15px;
  width: calc(15px + 100%);
  margin-bottom: 30px; }
  @media (min-width: 576px) {
    .tab__img {
      left: calc((-100vw + 510px) / 2);
      width: calc(((100vw - 510px) / 2) + 100%); } }
  @media (min-width: 768px) {
    .tab__img {
      left: calc((-100vw + 690px) / 2);
      width: calc(((100vw - 690px) / 2) + 100%); } }
  @media (min-width: 992px) {
    .tab__img {
      left: calc((-100vw + 930px) / 2);
      width: calc(((100vw - 930px) / 2) + 100%);
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .tab__img {
      left: calc((-100vw + 1110px) / 2);
      width: calc(((100vw - 1110px) / 2) + 100%); } }

.tabs__wrapper {
  position: relative; }
  .tabs__wrapper.animate .tab--active .tab__img {
    animation-name: fade-to-right;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.27s; }
  .tabs__wrapper.animate .tab--active .tab__content {
    animation-name: fade-to-right;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.405s; }

.tab {
  width: 100%;
  pointer-events: none;
  animation-name: tab-hidden;
  animation-duration: 0.5s;
  animation-fill-mode: forwards; }
  .tab--active {
    pointer-events: initial;
    visibility: visible;
    animation-name: tab;
    animation-duration: 0.5s;
    animation-fill-mode: forwards; }

.tab__img,
.tab__content {
  opacity: 0; }

.tab__first {
  padding-top: 10px;
  padding-bottom: 60px; }
  @media (min-width: 992px) {
    .tab__first {
      padding-bottom: 150px; } }

/*------------------------------------*\
  Text with image
\*------------------------------------*/
.text-with-image {
  position: relative;
  padding: 60px 0; }
  @media (min-width: 992px) {
    .text-with-image {
      padding: 120px 0; }
      .text-with-image--padding-bottom {
        padding-bottom: 230px; } }
  @media (min-width: 992px) {
    .text-with-image--box {
      padding: 162px 0 197px;
      margin-bottom: 150px; } }
  .text-with-image--box:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    right: -50px;
    background: #FFF1E2;
    border-radius: 15px; }
  .text-with-image.animate .text-with-image__text {
    animation-name: fade-in;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
  .text-with-image.animate .text-with-image__image--bottom-left {
    animation-name: fade-up;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.27s; }
  .text-with-image.animate .text-with-image__image--top-right {
    animation-name: fade-up;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.405s; }
  .text-with-image.animate .text-with-image__image--bottom-right {
    animation-name: fade-up;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.27s; }
  .text-with-image.animate .text-with-image__image--center {
    animation-name: fade-up;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.405s; }
  .text-with-image.animate .tooltip {
    transform: scale(0);
    animation-name: pop;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-delay: 1.04s; }
  .text-with-image.animate .loop {
    stroke-dasharray: 335;
    animation-name: draw-tooltip;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
    animation-delay: 0.54s; }

.text-with-image__text,
.text-with-image__image {
  opacity: 0; }

.text-with-image__sub-title {
  color: #FF656F;
  text-transform: uppercase;
  font-size: .93rem;
  font-weight: 600; }

.text-with-image__title {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .text-with-image__title {
      margin-bottom: 40px; } }

.text-with-image__intro {
  margin-bottom: 40px; }

.text-with-image__images {
  position: relative;
  height: 100%;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .text-with-image__images {
      margin-bottom: 0; } }

.text-with-image__image--top-right {
  max-width: 50%;
  margin-left: auto;
  margin-top: -80px;
  margin-bottom: -10%; }
  @media (min-width: 992px) {
    .text-with-image__image--top-right {
      margin: 0;
      max-width: 400px;
      position: absolute;
      top: -170px;
      right: 0; } }

.text-with-image__image-1-tooltip {
  position: absolute;
  top: -45px;
  right: 10%; }
  @media (min-width: 576px) {
    .text-with-image__image-1-tooltip {
      top: -25px;
      right: 12%; } }
  @media (min-width: 768px) {
    .text-with-image__image-1-tooltip {
      top: -5px;
      right: 125px; } }
  @media (min-width: 992px) {
    .text-with-image__image-1-tooltip {
      top: -25px;
      left: 75px;
      right: auto; } }

.text-with-image__image--bottom-left {
  max-width: 64%; }
  @media (min-width: 992px) {
    .text-with-image__image--bottom-left {
      z-index: 2;
      position: absolute;
      top: 215px;
      left: -30px;
      max-width: 530px; } }

.text-with-image__image--center {
  position: relative;
  max-width: 64%;
  z-index: 2; }
  @media (min-width: 992px) {
    .text-with-image__image--center {
      max-width: 531px; } }

.text-with-image__image--bottom-right {
  max-width: 50%;
  margin-top: -50px;
  margin-left: auto; }
  @media (min-width: 992px) {
    .text-with-image__image--bottom-right {
      position: absolute;
      top: 340px;
      right: -30px;
      max-width: 400px; } }

.text {
  padding: 30px 0; }
  @media (min-width: 576px) {
    .text {
      padding: 60px 0; } }
  @media (min-width: 992px) {
    .text {
      padding: 140px 0; } }

.text__item {
  margin-bottom: 30px; }
  @media (min-width: 576px) {
    .text__item--lg-bottom {
      margin-bottom: 40px; } }
  @media (min-width: 992px) {
    .text__item--lg-bottom {
      margin-bottom: 60px; } }
  @media (min-width: 576px) {
    .text__item--lg-top {
      margin-top: 40px; } }
  @media (min-width: 992px) {
    .text__item--lg-top {
      margin-top: 60px; } }
  .text__item--socials a:not([class*="button"]):before {
    content: none; }

.text__logos {
  padding: 15px 0 35px;
  margin: -15px; }

.text__logo {
  margin: 15px;
  transition: 0.27s ease transform; }
  .text__logo:hover {
    transform: scale(1.2); }
  @media (min-width: 576px) {
    .text__logo img {
      height: 110px; } }
  .text__logo--sm:hover {
    transform: scale(1.2); }
    .text__logo--sm:hover img {
      filter: drop-shadow(0 0 10px rgba(62, 49, 88, 0.2)); }
  .text__logo--sm img {
    transition: 0.27s ease filter;
    height: 50px; }
    @media (min-width: 576px) {
      .text__logo--sm img {
        height: 60px; } }
  @media (max-width: 767.98px) {
    .text__logo--sm-100 img {
      height: 100px; } }
  .text__logo--no-shadow:hover {
    transform: scale(1.2); }
  .text__logo--no-shadow img {
    transition: 0.27s ease filter; }

/*------------------------------------*\
  Page Header
\*------------------------------------*/
.page-header {
  padding: 30px 0 50px; }
  @media (min-width: 768px) {
    .page-header {
      min-height: 550px;
      padding-top: 130px; } }
  @media (min-width: 768px) {
    .page-header--sm {
      min-height: 350px;
      padding-top: 90px; } }
  @media (min-width: 768px) {
    .page-header--xs {
      min-height: 150px;
      padding-top: 90px; } }
  .page-header.animate .page-header__title {
    animation-name: fade-up;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.27s; }
  .page-header.animate .page-header__intro {
    animation-name: fade-up;
    animation-timing-function: ease-out;
    animation-duration: 0.27s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.135s; }

.page-header__title {
  margin-bottom: 20px; }

.page-header__title,
.page-header__intro {
  opacity: 0; }

/*------------------------------------*\
  Ambassador List
\*------------------------------------*/
.ambassador-list {
  position: relative;
  z-index: 1;
  padding-bottom: 170px;
  margin-top: -30px; }
  @media (min-width: 992px) {
    .ambassador-list {
      margin-top: -50px; } }

.ambassador-list__items {
  display: grid;
  grid-template-columns: 100%; }
  @media (min-width: 576px) {
    .ambassador-list__items {
      grid-template-columns: calc(50% - 15px) calc(50% - 15px);
      column-gap: 30px; } }
  @media (min-width: 992px) {
    .ambassador-list__items {
      grid-template-columns: calc(33.33% - 20px) calc(33.33% - 20px) calc(33.33% - 20px); } }
  @media (min-width: 1200px) {
    .ambassador-list__items {
      column-gap: 12.5%;
      grid-template-columns: 25% 25% 25%; } }

.ambassador-list__item {
  position: relative;
  padding-bottom: 110px;
  transition-delay: .1s; }
  @media (max-width: 767.98px) {
    .ambassador-list__item:nth-of-type(2n+2):before {
      content: '';
      z-index: -1;
      position: absolute;
      top: 70px;
      left: -15px;
      right: -15px;
      height: 100%;
      background: #FFF1E2;
      border-radius: 15px; } }
  @media (min-width: 576px) and (max-width: 1199.98px) {
    .ambassador-list__item:nth-of-type(2n+2) .ambassador-list__content {
      transition-delay: .15s;
      margin-top: -50px; }
    .ambassador-list__item:nth-of-type(6n-3):before, .ambassador-list__item:nth-of-type(6n-1):before {
      content: '';
      z-index: -1;
      position: absolute;
      left: -15px;
      width: calc(540px + 30px);
      height: 100%;
      background: #FFF1E2;
      border-radius: 15px; } }
  @media (min-width: 576px) and (max-width: 1199.98px) and (min-width: 768px) {
    .ambassador-list__item:nth-of-type(6n-3):before, .ambassador-list__item:nth-of-type(6n-1):before {
      width: calc(720px + 50px);
      left: -25px; } }
  @media (min-width: 576px) and (max-width: 1199.98px) {
    .ambassador-list__item:nth-of-type(9n-3):before {
      top: 70px; }
    .ambassador-list__item:nth-of-type(6n-1):before {
      bottom: calc(100% - 165px); } }
  @media (min-width: 992px) {
    .ambassador-list__item:nth-of-type(3n+1) .ambassador-list__content {
      margin-top: -20px; }
    .ambassador-list__item:nth-of-type(3n+2) .ambassador-list__content {
      transition-delay: .15s;
      margin-top: -50px; }
    .ambassador-list__item:nth-of-type(3n+3) .ambassador-list__content {
      transition-delay: .3s; }
    .ambassador-list__item:nth-of-type(9n-5):before, .ambassador-list__item:nth-of-type(9n-2):before {
      content: '';
      z-index: -1;
      position: absolute;
      width: calc(960px + 80px);
      left: -40px;
      height: 100%;
      background: #FFF1E2;
      border-radius: 15px; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .ambassador-list__item:nth-of-type(9n-5):before, .ambassador-list__item:nth-of-type(9n-2):before {
      width: calc(1140px + 100px);
      left: -50px; } }
  @media (min-width: 992px) {
    .ambassador-list__item:nth-of-type(9n-5):before {
      top: 70px; }
    .ambassador-list__item:nth-of-type(9n-2):before {
      bottom: calc(100% - 265px); } }

.ambassador-list__image-wrap {
  position: relative;
  display: block; }
  .ambassador-list__image-wrap--has-badge:before {
    content: '';
    position: absolute;
    top: 0;
    left: 19px;
    width: 30px;
    height: 38px;
    background-image: url("/src/guest-v-2/img/badge.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }

.ambassador-list__image {
  width: 100%;
  box-shadow: 0 0 20px 0 rgba(21, 21, 21, 0.2);
  margin-bottom: 20px;
  background: #8FE2BE; }

.ambassador-list__title {
  font-weight: 600;
  margin-bottom: 10px; }

/*------------------------------------*\
  Search
\*------------------------------------*/
.search {
  margin-top: 35px; }

.search__header {
  overflow: visible;
  padding: 30px 0 50px; }
  @media (min-width: 576px) {
    .search__header {
      min-height: 550px;
      padding-top: 50px; } }
  @media (min-width: 992px) {
    .search__header {
      padding-top: 130px; } }

.search__header-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }

.search__control-groups {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  margin: 0 -10px; }
  @media (min-width: 992px) {
    .search__control-groups {
      flex-wrap: nowrap; } }

.search__control-group {
  flex: 0 1 100%;
  margin: 0 5px; }
  .search__control-group--button {
    padding-bottom: 23px; }
  @media (min-width: 992px) {
    .search__control-group--location {
      flex: 0 1 25%; }
    .search__control-group--date {
      flex: 0 1 35%; }
    .search__control-group--persons {
      flex: 0 1 15%; }
    .search__control-group--button {
      flex: 0 1 25%;
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .search__control-group--date, .search__control-group--location {
      flex: 0 1 35%; }
    .search__control-group--persons {
      flex: 0 1 12%; }
    .search__control-group--button {
      flex: 0 1 18%; } }

.search__control-group--date {
  display: flex;
  align-items: flex-end; }
  .search__control-group--date .form__group:first-of-type {
    margin-right: -1px;
    flex: 0 1 62%; }
  .search__control-group--date .form__group:nth-of-type(2) {
    flex: 0 1 38%; }

.search__range {
  display: flex;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
  align-items: center; }
  .search__range .form__group {
    padding: 0;
    flex: 0 1 100%; }
  .search__range .form__label {
    flex: 0 0 auto; }

.search__range-limit {
  flex: 0 0 auto;
  display: inline-block;
  padding: 0 10px;
  color: #C9C9D8;
  font-weight: 600; }
  .search__range-limit:last-of-type {
    padding-left: 20px;
    min-width: 77px; }

.search-list {
  padding: 60px 0; }
  @media (min-width: 576px) {
    .search-list {
      padding: 90px 0 60px; } }
  @media (min-width: 992px) {
    .search-list {
      padding-top: 120px;
      padding-bottom: 100px; } }

.search-list__items {
  display: grid;
  grid-template-columns: 100%; }
  @media (min-width: 576px) {
    .search-list__items {
      margin: 0 -15px;
      column-gap: 30px;
      grid-template-columns: calc(50% - 30px) calc(50% - 30px); } }
  @media (min-width: 992px) {
    .search-list__items {
      grid-template-columns: calc(33.33% - 30px) calc(33.33% - 30px) calc(33.33% - 30px); } }

.search-list__item {
  position: relative;
  padding-bottom: 30px; }
  @media (min-width: 576px) {
    .search-list__item {
      padding-bottom: 60px; } }
  @media (min-width: 576px) and (max-width: 1199.98px) {
    .search-list__item:nth-of-type(2n) {
      margin-top: -50px; }
    .search-list__item:not(.search-list__item--no-bg):nth-of-type(6n-3):before {
      content: '';
      z-index: -1;
      position: absolute;
      top: 65px;
      left: -15px;
      width: calc(540px + 30px);
      height: 100%;
      background: #F1F1F7;
      border-radius: 15px; } }
  @media (min-width: 576px) and (max-width: 1199.98px) and (min-width: 768px) {
    .search-list__item:not(.search-list__item--no-bg):nth-of-type(6n-3):before {
      width: calc(720px + 50px);
      left: -25px; } }
  @media (min-width: 992px) {
    .search-list__item {
      padding-bottom: 100px; }
      .search-list__item:nth-of-type(3n+1) {
        margin-top: -20px; }
      .search-list__item:nth-of-type(3n+2) {
        transition-delay: .15s;
        margin-top: -50px; }
      .search-list__item:nth-of-type(3n+3) {
        transition-delay: .3s; }
      .search-list__item:not(.search-list__item--no-bg):nth-of-type(9n-5):before {
        content: '';
        z-index: -1;
        position: absolute;
        width: calc(960px + 80px);
        top: 115px;
        left: -40px;
        height: 100%;
        background: #F1F1F7;
        border-radius: 15px; } }
    @media (min-width: 992px) and (min-width: 1200px) {
      .search-list__item:not(.search-list__item--no-bg):nth-of-type(9n-5):before {
        width: calc(1140px + 100px);
        left: -50px; } }

.search-list__image {
  width: 100%;
  box-shadow: 0 0 20px 0 rgba(21, 21, 21, 0.2); }

.search-list__title {
  margin-bottom: 0; }

.search-list__intro {
  font-weight: 300; }
  .search-list__intro p {
    margin-bottom: 15px; }

.search-list__location,
.search-list__status {
  position: relative;
  padding-left: 25px;
  margin-bottom: 11px;
  line-height: 1.25rem; }
  .search-list__location:before,
  .search-list__status:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #3BBF7F;
    font-size: 1.25rem; }

.search-list__status {
  color: #FFBB6F;
  margin-bottom: 19px; }
  .search-list__status:before {
    font-size: 1.125rem; }
  .search-list__status--danger {
    color: #FF656F; }
    .search-list__status--danger:before {
      color: #FF656F;
      font-size: 1rem; }

/*------------------------------------*\
  Form with text
\*------------------------------------*/
.form-with-text {
  position: relative;
  z-index: 2;
  padding: 30px 0; }
  @media (min-width: 768px) {
    .form-with-text {
      padding: 60px 0 140px; } }

.form-with-text__form {
  margin-top: -50px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .form-with-text__form {
      margin-top: -160px;
      margin-bottom: 0; } }

.form-with-text__form-intro {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .form-with-text__form-intro {
      flex-direction: row; } }
  .form-with-text__form-intro img {
    flex: 0 0 auto;
    margin-right: 20px;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      .form-with-text__form-intro img {
        margin-bottom: 0; } }

/*------------------------------------*\
  Visual with form
\*------------------------------------*/
.visual-with-form {
  padding: 30px 0; }
  @media (min-width: 992px) {
    .visual-with-form {
      padding: 100px 0; } }
  .visual-with-form.animate .visual-with-form__message,
  .visual-with-form.animate .visual-with-form__image-wrap {
    animation-name: fade-to-left;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
  .visual-with-form.animate .visual-with-form__form {
    animation-name: fade-to-left;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: 0.135s; }
  @media (min-width: 1200px) {
    .visual-with-form--xl {
      min-height: 660px; } }

.visual-with-form__image-wrap {
  display: none;
  opacity: 0;
  box-shadow: 0 0 40px 0 rgba(255, 101, 111, 0.2); }
  @media (min-width: 768px) {
    .visual-with-form__image-wrap {
      display: block;
      margin-left: -50px;
      width: calc(100% + 50px); } }
  @media (min-width: 992px) {
    .visual-with-form__image-wrap {
      display: block;
      margin-left: -100px;
      width: calc(100% + 100px); } }

.visual-with-form__form {
  position: relative;
  z-index: 2;
  opacity: 0; }

.visual-with-form__message {
  display: none;
  margin-top: 30px;
  opacity: 0; }
  @media (min-width: 768px) {
    .visual-with-form__message {
      margin-top: 0;
      margin-left: -50px;
      width: calc(100% + 50px);
      padding: 40px; } }
  @media (min-width: 992px) {
    .visual-with-form__message {
      padding: 60px 90px 60px 90px;
      margin-left: -100px;
      width: calc(100% + 100px); } }

.visual-with-form__image {
  box-shadow: 0 0 40px 0 rgba(255, 101, 111, 0.2); }

/*------------------------------------*\
  Faq
\*------------------------------------*/
.faq {
  padding: 30px 0;
  overflow: hidden; }
  @media (min-width: 576px) {
    .faq {
      padding: 50px; } }
  @media (min-width: 992px) {
    .faq {
      padding: 100px 0; } }

.faq__item {
  position: absolute;
  top: 0;
  opacity: 0;
  max-height: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(50px);
  transition: 0.27s ease opacity, 0.27s ease visibility, 0.27s ease max-height, 0.27s ease transform; }
  .faq__item--active {
    position: relative;
    opacity: 1;
    max-height: 100%;
    visibility: visible;
    transition-delay: 0.27s;
    pointer-events: initial;
    transform: initial; }

.voucher-page {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  box-shadow: inset 0 5px 5px 0 rgba(62, 49, 88, 0.1);
  max-width: 100vw;
  overflow: hidden; }
  @media (min-width: 992px) {
    .voucher-page {
      flex-wrap: nowrap; } }
  .voucher-page--no-shadow {
    box-shadow: none; }

.voucher-page__sidebar {
  flex: 0 0 100%;
  padding: 30px 15px; }
  .voucher-page__sidebar .visual {
    max-width: 120px; }
  @media (min-width: 768px) {
    .voucher-page__sidebar {
      padding: 30px 15px; }
      .voucher-page__sidebar .visual {
        max-width: 200px; } }
  @media (min-width: 992px) {
    .voucher-page__sidebar {
      padding-top: 40px;
      padding-bottom: 80px;
      padding-left: 70px;
      padding-right: 90px;
      flex: 0 0 37.5%;
      display: flex;
      flex-direction: column; }
      .voucher-page__sidebar .visual {
        max-width: 100%; } }
  @media (min-width: 1200px) {
    .voucher-page__sidebar {
      flex: 0 0 30%; } }

.voucher-page__title {
  font-size: 2rem;
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .voucher-page__title {
      font-size: 3rem;
      margin-bottom: 20px; } }

@media (min-width: 992px) {
  .voucher-page__intro {
    flex: 0 1 100%; } }

.voucher-page__intro h1 {
  margin-bottom: 0; }
  @media (min-width: 768px) {
    .voucher-page__intro h1 {
      margin-bottom: 20px; } }

.voucher-page__body {
  position: relative;
  z-index: 2; }

.voucher-page__right {
  flex: 0 0 100%;
  padding-top: 50px;
  padding-bottom: 150px;
  background: url("/src/guest-v-2/img/blob-purple.jpg") #D6DBD7 no-repeat center bottom;
  background-size: cover; }
  @media (min-width: 992px) {
    .voucher-page__right {
      flex: 0 0 70%; } }
  .voucher-page__right--secondary {
    background: url("/src/guest-v-2/img/blob-orange.jpg") #D6DBD7 no-repeat center bottom;
    background-size: cover; }

@media (min-width: 992px) {
  .voucher-slogan {
    display: flex;
    flex-direction: column;
    height: 100%; } }

@media (min-width: 992px) {
  .voucher-slogan .hint-bottom {
    margin-top: auto; } }

.voucher-page__steps {
  margin-bottom: 30px; }

.voucher-page__form {
  margin: 0 15px; }
  @media (min-width: 992px) {
    .voucher-page__form {
      margin-left: -60px;
      margin-right: 140px; } }

.control-group {
  width: 100%; }
  .control-group:not(.control-group--hidden):not(.control-group--first) {
    animation-name: fade-up;
    animation-duration: .4s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    opacity: 0; }
  .control-group--hidden {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -9000px; }

.control-group__pager {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -5px; }

.control-group__pager-btn-previous [class*="icon"] {
  margin-right: 10px;
  margin-left: -10px; }

.control-group__pager-btn-next [class*="icon"] {
  margin-left: 10px;
  margin-right: -10px; }

.control-group__pager-btn-previous,
.control-group__pager-btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px; }

.grouped-control__container {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px; }

.grouped-control__control {
  flex: 0 1 100%;
  padding: 0 15px; }
  @media (min-width: 768px) {
    .grouped-control__control {
      flex: 0 1 50%; }
      .grouped-control__control--full-width {
        flex: 0 1 100%; } }

.options-thumbnails-preview-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .options-thumbnails-preview-container {
      flex-wrap: nowrap; } }

.options-thumbnails-preview__preview-container {
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .options-thumbnails-preview__preview-container {
      min-width: 270px;
      margin-right: 60px; } }

.preview-img__container img {
  max-width: 270px;
  border: 1px solid #d9d9d9; }

.options-thumbnails-preview__thumbnails-container {
  width: 100%; }

.options-thumbnails-preview__thumbnail-title {
  font-weight: 700;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 26px; }

.preview-img__container--hidden {
  display: none; }

.options-thumbnails-preview__thumbnails-container--inner {
  display: flex; }

.thumbnail-img__container .thumbnail-img {
  border: 1px solid #d9d9d9;
  max-width: 100%; }
  @media (min-width: 768px) {
    .thumbnail-img__container .thumbnail-img {
      max-width: 148px; } }
  @media (min-width: 992px) {
    .thumbnail-img__container .thumbnail-img {
      max-width: 124px; } }

.thumbnail-img__title {
  color: #979797;
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 12px; }

.thumbnail-img__container {
  margin-right: 30px;
  float: left;
  min-height: 255px;
  cursor: pointer; }
  @media (min-width: 992px) {
    .thumbnail-img__container {
      min-height: initial;
      margin-right: 10px; } }
  .thumbnail-img__container--selected .thumbnail-img__title {
    color: #3BBF7F; }
  .thumbnail-img__container--selected .thumbnail-img {
    border: 2px solid #3BBF7F; }

.upload-croppable__img-container {
  width: 100%; }
  .upload-croppable__img-container--hidden {
    left: -10000px;
    position: absolute; }

.voucher-form-overview__personal-data {
  background: #F1F1F7;
  padding: 20px;
  border-radius: 15px;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .voucher-form-overview__personal-data {
      margin-bottom: 0; } }

.personal-data-item {
  margin-top: 12px; }

.personal-data-item__label {
  font-weight: bold;
  color: #3E3158;
  opacity: .4; }

.voucher-form-overview__payment-footer img {
  max-height: 40px; }

.voucher-form-overview__payment-data {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; }

.voucher-form-partial__payment-table-total {
  border-top: 2px solid #F1F1F7; }

.voucher-form-overview__payment-footer {
  margin-top: 30px; }

#container-recipientList .control__repeating-control__list-item {
  position: relative; }

#container-recipientList .control__repeating-control__delete {
  position: absolute;
  left: auto;
  top: 47px;
  right: -30px; }
  @media (min-width: 768px) {
    #container-recipientList .control__repeating-control__delete {
      right: 48%; } }

#voucher-manipulation-invalid-info {
  text-align: center; }

.basic-with-expanded-options__alternative--expanded {
  margin-top: 10px; }

/*------------------------------------*\
  Resto detail
\*------------------------------------*/
.resto-detail__gallery {
  padding: 30px 0 15px; }
  @media (min-width: 576px) {
    .resto-detail__gallery {
      padding: 60px 0 20px; } }
  @media (min-width: 992px) {
    .resto-detail__gallery {
      padding: 75px 0 25px; } }

.resto-detail__reservation {
  position: relative;
  z-index: 2;
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (min-width: 576px) {
    .resto-detail__reservation {
      margin-top: 60px;
      margin-bottom: 60px; } }
  @media (min-width: 992px) {
    .resto-detail__reservation {
      margin-top: -70px;
      margin-bottom: 75px; } }
  .resto-detail__reservation iframe {
    border: none;
    margin: 0 -15px; }

.resto-detail__contact {
  list-style: none;
  padding: 0 0 15px;
  border-bottom: 2px solid #C9C9D8;
  margin-bottom: 30px; }

.rest-detail__contact-link {
  display: inline-flex; }

.resto-detail__contact-item {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px; }
  .resto-detail__contact-item:last-of-type {
    margin-right: 0; }

.resto-detail__contact-icon {
  font-size: 1.1rem; }

.resto-detail__opening-hours {
  display: flex;
  flex-wrap: wrap; }

.resto-detail__opening-hours-day,
.resto-detail__opening-hours-hours {
  flex: 0 1 50%;
  font-size: .94rem; }

.resto-detail__opening-hours-day {
  font-weight: 600; }

.upload-croppable-container {
  position: relative;
  border: 1px solid #e6e6e6;
  overflow: hidden; }
  .upload-croppable-container .upload-croppable__input-container {
    position: relative;
    width: 100%;
    background-color: #e6e6e6;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .upload-croppable-container .upload-croppable__input-content {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0 10%;
    line-height: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    @media (min-width: 768px) {
      .upload-croppable-container .upload-croppable__input-content {
        line-height: 1.5rem;
        padding: 0 30%; } }
    @media (max-width: 1023px) {
      .upload-croppable-container .upload-croppable__input-content {
        font-size: 14px; } }
    @media (min-width: 992px) {
      .upload-croppable-container .upload-croppable__input-content {
        padding: 0 10%; } }
  .upload-croppable-container input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5;
    padding: 0; }
  .upload-croppable-container .upload-croppable-icon-plus {
    background-color: #3BBF7F;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 32px;
    font-weight: bolder;
    margin-bottom: 8px; }
  .upload-croppable-container .upload-croppable__input-btn {
    background-color: white;
    border: 1px solid #C9C9D8;
    color: black; }
  .upload-croppable-container .upload-croppable__btn {
    border: none;
    border-radius: 100px;
    padding: 4px;
    margin: 40px 0 0;
    font-size: 20px;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 290px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .upload-croppable-container .upload-croppable__btn [class^="icon-"]:before {
      color: #555; }
    .upload-croppable-container .upload-croppable__btn__rotate-left {
      left: 80px;
      font-size: 22px; }
    .upload-croppable-container .upload-croppable__btn__rotate-right {
      left: 140px;
      font-size: 22px; }
    .upload-croppable-container .upload-croppable__btn__trash {
      right: 100px;
      background-color: white;
      font-size: 14px; }

.upload--croppable__info-mobile {
  position: absolute;
  left: 50%;
  top: 7px;
  z-index: 1;
  transform: translateX(-50%);
  text-align: center;
  display: none;
  margin-bottom: -15px;
  background: white;
  padding: 10px;
  border-radius: 39px;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17); }
  .upload--croppable__info-mobile i {
    font-size: 25px;
    margin-right: 10px; }
  @media (min-width: 576px) {
    .upload--croppable__info-mobile {
      top: 35px;
      border-radius: 45px; } }
  @media (min-width: 576px) {
    .upload--croppable__info-mobile {
      top: 30px; } }
  @media (hover: none) {
    .upload--croppable__info-mobile {
      display: inline-flex; } }

.viewport {
  box-shadow: 0 0 2000px 2000px rgba(255, 255, 255, 0.5);
  border-color: white; }

.cropme-container {
  overflow: visible; }

/*------------------------------------*\
  Loader
\*------------------------------------*/
.loader-wrap {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(62, 49, 88, 0.4);
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: 0.27s ease opacity, 0.27s ease visibility; }
  .loader-wrap--loading {
    visibility: visible;
    opacity: 1;
    pointer-events: initial; }
  .loader-wrap .loader {
    max-width: 120px; }

.raty img {
  width: 50px;
  height: 48px;
  transition: all .05s ease-in-out; }

/*------------------------------------*\
  Reservation
\*------------------------------------*/
.reservation {
  padding-bottom: 30px; }
  @media (min-width: 576px) {
    .reservation {
      padding-bottom: 60px; } }
  @media (min-width: 992px) {
    .reservation {
      padding-bottom: 75px; } }

.reservation__header {
  padding-bottom: 100px; }

.reservation-detail__buttons {
  margin-bottom: -25px; }
  @media (min-width: 992px) {
    .reservation-detail__buttons {
      margin-bottom: -35px; } }

.reservation__resto {
  padding-top: 15px; }
  @media (min-width: 576px) {
    .reservation__resto {
      padding-top: 40px; } }
  @media (min-width: 992px) {
    .reservation__resto {
      padding-top: 50px; } }

.reservation__img {
  padding: 15px 0; }
  @media (min-width: 576px) {
    .reservation__img {
      padding: 20px 0; } }
  @media (min-width: 992px) {
    .reservation__img {
      padding: 25px 0; } }

.reservation__address {
  margin-bottom: 15px; }
  @media (min-width: 576px) {
    .reservation__address {
      margin-bottom: 20px; } }
  @media (min-width: 992px) {
    .reservation__address {
      margin-bottom: 25px; } }

.reservation__panel {
  position: relative;
  z-index: 2;
  margin-top: -30px;
  margin-bottom: 30px; }
  @media (min-width: 576px) {
    .reservation__panel {
      margin-top: -60px;
      margin-bottom: 60px; } }
  @media (min-width: 992px) {
    .reservation__panel {
      margin-top: -60px; } }

.reservation__map {
  height: 500px; }

.feature__top {
  position: fixed;
  z-index: 3;
  top: 85px;
  width: 100%; }

.feature__nav-wrap {
  overflow: hidden;
  position: relative;
  border-radius: 15px; }

.feature__header {
  padding-top: 120px; }

.feature__nav {
  overflow: auto; }
  .feature__nav--overflow-right:before, .feature__nav--overflow-left:after {
    content: '';
    position: absolute;
    left: -15px;
    right: -15px;
    top: 0;
    height: 100%;
    pointer-events: none;
    z-index: 9; }
  .feature__nav--overflow-right:before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) calc(100% - 100px), white); }
  .feature__nav--overflow-left:after {
    content: '';
    background: linear-gradient(to left, rgba(255, 255, 255, 0) calc(100% - 100px), white); }

.feature__content {
  position: relative;
  z-index: 1;
  padding-bottom: 50px; }
  @media (min-width: 992px) {
    .feature__content {
      padding-bottom: 75px; } }

.control__repeating-control__list .form__group {
  padding-bottom: 6px; }

.clickable-items__selection {
  display: block;
  background: #fff;
  width: 100%;
  padding: var(--form-control-padding);
  border-radius: var(--form-control-border-radius);
  border: 1px solid #C9C9D8;
  font-size: 1.06rem;
  transition: 0.27s ease box-shadow, 0.27s ease color, 0.27s ease border;
  min-height: 50px;
  margin-bottom: 16px; }

.clickable-items__selection__value {
  border: none;
  background: #F1F1F7;
  line-height: 1.75rem;
  padding: 0 5px 0 10px;
  border-radius: 15px;
  margin-top: 2px;
  margin-right: 5px;
  margin-bottom: 2px;
  display: inline-block;
  vertical-align: middle; }
  .clickable-items__selection__value .clickable-item__remove-button {
    border: none;
    margin: -2px 0 0 10px;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    background-color: #9A97A6;
    transition: 0.27s ease background;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    text-transform: none;
    vertical-align: middle; }

.clickable-items__buttons {
  display: flex;
  flex-wrap: wrap;
  margin: -5px; }

.clickable-items__button {
  flex: 1 1 20%;
  margin: 5px;
  text-align: center; }

/*------------------------------------*\
  Cards
\*------------------------------------*/
.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 220px;
  margin-bottom: 40px;
  padding: 36px 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 0 10px #bcbcbc; }
  @media (min-width: 992px) {
    .card {
      min-height: 240px; } }
  @media (min-width: 992px) {
    .card--down, .event-page__attendees > div:nth-child(3n+1), .event-page__attendees > div:nth-child(3n) {
      margin-top: 36px; } }
  .card--high {
    margin-bottom: 0; }
  .card__title {
    font-weight: bold;
    margin-bottom: 0; }
  .card__description {
    text-align: center;
    font-size: 16px;
    line-height: 1.4rem; }
  .card__button {
    margin-top: auto;
    border-radius: 100px; }

.content-block {
  background-color: #fff;
  border-radius: var(--pannel-border-radius);
  overflow: hidden; }

.content-block__top {
  padding: var(--pannel-sm-padding);
  background-color: #FFBB6F;
  color: #fff; }

.content-block__content {
  padding: var(--pannel-sm-padding); }

.event-page__content {
  position: relative;
  z-index: 2;
  padding-top: 40px; }
  @media (min-width: 992px) {
    .event-page__content {
      padding-top: 0;
      margin-top: -170px;
      padding-bottom: 150px; } }

.event-page__attendees > div {
  position: relative; }
  .event-page__attendees > div:nth-child(9n + 7):before {
    content: "";
    z-index: -1;
    position: absolute;
    width: 110%;
    top: 115px;
    left: -5%;
    height: 150%;
    background: #f1f1f7;
    border-radius: 15px; }
    @media (min-width: 992px) {
      .event-page__attendees > div:nth-child(9n + 7):before {
        height: 150%;
        width: 1230px;
        top: 115px;
        left: -30px; } }

.event-page__search {
  opacity: 0;
  padding-bottom: 1em; }

.event-page__search.animate {
  animation: fade-up 0.3s ease forwards; }

.event-page__attendee {
  opacity: 0; }

.event-page__attendee.animate {
  animation: fade-up 0.4s ease forwards; }

.event-page__images {
  padding: 60px;
  opacity: 0; }

.event-page__images.animate {
  animation: fade-up 0.2s ease forwards; }

.event-page__images__image {
  display: flex;
  align-items: center;
  height: 100%;
  margin-bottom: 30px; }
  @media (min-width: 768px) {
    .event-page__images__image {
      padding: 0 20px; } }

.choices--bottom-12 {
  margin-bottom: 12px; }

@media (min-width: 576px) {
  .choices--bottom-12-sm {
    margin-bottom: 12px; } }

.choices--bottom-zero {
  margin-bottom: 0; }

@media (min-width: 576px) {
  .choices--bottom-zero-sm {
    margin-bottom: 0; } }

.width-100 {
  width: 100%; }

.gap-10 {
  gap: 10px; }

.form__group-p-b-zero {
  padding-bottom: 0; }

.p-b-130 {
  padding-bottom: 130px !important; }