@charset "UTF-8";
:root {
  --header-height: 400px;
  --navbar-height: 64px;
  --mobile-screen-width: 768px;
  --infobar-height: 50px;
  --agenda-form-button-height: 46px;
  --agenda-form-button-max-width: 242px;
  --agenda-form-button-border-radius: 23px;
  --agenda-form-button-font-size: 13px;
  --agenda-form-button-line-height: 20px;
}

/** @deprecated: Avoid max-width media query */
/** @deprecated: Avoid max-width media query */
/** @deprecated: Avoid max-width media query */
:root {
  --main-theme-color: #535353;
  --text-color: #535353;
  --back-color: 245, 245, 245;
  --main-color-rgb: 2, 75, 151;
  --main-color: rgb(var(--main-color-rgb));
  --second-main-color-rgb: 0, 138, 76;
  --second-main-color: rgb(var(--second-main-color-rgb));
  --comp-color: 145, 100, 145;
  --main-color-filter: linear-gradient(rgba(var(--main-color-rgb),0.9), rgba(var(--main-color-rgb),0.9));
  --comp-color-filter: linear-gradient(rgba(var(--comp-color),0.9), rgba(var(--comp-color),0.9));
  --promo-background: var(--main-color-filter), var(--promo-back-url);
  --promo-back-url: url("/images/q194/back_promo.jpg");
  --base-page-bg: var(--main-color-filter);
  --text-frame-border-color: rgb(134.6, 134.6, 134.6);
  --backstretch-filter: blur(0px) grayscale(15%);
  --background-image: url("/images/q194/car_engine.jpg");
  --fill-back-gradient: linear-gradient(
                  rgba(var(--back-color),0.2) 5%,
                  rgb(var(--back-color)) 8%,
                  rgb(var(--back-color)) 100%
  );
  --secondary-text-color: rgb(151.8, 151.8, 151.8);
  --inversion-text-color: white;
  --dark-color: #535353;
  --input-frames-color: #C4C4C4;
  --form-error-color: #ff3e40;
  --block-bg-color: #FFF;
  --footer-menu-elements-border-color: rgb(74.7, 74.7, 74.7);
  --footer-frame-bg-color: rgb(134.6, 134.6, 134.6);
  --reservation-frame-color: #F5F5F5;
}
:root.biz-mot {
  --base-page-bg-url: url("/images/car.jpg");
  --base-page-bg: var(--base-page-bg-url);
  --specialites-logo-url: url("/images/q194/controle-technique.svg");
}

body[data-theme=dark] {
  --main-text-color: #fff;
  --secondary-text-color: rgb(151.8, 151.8, 151.8);
  --main-theme-color: #535353;
  --text-frame-border-color: rgb(58.1, 58.1, 58.1);
  --invert-text-frame-border-color: rgb(203.4, 203.4, 203.4);
  --main-color-filter: linear-gradient(rgba(var(--main-color-rgb),0.9), rgba(var(--main-color-rgb),0.9));
}

body {
  color: var(--dark-color);
}
body.centre {
  --main-color-filter: linear-gradient(rgba(var(--main-color-rgb),0.9), rgba(var(--main-color-rgb),0.9));
  --comp-color-filter: linear-gradient(rgba(var(--comp-color),0.9), rgba(var(--comp-color),0.9));
  --promo-background: var(--main-color-filter), var(--promo-back-url);
}

a {
  color: var(--main-color);
}
a:active, a:hover {
  color: var(--main-color);
  text-decoration: none;
}

.info-bar {
  background-color: var(--block-bg-color);
}

.navbar a:not(.dropdown-item):not(.centre-info), .navbar i {
  color: white;
}
.navbar a:not(.dropdown-item):not(.centre-info).back-arrow:active, .navbar a:not(.dropdown-item):not(.centre-info).back-arrow:hover, .navbar i.back-arrow:active, .navbar i.back-arrow:hover {
  color: white;
}
.navbar.sticky-top a:not(.back-arrow), .navbar.sticky-top i, .navbar.top-head-menu a:not(.back-arrow), .navbar.top-head-menu i {
  color: var(--dark-color);
}
.navbar.sticky-top a:not(.back-arrow):hover, .navbar.sticky-top i:hover, .navbar.top-head-menu a:not(.back-arrow):hover, .navbar.top-head-menu i:hover {
  color: #000;
}
.navbar .nav-item .nav-link {
  color: var(--inversion-text-color);
}
@media (max-width: 768px) {
  .navbar .nav-item .nav-link {
    color: #000;
  }
}
.navbar .nav-item .nav-link.top-menu-link {
  color: var(--main-color);
  padding: 10px 18px;
}
.navbar .nav-item .nav-link.top-menu-link i {
  color: var(--main-color);
}
.navbar .nav-item .nav-link.top-menu-link:hover {
  color: var(--main-color);
}
.navbar .nav-item .nav-link.top-menu-link:hover i {
  color: var(--main-color);
}

@media (min-width: 768px) {
  .navbar.navbar-light:not(.sticky-top):not(.top-head-menu) .top-nav-element .nav-link:hover, .navbar.navbar-light:not(.sticky-top):not(.top-head-menu) .top-nav-element .nav-link:focus, .navbar.navbar-light:not(.sticky-top):not(.top-head-menu) .top-nav-element.menu-link:hover, .navbar.navbar-light:not(.sticky-top):not(.top-head-menu) .top-nav-element.menu-link:focus {
    color: var(--inversion-text-color) !important;
  }
}
@media (min-width: 768px) {
  .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:hover .nav-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:hover.menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:focus .nav-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:focus.menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element.active .nav-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element.active.menu-link {
    color: var(--inversion-text-color) !important;
  }
  .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:hover .nav-link .top-menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:hover.menu-link .top-menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:focus .nav-link .top-menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element:focus.menu-link .top-menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element.active .nav-link .top-menu-link, .navbar:not(.sticky-top):not(.top-head-menu) .top-nav-element.active.menu-link .top-menu-link {
    color: var(--main-color) !important;
  }
  .navbar.sticky-top .top-nav-element:hover .nav-link, .navbar.top-head-menu .top-nav-element:hover .nav-link, .navbar.sticky-top .top-nav-element:hover.menu-link, .navbar.top-head-menu .top-nav-element:hover.menu-link, .navbar.sticky-top .top-nav-element:focus .nav-link, .navbar.top-head-menu .top-nav-element:focus .nav-link, .navbar.sticky-top .top-nav-element:focus.menu-link, .navbar.top-head-menu .top-nav-element:focus.menu-link, .navbar.sticky-top .top-nav-element.active .nav-link, .navbar.top-head-menu .top-nav-element.active .nav-link, .navbar.sticky-top .top-nav-element.active.menu-link, .navbar.top-head-menu .top-nav-element.active.menu-link {
    color: var(--text-color) !important;
  }
}
@media (max-width: 768px) {
  .navbar.top-head-menu.show .top-nav-element:hover.nav-item a, .navbar.top-head-menu.show .top-nav-element:focus.nav-item a, .navbar.top-head-menu.show .top-nav-element.active.nav-item a {
    background-color: var(--dark-color) !important;
    color: var(--inversion-text-color) !important;
  }
}
.top-nav-element:hover:after, .top-nav-element:focus:after, .top-nav-element.active:after {
  background: white;
}
.sticky-top .top-nav-element:hover:after, .top-head-menu .top-nav-element:hover:after, .sticky-top .top-nav-element:focus:after, .top-head-menu .top-nav-element:focus:after, .sticky-top .top-nav-element.active:after, .top-head-menu .top-nav-element.active:after {
  background: var(--main-color);
}

.content-layout {
  background-color: var(--reservation-frame-color);
}

.footer-top .footer-list .menu-item a:hover {
  color: var(--inversion-text-color);
}
.footer-top .footer-list .menu-item.active a {
  color: var(--inversion-text-color);
}

.footer-double-level .container .menu-item a:hover, .footer-double-level .container .menu-item a.active {
  text-decoration: underline;
}

.footer-bottom-container .footer-bottom-nav-list .menu-item a:hover, .footer-bottom-container .footer-bottom-nav-list .menu-item a.active {
  text-decoration: underline;
  color: var(--inversion-text-color);
}

.sticky-top .top-menu-link {
  background-color: var(--main-color);
}
.sticky-top .top-menu-link > * {
  color: #fff !important;
}

.backstretch {
  opacity: 0.4;
  background-image: var(--backstretch-image);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  filter: var(--backstretch-filter);
}

.sticky-top,
.top-head-menu {
  box-shadow: 0 1px 10px -5px black;
  background-color: rgb(var(--back-color)) !important;
}

.header-container:after {
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 20px 0 var(--dark-color);
}
.header-container .header-actions .reserve {
  background-color: var(--main-color);
  box-shadow: 0 10px 20px 0 rgba(var(--main-color-rgb), 0.42);
  color: rgb(var(--comp-color));
}

.base-page .desktop-header {
  background: var(--base-page-bg);
}

.carousel-indicators > li {
  border: 1px solid var(--dark-color);
  border-radius: 50%;
}
.carousel-indicators > li.active {
  background-color: var(--dark-color);
}

#home-crumb path {
  fill: var(--main-color);
}

.promo-block:before {
  /* Use CSS Scope to overwrite
  --promo-background: var(--comp-color-filter), var(--promo-back-url);
  */
  background: var(--promo-background);
  background-size: cover, cover;
  background-position: center, left center;
  filter: blur(2px);
}

.section-top:after {
  border-bottom: 2px solid var(--main-color);
}

.group-list-of-centers a:not(.centre-info), .group-list-of-centers i:not(.centre-info) {
  background-color: var(--main-theme-color) !important;
  color: var(--main-text-color) !important;
}
.group-list-of-centers i.fa-map-marker-alt {
  color: var(--secondary-text-color) !important;
}
.group-list-of-centers .full-price {
  color: var(--secondary-text-color);
}
.group-list-of-centers .best-price {
  color: var(--main-text-color);
  background-color: var(--main-color);
}
.group-list-of-centers .centre-info {
  color: var(--text-color);
  font-weight: 400;
}
.group-list-of-centers .centre-info .zone-center-nik {
  color: var(--secondary-text-color);
}
.group-list-of-centers .centre-info .zone-center-price-with-promo {
  color: var(--main-color);
}
.group-list-of-centers .centre-info .zone-center-price {
  color: var(--secondary-text-color);
}

.avis-side-info .card-body p {
  color: #fff;
  font-weight: bolder;
}

.card-body > hr {
  border: 3px solid var(--main-color);
  border-radius: 4px 4px 0 0;
}

:root {
  --font-family: Poppins, sans-serif;
}

body {
  font-family: var(--font-family) !important;
  font-weight: 400 !important;
}

.navbar a {
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.navbar a.back-arrow {
  font-size: 2rem;
}
.navbar a.back-arrow:active, .navbar a.back-arrow:hover {
  font-size: 2.5rem;
}
.navbar a.back-arrow:hover {
  font-size: 3rem;
}
.navbar .active a {
  font-weight: 500;
}

.nosupport {
  font-size: 20px;
  text-align: center;
}

.material-icons {
  font-size: 2rem;
}

.breadcrumb-part {
  font-size: 14px;
}
.breadcrumb-part.material-icons {
  font-size: 20px;
  align-self: baseline;
}

.section-top, .card-title {
  font-size: 22px;
  line-height: 2em;
  font-weight: 700;
}

h2 {
  font-size: 1.375rem;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  font-size: 1rem;
}

h1, h2, h3, h4 {
  font-family: var(--font-family) !important;
}

:root {
  --header-height: 400px;
  --navbar-height: 64px;
  --mobile-screen-width: 768px;
  --infobar-height: 50px;
  --agenda-form-button-height: 46px;
  --agenda-form-button-max-width: 242px;
  --agenda-form-button-border-radius: 23px;
  --agenda-form-button-font-size: 13px;
  --agenda-form-button-line-height: 20px;
}

/** @deprecated: Avoid max-width media query */
/** @deprecated: Avoid max-width media query */
/** @deprecated: Avoid max-width media query */
@keyframes shownav {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
    background-color: rgb(var(--back-color));
  }
}
.navbar-background {
  display: grid;
  width: 100%;
  grid-template-columns: auto auto;
  justify-content: space-between;
  align-items: start;
}
@media (min-width: 1024px) {
  .navbar-background {
    align-items: center;
  }
}
.show .navbar-background {
  height: 100vh;
  grid-template-columns: 1fr;
}

.dropdown-menu {
  padding: 0;
}

.right-nav-elements {
  grid-column: -1;
}
.show .right-nav-elements {
  height: 100%;
  grid-column: 1/-1;
}
@media (min-width: 1024px) {
  .right-nav-elements {
    justify-content: end;
  }
}

body .navbar-q194 .menu-action-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .navbar-q194 .menu-action-container .menu-social-icons-container {
  padding-left: 25px;
  display: none;
}
body .navbar-q194 .menu-action-container .menu-social-icons-container a {
  font-size: 20px;
}
body .navbar-q194 .menu-action-container .menu-social-icons-container a i {
  color: var(--dark-color);
  margin-right: 10px;
}
body .navbar-q194 .menu-action-container .navbar-toggler {
  outline: none;
}
body .navbar-q194 .menu-action-container .navbar-toggler .menu-icon-open {
  display: inline;
}
body .navbar-q194 .menu-action-container .navbar-toggler .menu-icon-close {
  display: none;
}
body .navbar-q194 .menu-contact-container {
  display: none;
}
@media (max-width: 768px) {
  body .navbar-q194.show {
    top: 0;
    padding: 0;
  }
  body .navbar-q194.show .navbar-background .back-button {
    display: none;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  body .navbar-q194.show .navbar-background .right-nav-elements .navbar-collapse .navbar-nav {
    overflow-y: scroll;
    max-height: calc(100vh - 200px);
  }
}
@media (max-width: 768px) {
  body .navbar-q194.show .navbar-background .right-nav-elements .navbar-collapse .navbar-nav .nav-item {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #F5F5F5;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .navbar-collapse .navbar-nav .nav-item:first-child {
    border-top: 1px solid #F5F5F5;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .navbar-collapse .navbar-nav .nav-item a {
    width: 100%;
    color: var(--dark-color);
    text-transform: uppercase;
    font-weight: 500;
    padding: 16px 0;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .navbar-collapse .navbar-nav .mobile-show {
    width: 100%;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-action-container {
    padding: 10px 0;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-action-container .menu-social-icons-container {
    display: flex;
  }
}
@media (max-width: 768px) {
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-action-container .navbar-toggler {
    line-height: 0;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-action-container .navbar-toggler .menu-icon-open {
    display: none;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-action-container .navbar-toggler .menu-icon-close {
    display: inline;
    color: var(--dark-color);
    font-size: 24px;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    grid-template-areas: "dd-top-menu-address dd-top-menu-reserve-btn dd-top-menu-phone";
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .menu-icon-block {
    border-radius: 50%;
    height: 46px;
    width: 46px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    color: rgba(255, 255, 255, 0.7);
    margin: auto;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .menu-icon-block i {
    color: var(--dark-color);
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .menu-address-icon-block {
    grid-area: dd-top-menu-address;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .menu-phone-icon-block {
    grid-area: dd-top-menu-phone;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .reserve-btn {
    grid-area: dd-top-menu-reserve-btn;
    margin: auto;
    width: 158px;
    padding: 11px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--main-color);
    color: var(--inversion-text-color);
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 23px;
    font-weight: 500;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .reserve-btn.groupe {
    width: 200px;
    padding: 15px 0;
  }
  body .navbar-q194.show .navbar-background .right-nav-elements .menu-contact-container .reserve-btn i {
    color: var(--inversion-text-color);
    margin-right: 10px;
    font-size: 20px;
  }
}
body .navbar-q194.sticky-top {
  top: 0;
}
body .navbar-q194.navbar-agenda {
  top: 0;
  box-shadow: 0 1px 10px -5px black;
  background-color: rgb(var(--back-color)) !important;
  padding: 0;
  flex-direction: column;
}
body .navbar-q194.navbar-agenda .navbar-background {
  grid-template-columns: auto auto auto;
  justify-content: space-around;
}
@media (max-width: 768px) {
  body .navbar-q194.navbar-agenda {
    flex-direction: row;
  }
}
body .navbar-q194.navbar-agenda i {
  color: var(--dark-color) !important;
}
body .navbar-q194.navbar-agenda.sticky-top .back-button {
  background: transparent;
}
body .navbar-q194.navbar-agenda.sticky-top .navbar-toggler i {
  color: var(--dark-color) !important;
}
body:not(.page-accueil) .navbar-q194 {
  top: 0;
}

.navbar-brand {
  margin-left: 1rem;
}

.navbar-q194 {
  z-index: 20;
  height: var(--navbar-height);
  padding: 0;
  position: relative;
}
.navbar-q194.sticky-top {
  top: 0;
}
@media (max-width: 768px) {
  .navbar-q194 {
    top: 0;
  }
}
.navbar-q194 .logo-color {
  display: none;
}

.back-button {
  display: grid;
  width: var(--navbar-height);
  height: var(--navbar-height);
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.sticky-top .back-button, body:not(.page-accueil) .back-button {
  background-color: var(--dark-color);
}
.back-button i {
  color: #fff !important;
}

.left-nav-elements, .right-nav-elements {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  align-items: center;
}

.nav-menu {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  align-items: center;
  margin: 0 20px;
  grid-gap: 20px;
}

a.back-arrow {
  transition: font-size ease 0.3s;
}

.logo-home img {
  max-height: calc(var(--navbar-height) - 10px);
}

.sticky-top,
.top-head-menu {
  animation: shownav 0.7s ease;
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky-top .logo-color,
.top-head-menu .logo-color {
  display: initial;
}
.sticky-top .logo-outline,
.top-head-menu .logo-outline {
  display: none;
}

.top-nav-element {
  position: relative;
}
.top-nav-element:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 4px;
  width: 0%;
  left: 50%;
  height: 3px;
  background: none repeat scroll 0 0 transparent;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.sticky-top .top-nav-element:after {
  bottom: 0;
}
.top-nav-element.menu-link {
  cursor: pointer;
}
.top-nav-element.menu-link:after {
  display: none;
}
.top-nav-element:hover:after, .top-nav-element.active:after {
  width: 100%;
  left: 0;
}

.top-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--inversion-text-color);
  border-radius: 22px;
  font-size: 14px;
}

.material-icons {
  cursor: pointer;
  transition: transform 0.5s ease;
}
.material-icons[aria-expanded=true] {
  transform: rotateZ(180deg);
}

/* hide facebook messenger if mobile menu is displayed */
.scroll-lock .fb_dialog_content {
  visibility: hidden;
}

.short-gmo-star {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-rows: auto auto;
}
.short-gmo-star .gmo-rating-description {
  grid-column: 2/span 3;
  font-size: 12px;
  color: var(--secondary-text-color);
}

.gmo-star {
  display: grid;
  grid-template-columns: repeat(5, 20px);
  grid-template-rows: 20px;
  grid-gap: 0 5px;
  font-size: 12px;
}
.gmo-star .fulls {
  background-color: var(--main-color);
}
.gmo-star .half {
  background: linear-gradient(to right, var(--main-color) 50%, var(--secondary-text-color) 50%);
}
.gmo-star .empty {
  background-color: var(--secondary-text-color);
}

.gmo-star-description .star-description {
  display: grid;
  grid-template-columns: 20px 20px auto;
  grid-gap: 10px;
  align-items: center;
}
.gmo-star-description .star {
  background-color: var(--main-color);
  height: 20px;
  font-size: 10px;
}
.gmo-star-description .line {
  height: 5px;
  background: linear-gradient(to right, var(--main-color) 50%, var(--secondary-text-color) 50%);
}

.gmo-action {
  text-align: center;
}
.gmo-action button,
.gmo-action a {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  margin-top: 25px;
  width: 80%;
}

.hide {
  display: none !important;
}

@media (min-width: 500px) {
  body.centre.page-accueil .header-promotion-list {
    display: none;
  }
}
@media (max-width: 840px) {
  body.centre.page-accueil:not(.agenda-has-preselection):not(.selected-agenda) nav:not(.sticky-top) .header-promotion-list {
    display: none;
  }
  body.centre.page-accueil.selected-agenda .navbar {
    top: 0;
    padding: 0px;
    position: fixed;
    width: 100%;
    background-color: var(--inversion-text-color);
    animation: none !important;
  }
  body.centre.page-accueil.selected-agenda .navbar .back-button {
    background: transparent;
    background-color: var(--dark-color);
  }
  body.centre.page-accueil.selected-agenda .navbar .back-button i {
    color: #fff !important;
  }
  body.centre.page-accueil.selected-agenda .navbar .navbar-toggler i {
    color: var(--dark-color) !important;
  }
  body.centre.page-accueil.selected-agenda .header-container {
    display: none;
  }
  body.centre.page-accueil.selected-agenda .header-promotion-list {
    box-shadow: 0 1px 10px -5px black;
  }
  body.centre.page-accueil.selected-agenda .content-layout {
    margin-top: 115px;
  }
  body.centre.page-accueil.selected-agenda .content-layout .tab-label-container {
    display: none;
  }
}

.validation-custom-err-mess {
  color: var(--form-error-color);
}

.biz-garage #form-page .page-short-description-desktop {
  margin-bottom: 0px;
}

.biz-garage #form-page aside.content-form form .form-group {
  margin-bottom: 5px;
}

.biz-garage #form-page aside.content-form form #user_actions .booking {
  justify-content: center;
}

.biz-garage .col-xs-12 {
  padding-right: 30px;
  padding-left: 30px;
}

.biz-mot .form-container-info .form-group label {
  display: none;
}

.biz-mot .form-container-info {
  display: grid;
  grid-template-columns: 1fr;
  padding: 0;
}

@media (min-width: 640px) {
  .biz-mot .form-container-info {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    padding: 50px 0;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
  }
}
.col-xs-12,
.col-xs-3,
.col-xs-4,
.col-xs-5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-12 {
  width: 100%;
}

.fade.in {
  opacity: 1;
  background-color: rgba(83, 83, 83, 0.9);
}

.modal-backdrop {
  z-index: 0;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal-content {
  display: block;
}
.modal-content .modal-header {
  display: block;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
  }
}
.modal-body *, .media-body {
  max-width: 100% !important;
}

button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=checkbox]:disabled {
  pointer-events: none;
  cursor: not-allowed;
}

img {
  max-width: 100%;
}

strong {
  font-weight: bold;
}

.smaller {
  font-size: 0.8em;
}

.mobile-hide {
  display: block;
}
@media (max-width: 768px) {
  .mobile-hide {
    display: none;
  }
}

.mobile-show {
  display: none;
}
@media (max-width: 768px) {
  .mobile-show {
    display: block;
  }
}

.menu-widget {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-areas: "zone-group-centers-description" "group-centers-list" "group-centers-list";
  border-radius: 3px 3px 0 0;
  border-top: 12px solid var(--main-color);
  overflow-y: auto;
  max-height: calc(100vh - 140px);
  padding: 35px 20px;
  font-weight: initial;
}
.menu-widget__header {
  grid-area: zone-group-centers-description;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 27px;
}
.menu-widget__header .text {
  font-size: 14px;
  line-height: 21px;
  width: 184px;
  color: var(--secondary-text-color);
}
.menu-widget__header .link a {
  color: var(--main-color) !important;
}
.menu-widget__header .link a i {
  color: var(--main-color);
  margin-right: 9px;
}
.menu-widget .group-list-of-centers h2 {
  display: none;
}

.btn {
  cursor: pointer;
}

.nosupport {
  text-align: center;
}

.web-page {
  position: relative;
  opacity: 0.05;
  filter: blur(10px);
}
.modal-open .web-page {
  opacity: 0.7;
}

@supports (--css: variables) {
  .web-page {
    opacity: unset;
    filter: none;
  }
  .nosupport {
    display: none;
  }
}
.info-bar {
  display: none;
}
@media (min-width: 1024px) {
  .info-bar {
    display: grid;
    grid-area: head-info-section;
    height: var(--infobar-height);
    grid-auto-flow: column;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-content: end;
    font-size: 13px;
    grid-gap: 30px;
    gap: 30px;
    padding: 0 15px;
  }
  .info-bar i {
    margin-right: 5px;
  }
  .info-bar i.social-icon {
    font-size: 18px;
  }
}

.header-zone {
  position: relative;
  z-index: 15;
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto;
  grid-template-areas: "head-info-section" "head-top-menu" "header-container";
}
@media only screen and (max-width: 1024px) {
  .header-zone {
    position: initial;
  }
}
@media (max-width: 840px) {
  .header-zone {
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    grid-template-areas: "head-top-menu" "header-container";
  }
}
.header-zone .header-promotion-list {
  background-color: var(--inversion-text-color);
  width: 100%;
}

body.page-accueil .header-container, body .header-container {
  height: var(--header-height);
  margin-top: calc(var(--navbar-height) * -1);
}
body:not(.page-accueil) .header-container {
  height: calc(var(--header-height) - 114px);
}
body:not(.page-accueil) .header-container:after {
  height: calc(var(--header-height) - 114px);
}
@media (max-width: 768px) {
  body:not(.page-accueil) .header-container {
    display: none;
  }
}
@media (max-width: 768px) {
  body .menu-item.accueil,
  body .nav-item.accueil {
    display: none;
  }
}

.header-container {
  grid-area: header-container;
  position: relative;
  overflow: hidden;
  z-index: 10;
  min-height: 100vh;
}
@media (min-width: 1024px) {
  .header-container {
    min-height: unset;
  }
}
.header-container:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  background-image: none;
  background-size: cover, cover;
  background-position: center, left center;
  height: 100vh;
}
@media (min-width: 1024px) {
  .header-container:after {
    height: calc(var(--header-height) - 40px);
  }
}
.header-container .cta {
  position: absolute;
  display: grid;
  width: 110px;
  height: 110px;
  bottom: 10px;
  right: 10px;
  z-index: 1;
  padding: 10px;
  border-radius: 50%;
  font-size: 14px;
  align-content: center;
  text-align: center;
  background-color: var(--main-color);
  color: var(--main-text-color) !important;
  border-color: var(--main-text-color);
  cursor: pointer;
}
.header-container .cta:hover {
  border: 4px solid var(--main-color);
  background-color: transparent;
}
.header-container .cta.left {
  left: 10px;
  right: auto;
  background-color: transparent;
  border: 4px solid var(--main-color);
}
.header-container .cta.left:hover {
  background-color: var(--main-color);
}
.header-container .apfr-trigger-promo-code {
  word-wrap: normal;
}
.header-container .wrapper.promo-code.fixed {
  animation: growDown 300ms ease-in-out forwards;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  opacity: 95%;
  z-index: 20;
}
.header-container .wrapper.promo-code.fixed .apfr-trigger-promo-code {
  background-color: var(--main-color);
  border-radius: 40px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  height: 40px;
  left: auto;
  right: auto;
  text-transform: uppercase;
  top: 15px;
  width: 700px;
}
.header-container .wrapper.promo-code.fixed .apfr-trigger-promo-code:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.header-container .wrapper.promo-code.fixed .apfr-trigger-promo-code:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.1);
  }
  100% {
    transform: scaleY(1);
  }
}
.header-container .desktop-header {
  display: none;
}
@media (min-width: 1024px) {
  .header-container .desktop-header {
    display: initial;
  }
}
.header-container .mobile-header {
  display: grid;
  grid-template-rows: auto 7fr 5fr 5fr;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "head-center-rating head-center-rating" "head-info head-info" "head-contact-info head-action" "head-promotions head-promotions";
  margin-top: 64px;
  height: calc(100vh - 64px);
  position: relative;
  z-index: 1;
  background-image: url(/images/q194/crop-long.svg);
  background-repeat: no-repeat;
  background-position: 0 35vh;
  background-size: cover;
}
@media (min-width: 1024px) {
  .header-container .mobile-header {
    display: none;
  }
}
.header-container .mobile-header .cta.left {
  position: relative;
  height: auto;
  padding: 0;
  margin-block: 20px;
  border-width: 3px;
  border-radius: 2em;
}
.header-container .head-center-rating {
  grid-area: head-center-rating;
  display: block;
  padding-top: 25px;
  margin: 0 15px;
  color: var(--inversion-text-color);
  font-size: 16px;
}
.header-container .head-center-rating .center-name {
  padding: 0;
  margin-bottom: 5px;
  font-weight: bold;
}
.header-container .head-center-rating .head-rating-info i {
  color: var(--main-color);
}
.header-container .head-center-rating .head-rating-info .head-rating-count {
  color: var(--text-color);
}
.header-container .head-center-rating .head-rating-info .ratings-link {
  display: block;
  background: white;
  margin-inline: -15px;
  padding-inline: 15px;
}
.header-container .head-info {
  grid-area: head-info;
  align-self: center;
  margin: 0 15px;
}
.header-container .head-info .title {
  font-size: 25px;
  font-weight: bolder;
  color: var(--main-text-color);
  margin-bottom: 15px;
}
.header-container .head-info p {
  color: var(--secondary-text-color);
}
.header-container .head-contact-info {
  grid-area: head-contact-info;
  margin-top: 15px;
}
.header-container .head-contact-info .head-contact-info-icon-block {
  border-radius: 50%;
  height: 46px;
  width: 46px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  margin-left: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.header-container .head-contact-info .head-contact-info-icon-block > * {
  color: rgba(255, 255, 255, 0.7);
}
.header-container .header-actions {
  grid-area: head-action;
  align-self: start;
}
.header-container .header-actions .reserve {
  grid-area: reserve-btn;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
}
.header-container .header-actions .reserve > * {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
}
.header-container .header-promotions {
  grid-area: head-promotions;
  display: flex;
  justify-content: center;
  align-items: start;
}
@media (max-width: 768px) {
  .header-container .header-promotions .carousel-indicators {
    margin-bottom: 15px;
  }
  .header-container .header-promotions .carousel-indicators li {
    height: 10px;
    width: 10px;
  }
  .header-container .header-promotions .carousel-indicators li:not(.active) {
    background-color: transparent;
    border: 1px solid var(--inversion-text-color);
  }
  .header-container .header-promotions .carousel-indicators li.active {
    background-color: var(--inversion-text-color);
    border: 1px solid var(--inversion-text-color);
  }
}

.navbar {
  grid-area: head-top-menu;
  padding: 0;
}
.navbar.sticky-top .menu-widget {
  max-height: calc(100vh - 70px);
}
.navbar.sticky-top, .navbar.top-head-menu {
  background-color: var(--block-bg-color);
}
.navbar-nav {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .navbar.show {
    height: 100vh;
    background-color: var(--inversion-text-color);
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
  }
}
.navbar.show .left-nav-elements {
  display: none;
}
@media (min-width: 1024px) {
  .navbar.show .left-nav-elements {
    display: initial;
  }
}
@media (max-width: 768px) {
  .navbar.show .right-nav-elements {
    align-items: flex-start;
    grid-auto-rows: auto 1fr;
    grid-auto-columns: 1fr;
    grid-template-areas: "nav-button" "nav-menu" "nav-contact";
  }
}
.navbar.show .right-nav-elements .navbar-collapse {
  grid-area: nav-menu;
}
.navbar.show .navbar-toggler {
  grid-area: nav-button;
}
.navbar.show .navbar-toggler i {
  color: rgb(var(--comp-color));
}
.navbar .navbar-brand img {
  max-width: 150px;
  max-height: 50px;
}
.navbar .navbar-toggler {
  border: none;
}

.sticky-top .navbar-brand img {
  filter: none;
}

button {
  height: 46px;
}
button.validation {
  height: 28px;
}

.button {
  border-radius: 25px;
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  height: 46px;
  padding: 0 25px;
  color: #fff;
}
.button:hover {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background-color: #fff;
}

.invert-button {
  border-radius: 25px;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background-color: #fff;
  height: 46px;
  padding: 0 25px;
}
.invert-button:hover {
  border: 1px solid var(--main-color);
  background-color: var(--main-color);
  color: #fff;
}

.form-actions {
  display: grid;
  grid-template-columns: auto auto;
  align-items: start;
  grid-gap: 25px;
}

.recrutement-form .form-control {
  display: inline-flex;
  width: 80%;
}
.recrutement-form .form-control + small {
  display: inline-flex;
  width: 15%;
  margin: 0 5px;
}
.recrutement-form label {
  display: block;
}
.recrutement-form .form-information {
  font-size: 14px;
  color: var(--secondary-text-color);
}

.mobile-header .carousel-indicators > li, .desktop-header .carousel-indicators > li {
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.mobile-header .carousel-indicators > li.active, .desktop-header .carousel-indicators > li.active {
  border: 0;
  height: 10px;
  width: 10px;
}

.desktop-header .carousel-item {
  height: calc(var(--header-height) - 40px);
}
.desktop-header .carousel-item .carousel-caption-title {
  font-size: 2.9vw;
  line-height: 3.5vw;
  font-weight: 600;
}
.desktop-header .carousel-item .carousel-caption-description {
  font-size: 18px;
  line-height: 27px;
}
.desktop-header .carousel-gmo {
  z-index: 1;
  position: relative;
}
.desktop-header .carousel-gmo .gmo-iframe-carousel {
  width: 100%;
  height: 100%;
  display: grid;
}
.desktop-header .carousel-gmo .gmo-iframe-carousel iframe {
  align-self: end;
  padding: 2px 5px 0 5px;
  background: white;
}
.desktop-header .carousel-caption {
  max-height: calc(100% - var(--navbar-height) - var(--infobar-height) + 40px);
  overflow: hidden;
}
body:not(.page-accueil) .desktop-header {
  background-position: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
body:not(.page-accueil) .desktop-header .page-head-title {
  text-align: center;
  color: var(--inversion-text-color);
  font-size: 22px;
  font-weight: bolder;
  margin: auto;
  position: relative;
  padding-top: var(--navbar-height);
  z-index: 10;
}
.desktop-header:has(.gmo-iframe-carousel) .apfr-trigger-promo-code {
  bottom: inherit;
  top: 70px;
}

.mobile-header .promotion-color {
  aspect-ratio: 1/1;
}
.mobile-header .promotion-description h4 {
  margin-bottom: 10px;
}
.mobile-header .carousel-caption {
  display: grid;
  grid-template-columns: 45px auto;
  grid-template-rows: auto;
  padding: 10px;
  text-align: left;
  width: calc(100vw - 80px);
  height: 100px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  gap: 15px;
}
[data-theme=dark] .mobile-header .carousel-caption {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.mobile-header .gmo-iframe-carousel {
  padding: 2px 5px 0 5px;
  background: white;
  margin-left: -15px;
  margin-right: -15px;
}

.mobile-header .carousel-caption.home-slider-caption {
  position: absolute;
  right: 0;
  border: none;
  background-color: rgba(var(--main-color-rgb), 0.5);
  width: 100%;
  overflow: hidden;
  padding: 5px;
  display: grid;
  grid-template-columns: auto;
  justify-content: center;
  align-content: center;
}

.mobile-header .home-slider-caption .carousel-caption-title {
  font-size: 16px;
  line-height: 20px;
}

.mobile-header .home-slider-caption .carousel-caption-description {
  font-size: 13px;
  line-height: 16px;
}

.page-body {
  isolation: isolate;
}
@media (min-width: 768px) {
  .page-body {
    position: relative;
  }
}
@media (max-width: 768px) {
  body:not(.page-accueil) .page-body {
    margin-top: calc(var(--navbar-height) + 30px) !important;
  }
}

.top-clear {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  height: calc(300px + 200px);
  z-index: 5;
}

.backstretch {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.badge {
  color: var(--dark-color);
  background-color: var(--secondary-text-color);
  padding: 0.5em 0.4em;
  border-radius: 1.25rem;
}

.agenda-preselect-container {
  grid-area: agenda-preselect;
  display: none;
}
@media (max-width: 768px) {
  .agenda-preselect-container {
    display: block;
  }
}
.agenda-preselect-container .agenda-preselect-btn {
  border: none;
  color: var(--inversion-text-color);
  background-color: var(--main-color);
  text-transform: uppercase;
  border-radius: var(--agenda-form-button-border-radius);
  font-size: var(--agenda-form-button-font-size);
  line-height: var(--agenda-form-button-line-height);
  height: var(--agenda-form-button-height);
  width: 100%;
  margin-bottom: 10px;
  padding: 24px 0;
  font-weight: 500;
  min-width: 160px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  position: relative;
}

@media (min-width: 768px) {
  .group-list-of-centers.page-center-list {
    display: none;
  }
}
.group-list-of-centers .zone-group {
  margin-bottom: 5px;
}
.group-list-of-centers .zone-group a:not(.centre-info) {
  display: grid;
  grid-template-columns: 15pt auto 15pt;
  grid-template-rows: auto auto;
  height: 50px;
  padding: 15px;
  align-items: center;
  border-radius: 5px 5px 0px 0px;
}
.group-list-of-centers .zone-group a:not(.centre-info)[aria-expanded=true] ~ .zone-group-short-info {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  height: 0;
  padding: 0;
  line-height: 0;
}
.group-list-of-centers .zone-group a.zone-group-short-info {
  display: grid;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  height: 25px;
  border: 1px solid var(--invert-text-frame-border-color);
  border-radius: 0 0 5px 5px;
  padding: 20px 15px 40px 0;
  line-height: 25px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 2fr 1fr;
  background-color: var(--inversion-text-color) !important;
}
.group-list-of-centers .zone-group a.zone-group-short-info .zone-group-logos {
  display: inline-flex;
  align-items: center;
}
.group-list-of-centers .zone-group a.zone-group-short-info .zone-group-logos .badge {
  height: 20px;
}
.group-list-of-centers .zone-group a.zone-group-short-info:not(.with-zone-group-best-price) {
  grid-template-columns: auto;
}
.group-list-of-centers .zone-group a.zone-group-short-info:not(.with-zone-group-best-price) img:nth-child(n+8) {
  display: none;
}
.group-list-of-centers .zone-group a.zone-group-short-info img {
  max-width: 24px;
  display: inline-flex;
  margin: auto 10px;
}
.group-list-of-centers .zone-group a.zone-group-short-info.with-zone-group-best-price img:nth-child(n+5) {
  display: none;
}
.group-list-of-centers .full-price {
  text-decoration: line-through;
  text-align: center;
}
.group-list-of-centers .best-price {
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
}
.group-list-of-centers .centre-info {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-rows: 35px 35px;
  align-items: center;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  line-height: 30px;
  grid-template-areas: "zone-center-logo zone-center-city zone-center-best-prices" "zone-center-logo zone-center-nik zone-center-best-prices";
}
.group-list-of-centers .centre-info:not(.with-promo-price) {
  grid-template-areas: "zone-center-logo zone-center-city zone-center-city" "zone-center-logo zone-center-nik zone-center-nik";
}
.group-list-of-centers .centre-info:not(.with-promo-price) .zone-center-best-prices {
  display: none;
}
.group-list-of-centers .centre-info .zone-center-logo {
  grid-area: zone-center-logo;
  height: 100%;
  display: inline-grid;
  align-items: center;
  border-right: 1px solid #ccc;
}
.group-list-of-centers .centre-info .zone-center-logo img {
  max-width: calc(100% - 10px);
  max-height: calc(100% - 10px);
  margin: auto;
}
.group-list-of-centers .centre-info .zone-center-city {
  grid-area: zone-center-city;
  padding: 0 5px;
  align-self: end;
  line-height: 15px;
}
.group-list-of-centers .centre-info .zone-center-nik {
  grid-area: zone-center-nik;
  font-size: 13px;
  line-height: 13px;
  padding: 0 5px;
  align-self: start;
}
.group-list-of-centers .centre-info .zone-center-best-prices {
  grid-area: zone-center-best-prices;
  font-weight: bolder;
  border-left: 1px solid #ccc;
  height: 100%;
  width: 100%;
  text-align: center;
  margin: auto;
  display: inline-grid;
  align-content: center;
  padding: 0 5px;
}
.group-list-of-centers .centre-info .zone-center-best-prices .zone-center-price-with-promo {
  font-weight: bolder;
}
.group-list-of-centers .centre-info .zone-center-best-prices .zone-center-price {
  text-decoration: line-through;
  font-size: 13px;
  font-weight: normal;
}
.group-list-of-centers .centre-info > * {
  margin: 0;
}

.dd-center-list .group-list-of-centers {
  width: 100%;
}
.dd-center-list .group-list-of-centers .centre-info:first-of-type {
  border-radius: 5px 5px 0 0;
}
@media (min-width: 500px) {
  .dd-center-list .group-list-of-centers {
    width: 400px;
  }
}

.content-layout {
  position: relative;
  z-index: 10;
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  grid-template-rows: auto;
  grid-template-areas: "breadcumb" "main" "group-centers-list" "side" "avis-clients-side" "more" "center-address";
}
@media (min-width: 1024px) {
  .content-layout {
    padding: 50px 20px;
  }
}
@media (min-width: 500px) {
  .content-layout {
    grid-template-areas: "breadcrumb" "top-banner" "main" "side" "more";
  }
  .page-accueil .content-layout {
    grid-template-areas: "top-banner" "main" "side" "more";
  }
}
@media (min-width: 1024px) {
  .content-layout {
    grid-template-columns: 1fr 250px;
    grid-template-areas: "breadcrumb breadcrumb" "top-banner top-banner" "main       side" "more more";
  }
  .page-accueil .content-layout {
    grid-template-areas: "top-banner top-banner" "main       side" "more       more";
  }
}
@media (min-width: 1200px) {
  .content-layout {
    grid-template-columns: 1fr 280px;
  }
}

.nav-crumb {
  grid-area: breadcrumb;
  justify-self: flex-start;
  grid-column: 1;
  grid-row: auto;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  margin-left: 15px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 25px 0;
}
@media (min-width: 1024px) {
  .nav-crumb {
    grid-column: 1/-1;
    border: none;
    padding: 0;
    margin-left: 0;
  }
}

.top-banner {
  grid-area: top-banner;
  grid-row: auto;
}
@media (max-width: 840px) {
  .top-banner {
    display: none;
  }
}

.promo-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-banner.with-quote .promo-block {
  max-width: 756px;
  margin: 0;
  height: auto;
}
.top-banner.with-quote .promo-block .promo-block-content {
  padding: 60px 50px 50px;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .top-banner.with-quote .promo-block .promo-block-content {
    padding: 30px 10px;
    flex-direction: column;
  }
}
.top-banner.with-quote .promo-block .promo-block-content .quote {
  font-size: 89px;
  line-height: 92px;
  color: var(--inversion-text-color);
  margin-right: 30px;
  opacity: 0.3;
}
@media (max-width: 768px) {
  .top-banner.with-quote .promo-block .promo-block-content .offer-label {
    text-align: left;
  }
}
.top-banner .promo-block {
  position: relative;
  max-width: 720px;
  height: 90px;
  margin: 0 auto;
  overflow: hidden;
}
.top-banner .promo-block.page-middle {
  margin: 70px 90px;
}

.promo-block-content {
  position: relative;
  padding: 21px;
  text-align: center;
  color: var(--block-bg-color);
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
}
.promo-block-content p {
  margin-bottom: 0;
}

.content-extra {
  display: grid;
}
.content-extra .card {
  grid-template-rows: 76px auto;
}
.content-extra .card .card-body {
  height: 100%;
}
.content-extra #agendaMainContainer {
  width: 100%;
}

#agendaMainContainer apfr-promotion-list {
  display: none;
}
@media (min-width: 1024px) {
  #agendaMainContainer apfr-promotion-list {
    display: block;
  }
}

.template-q194 .ghost-agenda {
  margin: 40px 0px;
}

.main-content {
  grid-area: main;
  grid-row: auto;
}
.main-content .half-block-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "half-block";
}
@media (min-width: 500px) {
  .main-content .half-block-container {
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "half-block half-block" "half-block half-block";
    margin-top: 16px;
  }
}
.main-content .half-block-container .half-block {
  padding: 35px 15px;
  border-color: rgba(83, 83, 83, 0.15);
  border-width: 0 0 1px 0;
}
@media (min-width: 500px) {
  .main-content .half-block-container .half-block {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0705882353);
    border: 1px solid #ccc;
    padding: 35px;
  }
}
.main-content .half-block-container .half-block .title {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 45px;
  font-weight: 600;
}
.main-content .half-block-container .half-block .description {
  text-align: justify;
}
.main-content .half-block-container .half-block .icon {
  margin-bottom: 20px;
}
.main-content .half-block-container .half-block .description-level-2 {
  display: grid;
  grid-template-columns: 35px auto;
  padding: 10px;
  font-size: 14px;
}
.main-content .half-block-container .half-block .description-level-2 i {
  margin-top: 6px;
  text-align: center;
}
.main-content .half-block-container.liens-utiles .half-block .description {
  display: grid;
  grid-template-columns: 50px auto;
  grid-template-rows: auto;
  align-items: center;
  text-align: left;
}
.main-content .half-block-container.liens-utiles .half-block .description i {
  font-size: 25px;
}
.main-content .outer-block {
  display: block;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-gap: 1em;
  column-gap: 1em;
}
@media (max-width: 768px) {
  .main-content .outer-block {
    display: grid;
    grid-template-columns: auto;
  }
}
.main-content .outer-block .outer-block-item {
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}
@media (max-width: 768px) {
  .main-content .quand-passer-votre-controle-technique .card-body {
    padding-left: 15px;
    padding-right: 15px;
  }
  .main-content .quand-passer-votre-controle-technique .section-top {
    margin-left: 15px;
  }
}
.main-content .quand-passer-votre-controle-technique .title {
  font-weight: bolder;
}
.main-content .quand-passer-votre-controle-technique .card-description {
  padding-bottom: 20px;
}
.main-content .quand-passer-votre-controle-technique .card-description + .card-body {
  padding-top: 0;
}
.main-content .avis-clients-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 15px;
}
.main-content .avis-clients-container .card-rating {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
  margin-bottom: 40px;
}
.main-content .avis-clients-container .card-rating a {
  color: var(--dark-color);
}
.main-content .avis-clients-container .description {
  font-size: 12px;
  color: var(--secondary-text-color);
  margin: 0;
}
.main-content .avis-clients-container .comment {
  margin-top: 30px;
}
.main-content .avis-clients-container + .actions {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-content: center;
  align-items: center;
  grid-gap: 25px;
  margin-top: 30px;
}
.main-content .avis-clients-container + .actions button {
  border: 2px solid var(--text-frame-border-color);
  border-radius: 25px;
  padding: 0 25px;
}
.main-content .block-with-large-image {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0705882353);
  border-radius: 3px;
  background-color: #FFF;
  padding: 39px 39px 9px;
}
.main-content .block-with-large-image .image {
  margin-bottom: 32px;
}
.main-content .block-with-large-image .description {
  font-size: 16px;
  line-height: 25px;
}
.main-content .block-text-without-bg p {
  color: var(--dark-color);
  font-size: 16px;
  line-height: 25px;
}
@media (min-width: 768px) {
  .main-content .tarifs-horaire-card {
    display: none;
  }
}
@media (max-width: 768px) {
  .main-content .tarifs-horaire-card {
    display: block;
  }
  .main-content .tarifs-horaire-card .card-body {
    display: grid;
    grid-template-areas: "tarifs-horaire";
    padding: 0;
  }
  .main-content .tarifs-horaire-card .body {
    display: grid;
    grid-template-columns: 30px auto;
    grid-template-rows: auto auto;
    padding: 20px 0;
  }
  .main-content .tarifs-horaire-card .body:first-of-type {
    border-bottom: 1px solid var(--secondary-text-color);
  }
  .main-content .tarifs-horaire-card .body i {
    grid-row: 1/span 2;
    align-self: end;
    margin-bottom: 10px;
    color: var(--secondary-text-color);
    text-align: center;
  }
  .main-content .tarifs-horaire-card .body p {
    font-size: 25px;
    margin: 0;
  }
  .main-content .tarifs-horaire-card .body p:first-of-type {
    color: var(--secondary-text-color);
  }
  .main-content .tarifs-horaire-card .body p:first-of-type:first-letter {
    text-transform: uppercase;
  }
}
.main-content .card-tarifs {
  display: grid;
  flex: unset;
  gap: 15px;
  grid-template-columns: auto;
  grid-template-areas: "tarifs-list" "tarifs-list" "tarifs-list" "tarifs-action" "tarifs-horaire";
}
@media (min-width: 1024px) {
  .main-content .card-tarifs {
    grid-template-columns: 4fr 2fr;
    grid-template-areas: "tarifs-list tarifs-horaire" "tarifs-list tarifs-horaire" "tarifs-list tarifs-action";
  }
}
.main-content .card-tarifs .services-list {
  grid-area: tarifs-list;
  grid-row: auto;
}
.main-content .card-tarifs .services-list .service-info {
  display: grid;
  grid-template-columns: 4fr 1fr;
  grid-template-rows: auto auto;
  align-content: center;
  padding: 0 15px;
  border: 1px solid var(--reservation-frame-color);
}
.main-content .card-tarifs .services-list .service-info p {
  line-height: 40px;
}
.main-content .card-tarifs .services-list .service-info :last-child {
  text-align: center;
  border-left: 1px solid var(--reservation-frame-color);
}
.main-content .card-tarifs .services-list .service-info:nth-child(even) {
  background-color: var(--reservation-frame-color);
}
.main-content .card-tarifs .services-description {
  margin-top: 25px;
  padding: 0 25px;
  color: var(--secondary-text-color);
  font-size: 14px;
}
.main-content .card-tarifs .horaire {
  grid-area: tarifs-horaire;
  width: 100%;
  grid-row: -1;
  align-self: start;
  border: 1px solid var(--reservation-frame-color);
}
.main-content .card-tarifs .horaire .title {
  background-color: var(--reservation-frame-color);
  text-align: center;
  height: 100px;
}
.main-content .card-tarifs .horaire .title h4 {
  line-height: 100px;
  font-weight: 500;
}
.main-content .card-tarifs .horaire .body {
  font-size: 14px;
  padding: 15px 15px;
}
@media (min-width: 1024px) {
  .main-content .card-tarifs .horaire {
    grid-row: 1/3;
  }
}
.main-content .card-tarifs .tarifs-action {
  grid-area: tarifs-action;
  margin: auto;
}
.main-content .card-tarifs .tarifs-action a {
  display: inline-block;
  line-height: 44px;
}

.second-area {
  grid-area: side;
  grid-row: auto;
  display: grid;
  grid-gap: 40px;
  grid-auto-flow: row;
  grid-auto-rows: max-content;
}

.more-area {
  grid-area: more;
  grid-row: auto;
}

.description {
  color: var(--secondary-text-color);
}

.avis-side-info {
  margin: 50px 0 0 0;
}
.avis-side-info .description {
  width: 80%;
  margin: 25px auto;
}
.avis-side-info .card-body {
  margin: 0 auto;
  width: 215px;
  height: 250px;
  background: var(--base-page-bg);
  background-size: cover, cover;
  background-position: center, left center;
  padding: 0 15px;
  display: grid;
  align-content: center;
}
.avis-side-info .card-body p {
  text-align: center;
}

.specialites .specialites-logo {
  background: var(--specialites-logo-url) center center no-repeat;
  width: 100px;
  height: 100px;
  margin: auto;
}

#home-crumb {
  height: 18px;
  padding-bottom: 2px;
}

iframe#planning {
  width: 100%;
  height: 900px;
}

h2.card-title, h2.section-top {
  position: relative;
  margin-left: 15px;
  margin-bottom: 2rem;
  color: var(--dark-color);
}
h2.card-title:after, h2.section-top:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  border-bottom: 2px solid var(--main-color);
}

.centre-info:first-child {
  border-top: 1px solid #ccc;
}
.show > .centre-info:first-child {
  border-top: none;
}

.section-top-dropdown {
  display: inline-flex;
  align-items: center;
}

.card-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
}

.collapsed-card [data-toggle], .card-toggle {
  cursor: pointer;
}

.card .card-header {
  position: relative;
  height: 116px;
  overflow: hidden;
  border: none;
  color: #FFF;
  padding: 35px 50px;
}
.card .card-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--promo-background);
  background-size: cover, cover;
  background-position: center, left center;
  filter: blur(2px);
}
.card .card-header .section-top {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 8px;
  line-height: 1rem;
}
.card .card-header .section-top:after {
  display: none;
}
.card .card-header .title {
  position: relative;
  font-size: 18px;
  font-weight: 800;
}
.card .card-header .date {
  position: relative;
  font-size: 12px;
}
.card .card-body {
  background-color: #FFF;
  font-size: 16px;
}
.card .card-body > hr {
  padding: 0;
  margin: 20px;
}
.card .card-body.description {
  border-top: 1px solid var(--invert-text-frame-border-color);
  font-size: 14px;
}
.card .card-body.gmo-card-body {
  padding: 43px 50px 20px 50px;
}
.card .card-body.gmo-card-body .ratings-summary {
  border: none !important;
}
.card.professinnels .card-body {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-gap: 25px;
  padding: 43px 0;
}
.card.professinnels .card-body p {
  text-align: center;
  background-color: var(--input-frames-color);
  height: 50px;
  line-height: 50px;
  font-weight: bolder;
  margin-top: 15px;
  margin-left: 50px;
}
.card.professinnels .card-body form {
  margin-right: 50px;
}
.card.professinnels .card-body .professinnel-form-bottom {
  border-top: 1px solid #ccc;
  grid-column: 1/span 2;
  padding-top: 43px;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-gap: 25px;
  text-align: left;
}
.card.professinnels .card-body .professinnel-form-bottom :first-child {
  text-align: right;
}
.card .center-agenda-type {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-rows: auto auto;
  padding: 45px;
  margin-top: 25px;
  align-items: center;
  border: 1px solid var(--invert-text-frame-border-color);
}
.card .center-agenda-type :last-child {
  margin-top: 15px;
  font-size: 14px;
  grid-column: 1/span 3;
}
.card .center-agenda-type i {
  text-align: end;
  font-size: 14px;
  color: var(--dark-color);
}
.card .center-agenda-type .type-icon {
  height: 80px;
  width: 100%;
}
.card .center-agenda-type.controle-techenique .type-icon {
  background: url("../assets/images/controle-technique.svg") center center no-repeat;
}
.card .center-agenda-type.poluation .type-icon {
  background: url("../assets/images/poluation.svg") center center no-repeat;
}

.before-block-border {
  border-top: 10px solid var(--main-color);
  border-radius: 5px 5px 0 0;
}

.after-block-border {
  border-top: 10px solid var(--main-color);
  border-radius: 0 0 5px 5px;
}

.center-address {
  grid-area: center-address;
}
@media (min-width: 768px) {
  .content-layout .center-address.page-center-address {
    display: none;
  }
}
.center-address .center-address-collapse {
  display: inline-flex;
  font-size: 15px;
  margin-left: 15px;
  color: var(--text-color);
}
.center-address .center-address-collapse .fa-chevron-down {
  display: none;
}
.center-address .center-address-collapse.collapsed .fa-chevron-up {
  display: none;
}
.center-address .center-address-collapse.collapsed .fa-chevron-down {
  display: inline-block;
}
.center-address.page-center-address {
  margin-top: 50px;
}
.center-address.page-center-address h2,
.center-address.page-center-address .before-block-border,
.center-address.page-center-address .after-block-border {
  display: none;
}
.center-address.page-center-address .card-body {
  padding: 25px;
}
.center-address.page-center-address .card-body.card-map {
  border: none;
  text-align: center;
  padding: 0 0 25px 0;
}
.center-address.page-center-address .card-body.card-map img {
  width: 100vw;
}
.center-address.page-center-address .card-body.gmo-card-body {
  border-bottom: 1px solid var(--invert-text-frame-border-color);
}
@media (max-width: 768px) {
  .center-address.page-center-address .menu-widget {
    width: 100%;
    padding: 30px 10px;
    height: 100%;
    max-height: none;
  }
  .center-address.page-center-address .menu-widget .group-list-of-centers {
    display: block !important;
  }
  .center-address.page-center-address .menu-widget .group-list-of-centers .centre-info:first-child {
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #ccc;
  }
}
.center-address .card-body.card-map {
  padding: 0;
  text-align: center;
}
.center-address .card-body.card-address .n-agrrement {
  color: var(--secondary-text-color);
  font-size: 12px;
}
.center-address .card-body.card-address .center-address-phone {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 4fr;
  grid-gap: 15px 0;
}
.center-address .card-body.card-address .center-address-phone i {
  font-size: 12px;
  color: var(--main-color);
}
.center-address .card-body.card-address .center-address-phone span {
  font-size: 14px;
}
.center-address .card-body.gmo-card-body {
  border-top: 1px solid var(--invert-text-frame-border-color);
}

@media (min-width: 1024px) {
  .toggle-card + .card {
    margin-top: -40px;
  }
}

@media (min-width: 1024px) {
  .fixed-content.toggle-card + .card {
    margin-top: auto;
  }
}

.toggle-card .collapse.show {
  margin-bottom: 40px;
}

.fixed-content.toggle-card .collapse.show {
  margin-bottom: auto;
}

.footer-container {
  position: relative;
  z-index: 10;
  background-color: var(--dark-color);
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: auto;
  grid-template-areas: "footer-double-level" "footer-main-content" "footer-copyright-area";
}

.footer-double-level {
  background-color: #fff;
}
.footer-double-level .container {
  display: grid;
  grid-area: footer-double-level;
  grid-template-rows: auto;
  min-height: 144px;
  align-content: center;
  grid-gap: 0 15px;
}
@media (min-width: 768px) {
  .footer-double-level .container {
    grid-template-columns: 2fr 4fr 2fr;
  }
}
.footer-double-level .container .logo {
  align-items: center;
  margin: auto;
}
.footer-double-level .container .logo img {
  max-height: 144px;
}
.footer-double-level .container h4 {
  text-align: center;
}
.footer-double-level .container .footer-center-name {
  align-self: center;
}
.footer-double-level .container .footer-nav-list {
  align-self: center;
}
.footer-double-level .container .menu-item {
  font-size: 14px;
  display: inline-flex;
  margin-right: 15px;
}

.fb_banner {
  grid-column: 2/-1;
  text-align: center;
}

.footer-top {
  grid-area: footer-main-content;
  display: grid;
  padding: 40px 0 0 0;
  grid-gap: 10px;
  grid-template-columns: 1fr 2fr 1fr;
  justify-content: space-between;
  grid-template-rows: 1fr;
  grid-template-areas: "footer-top-col-left footer-top-col footer-top-col-right";
}
.footer-top__left {
  align-content: start;
}
@media (min-width: 768px) {
  .footer-top__left {
    position: relative;
    padding-right: 33.3%;
  }
}
.footer-top__left .logo img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .footer-top {
    display: none;
    grid-template-columns: auto;
    grid-template-areas: "footer-top-col-left" "footer-top-col" "footer-top-col-right";
  }
}
.footer-top .footer-brand {
  display: grid;
  grid-template-columns: auto auto auto;
}
.footer-top .footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-top .footer-list .menu-item {
  font-size: 13px;
  line-height: 17px;
  border-bottom: 1px solid var(--footer-menu-elements-border-color);
  padding: 15px 0 10px;
}
.footer-top .footer-list .menu-item a {
  color: var(--secondary-text-color);
}
.footer-top .brand-container {
  margin-bottom: 30px;
}
.footer-top .brand-container h4 {
  color: #FFF;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
}
.footer-top .brand-container .brand-list {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
.footer-top .brand-container .brand-list .menu-item {
  border: none;
  font-size: 13px;
  line-height: 28px;
}
.footer-top .brand-container .brand-list .menu-item a {
  color: var(--secondary-text-color);
}
.footer-top .brand-container .brand-list .menu-item a:hover {
  color: var(--inversion-text-color);
}
.footer-top .footer-btn {
  box-shadow: 0 16px 16px rgba(0, 0, 0, 0.1607843137);
  border-radius: 23px;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  padding: 14px 38px;
}

.footer-bottom-container {
  min-height: 78px;
  border-top: 1px solid var(--footer-frame-bg-color);
  padding: 15px 0;
}
.footer-bottom-container .footer-bottom {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  align-items: center;
  flex-direction: column;
  grid-template-areas: "footer-copyright footer-menu";
}
@media (min-width: 768px) {
  .footer-bottom-container .footer-bottom {
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .footer-bottom-container .footer-bottom {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "footer-menu" "footer-socials" "footer-copyright";
  }
}
.footer-bottom-container .footer-bottom-brand {
  grid-area: footer-copyright;
  font-size: 12px;
  line-height: 18px;
  color: #FFF;
  text-align: center;
}
.footer-bottom-container .footer-bottom-brand .title {
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.3;
  margin-bottom: 1px;
}
.footer-bottom-container .footer-bottom-brand .description {
  font-weight: 400;
  opacity: 0.1;
}
@media (max-width: 768px) {
  .footer-bottom-container .footer-bottom-brand .description {
    margin-bottom: 0;
  }
}
.footer-bottom-container .mobile-footer-socials {
  grid-area: footer-socials;
  text-align: center;
  padding: 25px 0;
  margin: 25px 0;
  border-top: 1px solid var(--text-frame-border-color);
}
@media (max-width: 768px) {
  .footer-bottom-container .mobile-footer-socials {
    margin: 5px 0;
  }
}
.footer-bottom-container .mobile-footer-socials a {
  color: var(--inversion-text-color);
  font-size: 24pt;
  margin-left: 15px;
}
@media (max-width: 768px) {
  .footer-bottom-container .mobile-footer-socials a {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .footer-bottom-container .mobile-footer-socials {
    display: none;
  }
}

.card-visualmap {
  display: none;
}
@media (min-width: 500px) {
  .card-visualmap {
    display: unset;
  }
}

.page-center-list {
  padding: 0 15px;
}

@media (max-width: 768px) {
  body.page-eviter .header-container {
    display: none;
  }
}
@media (max-width: 768px) {
  body.page-eviter .content-layout {
    margin: 10px 0 0;
    grid-template-rows: 1fr;
  }
  body.page-eviter .content-layout .top-banner {
    display: block;
  }
  body.page-eviter .content-layout .top-banner .promo-block.page-middle {
    display: none;
  }
  body.page-eviter .content-layout .main-content {
    display: block;
  }
}
body.page-avis-clients .avis-clients-side {
  grid-area: avis-clients-side;
}
body.page-avis-clients .nav-crumb .breadcrumb-part.active .breadcrumb-mobile-title {
  display: none;
}
@media (max-width: 768px) {
  body.page-avis-clients .header-container {
    display: none;
  }
}
body.page-avis-clients .content-layout .avis-clients-side {
  display: none;
}
body.page-avis-clients .content-layout .side-area .avis-clients-side {
  display: block;
}
body.page-avis-clients .content-layout .side-area .avis-clients-side .gmo-globall-reco {
  display: none;
}
@media (max-width: 768px) {
  body.page-avis-clients .content-layout {
    margin: 20px 0 0;
    grid-template-rows: 1fr;
  }
  body.page-avis-clients .content-layout .nav-crumb .breadcrumb-part.active .breadcrumb-page-title {
    display: none;
  }
  body.page-avis-clients .content-layout .nav-crumb .breadcrumb-part.active .breadcrumb-mobile-title {
    display: inline;
  }
  body.page-avis-clients .content-layout .avis-clients-side {
    display: block;
    margin-bottom: 50px;
  }
  body.page-avis-clients .content-layout .avis-clients-side .gmo-action {
    display: none;
  }
  body.page-avis-clients .content-layout .avis-clients-side .gmo-globall-reco {
    display: grid;
    grid-template-columns: 50px auto;
    grid-template-rows: auto;
    margin-top: 15px;
  }
  body.page-avis-clients .content-layout .avis-clients-side .gmo-globall-reco i {
    font-size: 45px;
    align-items: center;
    text-align: center;
  }
  body.page-avis-clients .content-layout .avis-clients-side .gmo-globall-reco .label {
    color: var(--main-color);
  }
  body.page-avis-clients .content-layout .main-content {
    display: block;
  }
  body.page-avis-clients .content-layout .main-content .section-top {
    display: none;
  }
  body.page-avis-clients .content-layout .main-content .avis-clients-container {
    grid-template-columns: auto;
    grid-gap: 0;
  }
  body.page-avis-clients .content-layout .main-content .avis-clients-container .card-body {
    padding: 25px 10px;
  }
  body.page-avis-clients .content-layout .main-content .avis-clients-container .card-body h3 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
  }
  body.page-avis-clients .content-layout .main-content .avis-clients-container + .actions {
    grid-template-columns: auto;
  }
  body.page-avis-clients .content-layout .main-content .avis-clients-container + .actions button {
    text-transform: uppercase;
    padding: 0 45px;
    border-width: 1px;
    background-color: transparent;
  }
  body.page-avis-clients .content-layout .main-content .avis-clients-container + .actions a {
    text-align: center;
    text-decoration: underline;
  }
  body.page-avis-clients .content-layout .main-content .mobile-main-bottom {
    margin-top: 40px;
    border-top: 1px solid #C4C4C4;
    display: block;
    padding: 40px;
    font-size: 14px;
    line-height: 25px;
  }
  body.page-avis-clients .content-layout .main-content .mobile-main-bottom a {
    color: var(--main-color);
  }
  body.page-avis-clients .content-layout .side-area .card .card-body.gmo-card-body {
    padding: 20px 20px 35px;
    box-shadow: 0 5px 6px -7px black;
  }
  body.page-avis-clients .content-layout .side-area .card .card-body.gmo-card-body .short-gmo-star .gmo-star {
    align-self: center;
  }
  body.page-avis-clients .content-layout .side-area .card .card-body.gmo-card-body .short-gmo-star .main-rating {
    font-size: 32px;
    line-height: 48px;
  }
  body.page-avis-clients .content-layout .side-area .card .card-body.gmo-card-body .short-gmo-star .gmo-rating-description {
    font-size: 14px;
    margin-top: 40px;
    grid-column: 1/span 3;
    text-align: center;
  }
  body.page-avis-clients .content-layout .side-area .avis-side-info {
    display: none;
  }
}
body.page-avis-clients .content-layout .mobile-main-bottom {
  display: none;
}
body.page-contact .invalid {
  color: red;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  body.page-contact .recrutement-form .form-control {
    width: 100%;
  }
  body.page-contact .form-actions {
    grid-template-columns: auto;
  }
  body.page-contact .card.contact-form .card-body {
    padding: 43px 15px;
  }
}

.page-localisation .main-content {
  grid-column: 1/-1;
}

#map_canvas {
  height: 65vh;
  width: 100%;
}
.hide-map #map_canvas {
  display: none;
}

body {
  --main-color: rgb(var(--main-color-rgb));
}
body.autosecuritas {
  --main-color-rgb: 20, 86, 172;
}
body.securitest {
  --main-color-rgb: 3, 109, 44;
}
body.autosecurite {
  --main-color-rgb: 0, 100, 165;
}
body.autosur {
  --main-color-rgb: 0, 49, 156;
}
body.norisko {
  --main-color-rgb: 246, 242, 23;
}
body.autovision {
  --main-color-rgb: 2, 70, 145;
}
body.autocontrol {
  --main-color-rgb: 221, 1, 31;
}
body.dekra {
  --main-color-rgb: 0, 125, 64;
}
body.independant {
  --main-color-rgb: 225, 36, 28;
}

.scroll-lock {
  overflow: hidden;
}

.main-color {
  color: var(--main-color);
}

.list-icon {
  font-size: 1.5em;
  cursor: default;
}

.collapse-icon {
  display: inline-block;
  margin-left: 15px;
}

.toggle-card h2 + * {
  border-top: 8px solid var(--main-color);
  border-radius: 6px 6px 0 0;
}

.social-user {
  display: grid;
  grid-auto-flow: column;
  gap: 5px;
}

.access-info {
  display: grid;
  grid-gap: 10px;
}

.block-with-icon {
  display: grid;
  grid-gap: 10px 15px;
  grid-template-columns: 24px 1fr;
  grid-template-rows: minmax(28px, auto);
}

@media (min-width: 1024px) {
  .page-body {
    width: calc(100% - 20px);
    margin: -40px auto 0;
  }
}
@media (min-width: 1024px) {
  .page-body {
    max-width: 1200px;
  }
}

textarea {
  width: 100%;
  max-width: 100%;
}

.footer-bottom-nav {
  grid-area: footer-menu;
  padding: 15px;
}

.footer-bottom-nav-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  grid-gap: 15px;
  gap: 15px;
  grid-auto-flow: row;
  padding: 0;
  padding-right: 15px;
}
.footer-bottom-nav-list a {
  white-space: nowrap;
}

.menu-item {
  color: #FFF;
  font-size: 12px;
  line-height: 18px;
}
.menu-item a {
  color: var(--secondary-text-color);
}

.card-mentions-legales {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 15px;
  gap: 15px;
  padding: 0 15px;
}
@media (min-width: 1024px) {
  .card-mentions-legales {
    padding: 0;
  }
}

.info-block {
  border: 1px solid gray;
  padding: 15px;
}

.info-block-title {
  font-weight: 500;
  margin-bottom: 15px;
}

.slide-img {
  width: 100%;
  height: inherit;
  object-fit: cover;
  object-position: left center;
}

.card-access .collapse-icon {
  display: none;
}
@media (min-width: 1024px) {
  .card-access .collapse-icon {
    display: initial;
  }
}
.card-access .collapse:not(.show) {
  display: initial;
}
@media (min-width: 1024px) {
  .card-access .collapse:not(.show) {
    display: none;
  }
}

.card-relance .invalid {
  background-color: rgba(var(--main-color-rgb), 0.1);
  padding: 5px;
  margin-bottom: 15px;
}
.card-relance .relance-intro {
  padding: 0 10px;
}
.card-relance form {
  background: white;
  padding: 15px;
}
.card-relance form > p {
  font-weight: bold;
}
.card-relance form > div {
  display: grid;
  grid-auto-flow: row;
}
.card-relance form .form-submit {
  background-color: var(--main-color);
}

.auto-moto-selector {
  display: none;
}
@media (min-width: 768px) {
  .auto-moto-selector {
    display: grid;
    gap: 1em;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    padding-block: 15px;
  }
  .auto-moto-selector .selector {
    --agenda-btn-color: var(--agenda-btn-primary-active-bg-color, #FFF);
    --agenda-btn-border-color: var(--agenda-btn-primary-active-bg-color);
    height: auto !important;
    padding: 5px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
    justify-content: space-evenly;
    border: 1px solid var(--agenda-btn-border-color) !important;
    border-radius: 4px;
    color: var(--agenda-btn-color) !important;
    background-color: var(--agenda-btn-bg-color) !important;
    text-transform: uppercase;
    text-wrap: balance;
  }
  .auto-moto-selector .selector.active {
    --agenda-btn-color: var(--agenda-btn-primary-active-text-color);
    --agenda-btn-bg-color: var(--agenda-btn-primary-active-bg-color);
    --agenda-btn-border-color: var(--agenda-btn-primary-active-bg-color);
  }
  .auto-moto-selector .selector > svg {
    height: 2.5em;
  }
  .auto-moto-selector .selector-moto svg {
    stroke: var(--agenda-btn-primary-active-bg-color);
  }
  .auto-moto-selector .selector-moto.active svg {
    stroke: #C7C7C7;
  }
  .auto-moto-selector .selector-moto:hover svg {
    transition: 600ms all ease;
    translate: 40%;
    rotate: -30deg;
  }
}

.mobile-header .header-actions.with-moto {
  display: grid;
}
.mobile-header .header-actions.with-moto a#reserveButton {
  cursor: pointer;
}
.mobile-header .header-actions.with-moto a#reserveButton.resource-default {
  justify-self: center;
}
.mobile-header .header-actions.with-moto a#reserveButton.resource-moto {
  scale: 0.8;
  translate: -30% -25%;
}

/* ==============  animations  ================ */
:root {
  --radius: 5px;
  --wide-radius: 15px;
}

@keyframes bouncing-y-keyframe {
  0% {
    transform: translateY(-var(--radius));
  }
  50% {
    transform: translateY(var(--radius));
  }
  100% {
    transform: translateY(-var(--radius));
  }
}
@keyframes bouncing-x-keyframe {
  0% {
    transform: translateX(-var(--radius));
  }
  50% {
    transform: translateX(var(--radius));
  }
  100% {
    transform: translateX(-var(--radius));
  }
}
@keyframes bouncing-y-keyframe-wide {
  0% {
    transform: translateY(-var(--wide-radius));
  }
  50% {
    transform: translateY(var(--wide-radius));
  }
  100% {
    transform: translateY(-var(--wide-radius));
  }
}
@keyframes bouncing-x-keyframe-wide {
  0% {
    transform: translateX(-var(--wide-radius));
  }
  50% {
    transform: translateX(var(--wide-radius));
  }
  100% {
    transform: translateX(-var(--wide-radius));
  }
}
.bouncing-x-wide {
  animation: bouncing-x-keyframe-wide 1s infinite linear;
}

.bouncing-y-wide {
  animation: bouncing-y-keyframe-wide 1s infinite linear;
}

.bouncing-x {
  animation: bouncing-x-keyframe 1s infinite linear;
}

.bouncing-y {
  animation: bouncing-y-keyframe 1s infinite linear;
}

.bouncing-x-fast {
  animation: bouncing-x-keyframe 0.5s infinite linear;
}

.bouncing-y-fast {
  animation: bouncing-y-keyframe 0.5s infinite linear;
}

.bouncing-x-fast-wide {
  animation: bouncing-x-keyframe-wide 0.75s infinite linear;
}

.bouncing-y-fast-wide {
  animation: bouncing-y-keyframe-wide 0.75ss infinite linear;
}

.remove {
  display: none;
}

.extends-hover-text {
  display: none;
}

.extends-hover:hover .extends-hover-text {
  display: block;
}

.extends-hover:hover .extends-hover-icon {
  display: none;
}

@keyframes attention-button-keyframe {
  0% {
    transform: translateX(var(--wide-radius));
  }
  10% {
    transform: translateX(-var(--wide-radius));
  }
  20% {
    transform: translateX(var(--wide-radius));
  }
  30% {
    transform: translateX(-var(--wide-radius));
  }
  40% {
    transform: translateX(var(--wide-radius));
  }
  50% {
    transform: translateX(-var(--wide-radius));
  }
  90% {
    transform: translateX(-var(--wide-radius));
  }
  100% {
    transform: translateX(var(--wide-radius));
  }
}
.attention-button {
  animation: attention-button-keyframe 2.5s infinite linear;
}

/*========== auto-moto mobile animations =========*/
@media (max-width: 768px) {
  .mobile-header .header-actions.with-moto a#reserveButton.resource-default,
  .mobile-header .header-actions.with-moto a#reserveButton.resource-moto {
    transition: all 0.4s;
  }
  .mobile-header .header-actions.with-moto a#reserveButton.fixed-button {
    position: fixed;
    bottom: 3rem;
    translate: none;
  }
  .mobile-header .header-actions.with-moto a#reserveButton.fixed-button.fixed-button-left {
    animation: fixed-button-left 0.3s;
    animation-fill-mode: forwards;
  }
  .mobile-header .header-actions.with-moto a#reserveButton.fixed-button.fixed-button-right {
    animation: fixed-button-right 0.3s;
    animation-fill-mode: forwards;
  }
  @keyframes fixed-button-left {
    from {
      position: fixed;
      bottom: 100vh;
      left: 50vw;
    }
    to {
      position: fixed;
      bottom: 10rem;
      translate: none;
      left: 1rem;
    }
  }
  @keyframes fixed-button-right {
    from {
      position: fixed;
      bottom: 100vh;
      right: 50vw;
    }
    to {
      position: fixed;
      bottom: 10rem;
      translate: none;
      right: 1rem;
    }
  }
}
/* MAP */
@media only screen and (max-width: 768px) {
  #map-content {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  #search-bar {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.map-content {
  background: white;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.column-2-map {
  max-width: 1140px;
  margin: auto;
  display: grid;
  grid-template-columns: auto 440px;
  gap: 10px;
}
@media only screen and (max-width: 1200px) {
  .column-2-map {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1140px) {
  .column-2-map {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .column-2-map {
    width: 100%; /* Ensure responsiveness */
  }
}

.center-listing {
  margin: 0 !important;
}

.center-listing li {
  padding: 0 !important;
  margin-bottom: 10px;
  margin-left: 4px;
}

.center-listing li::before {
  content: none !important;
}

.center-listing li .center-item-container {
  display: grid;
  background-color: white;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  padding: 15px;
  height: 100px;
  max-width: 450px;
  min-width: 345px;
  margin: auto;
  align-items: center;
  cursor: pointer;
}

.dropdown .center-item-container {
  width: 100%;
}

@media only screen and (max-width: 450px) {
  .center-listing li .center-item-container {
    min-width: inherit;
  }
}
/*
.center-listing li a:hover {
  background-color: #f1f1f1;
  color: rgb(var(--main-color-rgb));
}
*/
.center-listing .center-item {
  display: grid;
  grid-template-columns: 50px 1fr 40px auto;
  gap: 5px;
  align-items: center;
}

.center-listing .center-content {
  display: grid;
  grid-template-columns: 1fr auto;
  text-align: left;
}

.center-listing .rdv-icons {
  padding: 0 4px;
}

.center-details {
  transition: all 0.3s ease;
  display: none;
  grid-template-columns: auto 150px;
  gap: 5px;
}
.center-details .details-info {
  text-align: left;
}
.center-details .details-info p {
  font-size: 12px;
  margin: 0;
  text-align: left;
  padding: 0;
  text-transform: none;
  background: inherit;
}
.center-details .details-info p:hover {
  color: #777;
  cursor: inherit;
}
.center-details .details-info a {
  font-size: 14px;
  display: inline-block;
  padding: 0 0 2px 0;
  text-align: left;
  background: inherit;
}
.center-details .button-wrap {
  padding: 0;
  margin: 0;
  background: none;
  display: block;
}
.center-details .button-wrap a {
  margin: 0;
  padding: 0;
}
.center-details .button-wrap .rdv-auto-moto {
  display: grid;
  gap: 4px;
  grid-template-columns: 1fr 1fr;
}
.center-details .button-wrap .rdv-auto-moto button {
  min-width: auto;
  margin: 0;
}
.center-details .button-wrap button {
  padding: 5px;
  font-size: 12px;
  width: 100%;
  display: block;
  margin-left: 0;
}
.center-details .button-wrap button:hover {
  filter: contrast(1.2);
}
.center-details .button-wrap button::before {
  content: none;
}
.center-details .button-wrap button svg {
  display: none;
}
.center-details .button-wrap button span {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
}
.center-details .button-wrap .more {
  margin-top: 4px;
  background-color: #eabe40;
}

.center-listing .location p {
  padding: 0;
  background-color: inherit;
  white-space: normal;
}

.center-listing .location p.city {
  font-size: 16px;
  line-height: 16px;
  color: black;
}

.center-listing .location p.centre_nik {
  margin-top: 4px;
  font-size: 12px;
  line-height: 12px;
  color: #777;
}

.center-listing .location p.centre_nik:hover {
  color: #777;
}

@media only screen and (max-width: 1140px) {
  .center-listing .location p.centre_nik {
    font-size: 12px;
    line-height: 12px;
  }
}
.center-listing .distance {
  color: black;
  font-weight: bold;
  line-height: 14px;
  text-align: end;
}

.center-listing .prices {
  font-size: 18px;
  text-align: end;
}

@media only screen and (max-width: 1140px) {
  .center-listing .prices {
    line-height: 18px;
  }
}
.center-listing .prices .price {
  color: rgb(var(--main-color-rgb));
  font-weight: bold;
}

.center-listing .prices .old-price {
  color: #777;
  text-decoration: line-through;
}

.center-listing {
  padding-top: 4px;
}
@media only screen and (min-width: 1140px) {
  .center-listing {
    height: 70vh;
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 1140px) {
  .center-listing {
    margin-top: 20px;
    padding-right: 4px;
  }
}

.button-wrap {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  padding: 2em;
}
@media only screen and (max-width: 590px) {
  .button-wrap {
    grid-auto-flow: row;
    padding: 1em;
  }
}
.button-wrap .button {
  padding: 15px 25px;
  border-radius: 0;
  height: auto;
  background-color: rgb(var(--main-color-rgb));
  color: white;
  text-decoration: none;
  border: none;
  position: relative;
  cursor: pointer;
  width: fit-content;
}
.button-wrap .button::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  z-index: 9;
}
.button-wrap .button span {
  font-weight: 600;
  position: relative;
  z-index: 10;
}
.button-wrap .button:hover::before {
  width: 100%;
  background: rgba(0, 0, 0, 0.12);
}
.button-wrap .button-icon {
  display: grid;
  grid-template-columns: 2fr 2fr;
  gap: 25px;
  align-items: center;
}
.button-wrap .no-modal-button {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.title-search {
  margin-bottom: 30px;
}

.groupe.page-accueil .grid-rows {
  grid-template-columns: 1fr;
  grid-template-areas: "top-banner" "main      " "side      " "more      " !important;
}

@media (max-width: 768px) {
  .hide-listing-mobile {
    display: none !important;
  }
}
.no-pointer {
  cursor: inherit !important;
}

/* rating stars */
.star-rating {
  display: inline-block;
  font-size: 0;
  position: relative;
  height: 15px;
  line-height: 1;
  overflow: hidden;
}

.star-rating::before {
  content: "★★★★★";
  color: #ddd;
  display: block;
  font-size: 15px;
}

.star-rating::after {
  content: "★★★★★";
  color: #f5b301;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--rating) * 20%);
  overflow: hidden;
  font-size: 15px;
  white-space: nowrap;
}

.homereview {
  display: none;
}

.xmas-container .xmas-snow-container {
  pointer-events: none;
  overflow: hidden;
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
}

.xmas-container .xmas-snows {
  pointer-events: none;
  width: 100%;
  height: 500vh;
  transition: 0.1s;
  opacity: 0.5;
}

.xmas-container .xmas-snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}

.xmas-container .xmas-snow:nth-child(1) {
  opacity: 0.7889;
  transform: translate(32.0464vw, -10px) scale(0.2912);
  animation: fall-1 78s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(2) {
  opacity: 0.7731;
  transform: translate(5.6307vw, -10px) scale(0.4102);
  animation: fall-2 117s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(3) {
  opacity: 0.6031;
  transform: translate(25.8087vw, -10px) scale(0.388);
  animation: fall-3 117s -20s linear infinite;
}

.xmas-container .xmas-snow:nth-child(4) {
  opacity: 0.7645;
  transform: translate(3.7681vw, -10px) scale(0.5272);
  animation: fall-4 129s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(5) {
  opacity: 0.043;
  transform: translate(59.8937vw, -10px) scale(0.3811);
  animation: fall-5 57s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(6) {
  opacity: 0.9566;
  transform: translate(31.1503vw, -10px) scale(0.2049);
  animation: fall-6 69s -9s linear infinite;
}

.xmas-container .xmas-snow:nth-child(7) {
  opacity: 0.6691;
  transform: translate(41.9144vw, -10px) scale(0.5583);
  animation: fall-7 120s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(8) {
  opacity: 0.0972;
  transform: translate(26.4479vw, -10px) scale(0.6521);
  animation: fall-8 87s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(9) {
  opacity: 0.5646;
  transform: translate(97.0455vw, -10px) scale(0.9873);
  animation: fall-9 75s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(10) {
  opacity: 0.8502;
  transform: translate(27.7201vw, -10px) scale(0.2435);
  animation: fall-10 129s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(11) {
  opacity: 0.7929;
  transform: translate(83.4928vw, -10px) scale(0.2553);
  animation: fall-11 96s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(12) {
  opacity: 0.0868;
  transform: translate(84.0365vw, -10px) scale(0.1976);
  animation: fall-12 78s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(13) {
  opacity: 0.1405;
  transform: translate(66.258vw, -10px) scale(0.6708);
  animation: fall-13 108s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(14) {
  opacity: 0.2979;
  transform: translate(42.4265vw, -10px) scale(0.1215);
  animation: fall-14 132s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(15) {
  opacity: 0.2285;
  transform: translate(41.1884vw, -10px) scale(0.2278);
  animation: fall-15 102s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(16) {
  opacity: 0.2878;
  transform: translate(54.8835vw, -10px) scale(0.1736);
  animation: fall-16 132s -20s linear infinite;
}

.xmas-container .xmas-snow:nth-child(17) {
  opacity: 0.679;
  transform: translate(31.6243vw, -10px) scale(0.834);
  animation: fall-17 90s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(18) {
  opacity: 0.1719;
  transform: translate(9.1068vw, -10px) scale(0.7791);
  animation: fall-18 102s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(19) {
  opacity: 0.0419;
  transform: translate(60.2065vw, -10px) scale(0.3529);
  animation: fall-19 51s -15s linear infinite;
}

.xmas-container .xmas-snow:nth-child(20) {
  opacity: 0.6249;
  transform: translate(97.8834vw, -10px) scale(0.8873);
  animation: fall-20 60s -16s linear infinite;
}

.xmas-container .xmas-snow:nth-child(21) {
  opacity: 0.6092;
  transform: translate(66.5042vw, -10px) scale(0.5521);
  animation: fall-21 93s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(22) {
  opacity: 0.0757;
  transform: translate(16.0488vw, -10px) scale(0.5127);
  animation: fall-22 63s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(23) {
  opacity: 0.2064;
  transform: translate(41.6577vw, -10px) scale(0.043);
  animation: fall-23 45s -16s linear infinite;
}

.xmas-container .xmas-snow:nth-child(24) {
  opacity: 0.9707;
  transform: translate(70.5802vw, -10px) scale(0.6298);
  animation: fall-24 114s -28s linear infinite;
}

.xmas-container .xmas-snow:nth-child(25) {
  opacity: 0.2623;
  transform: translate(40.1329vw, -10px) scale(0.24);
  animation: fall-25 96s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(26) {
  opacity: 0.9679;
  transform: translate(62.2045vw, -10px) scale(0.5245);
  animation: fall-26 54s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(27) {
  opacity: 0.6805;
  transform: translate(50.5131vw, -10px) scale(0.3642);
  animation: fall-27 111s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(28) {
  opacity: 0.3461;
  transform: translate(80.8886vw, -10px) scale(0.065);
  animation: fall-28 69s -16s linear infinite;
}

.xmas-container .xmas-snow:nth-child(29) {
  opacity: 0.2786;
  transform: translate(81.7275vw, -10px) scale(0.8283);
  animation: fall-29 51s -24s linear infinite;
}

.xmas-container .xmas-snow:nth-child(30) {
  opacity: 0.0778;
  transform: translate(89.1136vw, -10px) scale(0.4396);
  animation: fall-30 78s -29s linear infinite;
}

.xmas-container .xmas-snow:nth-child(31) {
  opacity: 0.3417;
  transform: translate(4.7389vw, -10px) scale(0.5344);
  animation: fall-31 111s -9s linear infinite;
}

.xmas-container .xmas-snow:nth-child(32) {
  opacity: 0.7906;
  transform: translate(0.2769vw, -10px) scale(0.4276);
  animation: fall-32 48s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(33) {
  opacity: 0.954;
  transform: translate(21.4462vw, -10px) scale(0.834);
  animation: fall-33 96s -3s linear infinite;
}

.xmas-container .xmas-snow:nth-child(34) {
  opacity: 0.7304;
  transform: translate(16.6318vw, -10px) scale(0.8955);
  animation: fall-34 99s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(35) {
  opacity: 0.2274;
  transform: translate(8.8217vw, -10px) scale(0.9253);
  animation: fall-35 48s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(36) {
  opacity: 0.8741;
  transform: translate(11.3119vw, -10px) scale(0.4077);
  animation: fall-36 75s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(37) {
  opacity: 0.9002;
  transform: translate(44.9901vw, -10px) scale(0.3033);
  animation: fall-37 60s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(38) {
  opacity: 0.9812;
  transform: translate(28.4133vw, -10px) scale(0.8564);
  animation: fall-38 57s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(39) {
  opacity: 0.4551;
  transform: translate(49.6609vw, -10px) scale(0.6535);
  animation: fall-39 93s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(40) {
  opacity: 0.3901;
  transform: translate(90.7111vw, -10px) scale(0.1547);
  animation: fall-40 117s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(41) {
  opacity: 0.1995;
  transform: translate(74.7251vw, -10px) scale(0.7599);
  animation: fall-41 45s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(42) {
  opacity: 0.0012;
  transform: translate(23.5485vw, -10px) scale(0.2098);
  animation: fall-42 126s -10s linear infinite;
}

.xmas-container .xmas-snow:nth-child(43) {
  opacity: 0.8955;
  transform: translate(98.5287vw, -10px) scale(0.1058);
  animation: fall-43 96s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(44) {
  opacity: 0.2609;
  transform: translate(70.3738vw, -10px) scale(0.252);
  animation: fall-44 108s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(45) {
  opacity: 0.3151;
  transform: translate(63.3839vw, -10px) scale(0.9373);
  animation: fall-45 78s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(46) {
  opacity: 0.334;
  transform: translate(38.5898vw, -10px) scale(0.4158);
  animation: fall-46 108s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(47) {
  opacity: 0.9584;
  transform: translate(29.4673vw, -10px) scale(0.8554);
  animation: fall-47 72s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(48) {
  opacity: 0.5544;
  transform: translate(62.8579vw, -10px) scale(0.8854);
  animation: fall-48 135s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(49) {
  opacity: 0.3204;
  transform: translate(89.2008vw, -10px) scale(0.707);
  animation: fall-49 69s -16s linear infinite;
}

.xmas-container .xmas-snow:nth-child(50) {
  opacity: 0.6677;
  transform: translate(75.0547vw, -10px) scale(0.8984);
  animation: fall-50 135s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(51) {
  opacity: 0.3052;
  transform: translate(70.091vw, -10px) scale(0.2611);
  animation: fall-51 51s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(52) {
  opacity: 0.0754;
  transform: translate(71.8947vw, -10px) scale(0.4615);
  animation: fall-52 123s -10s linear infinite;
}

.xmas-container .xmas-snow:nth-child(53) {
  opacity: 0.2028;
  transform: translate(26.2289vw, -10px) scale(0.1186);
  animation: fall-53 87s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(54) {
  opacity: 0.5591;
  transform: translate(12.6765vw, -10px) scale(0.8854);
  animation: fall-54 129s -1s linear infinite;
}

.xmas-container .xmas-snow:nth-child(55) {
  opacity: 0.0709;
  transform: translate(93.6397vw, -10px) scale(0.3546);
  animation: fall-55 48s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(56) {
  opacity: 0.7617;
  transform: translate(41.0196vw, -10px) scale(0.6491);
  animation: fall-56 72s -10s linear infinite;
}

.xmas-container .xmas-snow:nth-child(57) {
  opacity: 0.0942;
  transform: translate(61.5453vw, -10px) scale(0.644);
  animation: fall-57 48s -25s linear infinite;
}

.xmas-container .xmas-snow:nth-child(58) {
  opacity: 0.2681;
  transform: translate(95.3074vw, -10px) scale(0.6252);
  animation: fall-58 105s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(59) {
  opacity: 0.7904;
  transform: translate(48.6128vw, -10px) scale(0.893);
  animation: fall-59 57s -1s linear infinite;
}

.xmas-container .xmas-snow:nth-child(60) {
  opacity: 0.1235;
  transform: translate(45.9503vw, -10px) scale(0.5346);
  animation: fall-60 126s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(61) {
  opacity: 0.4101;
  transform: translate(93.2032vw, -10px) scale(0.778);
  animation: fall-61 129s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(62) {
  opacity: 0.978;
  transform: translate(68.0375vw, -10px) scale(0.7476);
  animation: fall-62 84s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(63) {
  opacity: 0.193;
  transform: translate(50.2431vw, -10px) scale(0.6276);
  animation: fall-63 63s -30s linear infinite;
}

.xmas-container .xmas-snow:nth-child(64) {
  opacity: 0.138;
  transform: translate(17.9648vw, -10px) scale(0.5471);
  animation: fall-64 57s -10s linear infinite;
}

.xmas-container .xmas-snow:nth-child(65) {
  opacity: 0.3916;
  transform: translate(39.3441vw, -10px) scale(0.1205);
  animation: fall-65 81s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(66) {
  opacity: 0.6191;
  transform: translate(61.164vw, -10px) scale(0.8968);
  animation: fall-66 78s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(67) {
  opacity: 0.2873;
  transform: translate(94.5125vw, -10px) scale(0.7057);
  animation: fall-67 75s -23s linear infinite;
}

.xmas-container .xmas-snow:nth-child(68) {
  opacity: 0.5179;
  transform: translate(84.3443vw, -10px) scale(0.1937);
  animation: fall-68 120s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(69) {
  opacity: 0.4348;
  transform: translate(93.2634vw, -10px) scale(0.2122);
  animation: fall-69 72s -23s linear infinite;
}

.xmas-container .xmas-snow:nth-child(70) {
  opacity: 0.8049;
  transform: translate(87.0381vw, -10px) scale(0.3044);
  animation: fall-70 111s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(71) {
  opacity: 0.428;
  transform: translate(83.2343vw, -10px) scale(0.4674);
  animation: fall-71 45s -2s linear infinite;
}

.xmas-container .xmas-snow:nth-child(72) {
  opacity: 0.2731;
  transform: translate(21.9834vw, -10px) scale(0.035);
  animation: fall-72 105s -25s linear infinite;
}

.xmas-container .xmas-snow:nth-child(73) {
  opacity: 0.3318;
  transform: translate(4.6564vw, -10px) scale(0.4578);
  animation: fall-73 54s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(74) {
  opacity: 0.9914;
  transform: translate(73.13vw, -10px) scale(0.538);
  animation: fall-74 114s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(75) {
  opacity: 0.6579;
  transform: translate(45.0336vw, -10px) scale(0.5465);
  animation: fall-75 87s -4s linear infinite;
}

.xmas-container .xmas-snow:nth-child(76) {
  opacity: 0.228;
  transform: translate(91.8235vw, -10px) scale(0.3183);
  animation: fall-76 81s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(77) {
  opacity: 0.6627;
  transform: translate(68.0933vw, -10px) scale(0.1429);
  animation: fall-77 66s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(78) {
  opacity: 0.6344;
  transform: translate(47.8695vw, -10px) scale(0.3149);
  animation: fall-78 66s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(79) {
  opacity: 0.6084;
  transform: translate(66.0188vw, -10px) scale(0.9874);
  animation: fall-79 45s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(80) {
  opacity: 0.0094;
  transform: translate(29.3147vw, -10px) scale(0.9567);
  animation: fall-80 108s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(81) {
  opacity: 0.9858;
  transform: translate(86.3136vw, -10px) scale(0.392);
  animation: fall-81 51s -3s linear infinite;
}

.xmas-container .xmas-snow:nth-child(82) {
  opacity: 0.8666;
  transform: translate(11.0058vw, -10px) scale(0.5456);
  animation: fall-82 114s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(83) {
  opacity: 0.2881;
  transform: translate(73.8412vw, -10px) scale(0.7214);
  animation: fall-83 126s -1s linear infinite;
}

.xmas-container .xmas-snow:nth-child(84) {
  opacity: 0.4105;
  transform: translate(58.1583vw, -10px) scale(0.5781);
  animation: fall-84 129s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(85) {
  opacity: 0.1697;
  transform: translate(22.4257vw, -10px) scale(0.5251);
  animation: fall-85 87s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(86) {
  opacity: 0.1256;
  transform: translate(87.7816vw, -10px) scale(0.6993);
  animation: fall-86 69s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(87) {
  opacity: 0.7041;
  transform: translate(44.3453vw, -10px) scale(0.4524);
  animation: fall-87 63s -2s linear infinite;
}

.xmas-container .xmas-snow:nth-child(88) {
  opacity: 0.0469;
  transform: translate(64.9483vw, -10px) scale(0.189);
  animation: fall-88 99s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(89) {
  opacity: 0.454;
  transform: translate(79.9576vw, -10px) scale(0.3176);
  animation: fall-89 90s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(90) {
  opacity: 0.6333;
  transform: translate(19.2949vw, -10px) scale(0.6592);
  animation: fall-90 96s -2s linear infinite;
}

.xmas-container .xmas-snow:nth-child(91) {
  opacity: 0.7418;
  transform: translate(97.2371vw, -10px) scale(0.2481);
  animation: fall-91 129s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(92) {
  opacity: 0.5922;
  transform: translate(9.7218vw, -10px) scale(0.0703);
  animation: fall-92 96s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(93) {
  opacity: 0.6059;
  transform: translate(87.8327vw, -10px) scale(0.3308);
  animation: fall-93 51s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(94) {
  opacity: 0.8374;
  transform: translate(15.9212vw, -10px) scale(0.0427);
  animation: fall-94 108s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(95) {
  opacity: 0.2606;
  transform: translate(22.1231vw, -10px) scale(0.9707);
  animation: fall-95 60s -25s linear infinite;
}

.xmas-container .xmas-snow:nth-child(96) {
  opacity: 0.9392;
  transform: translate(67.0896vw, -10px) scale(0.4599);
  animation: fall-96 111s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(97) {
  opacity: 0.6647;
  transform: translate(34.8592vw, -10px) scale(0.253);
  animation: fall-97 63s -24s linear infinite;
}

.xmas-container .xmas-snow:nth-child(98) {
  opacity: 0.5672;
  transform: translate(90.7964vw, -10px) scale(0.6818);
  animation: fall-98 105s -24s linear infinite;
}

.xmas-container .xmas-snow:nth-child(99) {
  opacity: 0.2115;
  transform: translate(78.7752vw, -10px) scale(0.8432);
  animation: fall-99 135s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(100) {
  opacity: 0.3677;
  transform: translate(38.8123vw, -10px) scale(0.6441);
  animation: fall-100 81s -9s linear infinite;
}

.xmas-container .xmas-snow:nth-child(101) {
  opacity: 0.9295;
  transform: translate(88.047vw, -10px) scale(0.2445);
  animation: fall-101 57s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(102) {
  opacity: 0.3224;
  transform: translate(86.0001vw, -10px) scale(0.523);
  animation: fall-102 102s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(103) {
  opacity: 0.4078;
  transform: translate(71.2342vw, -10px) scale(0.5477);
  animation: fall-103 57s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(104) {
  opacity: 0.2494;
  transform: translate(73.7704vw, -10px) scale(0.2301);
  animation: fall-104 81s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(105) {
  opacity: 0.6609;
  transform: translate(21.6507vw, -10px) scale(0.7578);
  animation: fall-105 102s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(106) {
  opacity: 0.4318;
  transform: translate(69.9254vw, -10px) scale(0.8862);
  animation: fall-106 48s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(107) {
  opacity: 0.748;
  transform: translate(33.5963vw, -10px) scale(0.8169);
  animation: fall-107 96s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(108) {
  opacity: 0.0856;
  transform: translate(55.2796vw, -10px) scale(0.3275);
  animation: fall-108 60s -26s linear infinite;
}

.xmas-container .xmas-snow:nth-child(109) {
  opacity: 0.7593;
  transform: translate(64.8009vw, -10px) scale(0.6504);
  animation: fall-109 90s -4s linear infinite;
}

.xmas-container .xmas-snow:nth-child(110) {
  opacity: 0.4584;
  transform: translate(49.356vw, -10px) scale(0.3059);
  animation: fall-110 78s -2s linear infinite;
}

.xmas-container .xmas-snow:nth-child(111) {
  opacity: 0.4953;
  transform: translate(3.4721vw, -10px) scale(0.7298);
  animation: fall-111 63s -15s linear infinite;
}

.xmas-container .xmas-snow:nth-child(112) {
  opacity: 0.744;
  transform: translate(13.3794vw, -10px) scale(0.8985);
  animation: fall-112 135s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(113) {
  opacity: 0.5401;
  transform: translate(14.4254vw, -10px) scale(0.4559);
  animation: fall-113 63s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(114) {
  opacity: 0.1529;
  transform: translate(71.0416vw, -10px) scale(0.5105);
  animation: fall-114 108s -28s linear infinite;
}

.xmas-container .xmas-snow:nth-child(115) {
  opacity: 0.9284;
  transform: translate(91.2437vw, -10px) scale(0.4824);
  animation: fall-115 117s -23s linear infinite;
}

.xmas-container .xmas-snow:nth-child(116) {
  opacity: 0.4838;
  transform: translate(44.0164vw, -10px) scale(0.4592);
  animation: fall-116 123s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(117) {
  opacity: 0.3873;
  transform: translate(8.7594vw, -10px) scale(0.349);
  animation: fall-117 45s -9s linear infinite;
}

.xmas-container .xmas-snow:nth-child(118) {
  opacity: 0.7907;
  transform: translate(45.3213vw, -10px) scale(0.8307);
  animation: fall-118 123s -28s linear infinite;
}

.xmas-container .xmas-snow:nth-child(119) {
  opacity: 0.3748;
  transform: translate(22.0395vw, -10px) scale(0.0984);
  animation: fall-119 66s -2s linear infinite;
}

.xmas-container .xmas-snow:nth-child(120) {
  opacity: 0.9992;
  transform: translate(87.3706vw, -10px) scale(0.1464);
  animation: fall-120 114s -15s linear infinite;
}

.xmas-container .xmas-snow:nth-child(121) {
  opacity: 0.8607;
  transform: translate(86.6338vw, -10px) scale(0.4769);
  animation: fall-121 87s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(122) {
  opacity: 0.084;
  transform: translate(12.075vw, -10px) scale(0.0554);
  animation: fall-122 72s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(123) {
  opacity: 0.0567;
  transform: translate(65.0172vw, -10px) scale(0.2108);
  animation: fall-123 96s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(124) {
  opacity: 0.7611;
  transform: translate(60.4087vw, -10px) scale(0.1115);
  animation: fall-124 54s -29s linear infinite;
}

.xmas-container .xmas-snow:nth-child(125) {
  opacity: 0.149;
  transform: translate(98.7096vw, -10px) scale(0.9311);
  animation: fall-125 66s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(126) {
  opacity: 0.7196;
  transform: translate(63.7734vw, -10px) scale(0.1278);
  animation: fall-126 105s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(127) {
  opacity: 0.4644;
  transform: translate(35.0751vw, -10px) scale(0.934);
  animation: fall-127 84s -20s linear infinite;
}

.xmas-container .xmas-snow:nth-child(128) {
  opacity: 0.7722;
  transform: translate(35.9242vw, -10px) scale(0.3676);
  animation: fall-128 123s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(129) {
  opacity: 0.1402;
  transform: translate(17.5442vw, -10px) scale(0.7867);
  animation: fall-129 102s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(130) {
  opacity: 0.9486;
  transform: translate(3.8468vw, -10px) scale(0.6345);
  animation: fall-130 102s -29s linear infinite;
}

.xmas-container .xmas-snow:nth-child(131) {
  opacity: 0.0286;
  transform: translate(46.7941vw, -10px) scale(0.5017);
  animation: fall-131 54s -25s linear infinite;
}

.xmas-container .xmas-snow:nth-child(132) {
  opacity: 0.768;
  transform: translate(53.072vw, -10px) scale(0.6075);
  animation: fall-132 66s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(133) {
  opacity: 0.5968;
  transform: translate(30.9233vw, -10px) scale(0.4745);
  animation: fall-133 66s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(134) {
  opacity: 0.1604;
  transform: translate(32.0234vw, -10px) scale(0.9395);
  animation: fall-134 69s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(135) {
  opacity: 0.5668;
  transform: translate(18.0667vw, -10px) scale(0.9578);
  animation: fall-135 102s -20s linear infinite;
}

.xmas-container .xmas-snow:nth-child(136) {
  opacity: 0.3257;
  transform: translate(58.2385vw, -10px) scale(0.1337);
  animation: fall-136 75s -20s linear infinite;
}

.xmas-container .xmas-snow:nth-child(137) {
  opacity: 0.6074;
  transform: translate(62.2754vw, -10px) scale(0.6831);
  animation: fall-137 90s -9s linear infinite;
}

.xmas-container .xmas-snow:nth-child(138) {
  opacity: 0.5265;
  transform: translate(49.9061vw, -10px) scale(0.5133);
  animation: fall-138 135s -29s linear infinite;
}

.xmas-container .xmas-snow:nth-child(139) {
  opacity: 0.8774;
  transform: translate(72.5736vw, -10px) scale(0.2963);
  animation: fall-139 69s -23s linear infinite;
}

.xmas-container .xmas-snow:nth-child(140) {
  opacity: 0.8205;
  transform: translate(21.3817vw, -10px) scale(0.3986);
  animation: fall-140 60s -29s linear infinite;
}

.xmas-container .xmas-snow:nth-child(141) {
  opacity: 0.1336;
  transform: translate(10.4096vw, -10px) scale(0.729);
  animation: fall-141 69s -30s linear infinite;
}

.xmas-container .xmas-snow:nth-child(142) {
  opacity: 0.6146;
  transform: translate(29.4113vw, -10px) scale(0.7819);
  animation: fall-142 99s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(143) {
  opacity: 0.0752;
  transform: translate(53.7738vw, -10px) scale(0.3769);
  animation: fall-143 48s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(144) {
  opacity: 0.2438;
  transform: translate(46.3695vw, -10px) scale(0.7356);
  animation: fall-144 105s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(145) {
  opacity: 0.1247;
  transform: translate(3.3332vw, -10px) scale(0.6799);
  animation: fall-145 69s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(146) {
  opacity: 0.0985;
  transform: translate(30.8706vw, -10px) scale(0.691);
  animation: fall-146 96s -25s linear infinite;
}

.xmas-container .xmas-snow:nth-child(147) {
  opacity: 0.9768;
  transform: translate(34.8955vw, -10px) scale(0.1025);
  animation: fall-147 57s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(148) {
  opacity: 0.8121;
  transform: translate(48.4vw, -10px) scale(0.3843);
  animation: fall-148 135s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(149) {
  opacity: 0.5125;
  transform: translate(30.1664vw, -10px) scale(0.3549);
  animation: fall-149 111s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(150) {
  opacity: 0.555;
  transform: translate(90.0143vw, -10px) scale(0.4128);
  animation: fall-150 51s -30s linear infinite;
}

.xmas-container .xmas-snow:nth-child(151) {
  opacity: 0.2226;
  transform: translate(53.6997vw, -10px) scale(0.973);
  animation: fall-151 75s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(152) {
  opacity: 0.1259;
  transform: translate(23.111vw, -10px) scale(0.1659);
  animation: fall-152 81s -12s linear infinite;
}

.xmas-container .xmas-snow:nth-child(153) {
  opacity: 0.4496;
  transform: translate(13.6331vw, -10px) scale(0.024);
  animation: fall-153 63s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(154) {
  opacity: 0.9175;
  transform: translate(44.7885vw, -10px) scale(0.7762);
  animation: fall-154 117s -28s linear infinite;
}

.xmas-container .xmas-snow:nth-child(155) {
  opacity: 0.5808;
  transform: translate(68.7817vw, -10px) scale(0.9466);
  animation: fall-155 129s -4s linear infinite;
}

.xmas-container .xmas-snow:nth-child(156) {
  opacity: 0.3091;
  transform: translate(43.5249vw, -10px) scale(0.8211);
  animation: fall-156 45s -9s linear infinite;
}

.xmas-container .xmas-snow:nth-child(157) {
  opacity: 0.7043;
  transform: translate(67.3877vw, -10px) scale(0.6658);
  animation: fall-157 105s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(158) {
  opacity: 0.4344;
  transform: translate(7.6574vw, -10px) scale(0.4456);
  animation: fall-158 72s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(159) {
  opacity: 0.8505;
  transform: translate(96.0212vw, -10px) scale(0.025);
  animation: fall-159 129s -21s linear infinite;
}

.xmas-container .xmas-snow:nth-child(160) {
  opacity: 0.956;
  transform: translate(44.7371vw, -10px) scale(0.0676);
  animation: fall-160 57s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(161) {
  opacity: 0.2925;
  transform: translate(39.2828vw, -10px) scale(0.3604);
  animation: fall-161 54s -3s linear infinite;
}

.xmas-container .xmas-snow:nth-child(162) {
  opacity: 0.6365;
  transform: translate(64.4435vw, -10px) scale(0.9293);
  animation: fall-162 90s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(163) {
  opacity: 0.7543;
  transform: translate(74.9824vw, -10px) scale(0.0293);
  animation: fall-163 48s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(164) {
  opacity: 0.4914;
  transform: translate(18.7918vw, -10px) scale(0.051);
  animation: fall-164 120s -22s linear infinite;
}

.xmas-container .xmas-snow:nth-child(165) {
  opacity: 0.8042;
  transform: translate(15.5418vw, -10px) scale(0.1478);
  animation: fall-165 90s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(166) {
  opacity: 0.289;
  transform: translate(44.4641vw, -10px) scale(0.6248);
  animation: fall-166 132s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(167) {
  opacity: 0.7807;
  transform: translate(28.8245vw, -10px) scale(0.8624);
  animation: fall-167 69s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(168) {
  opacity: 0.3172;
  transform: translate(80.913vw, -10px) scale(0.7275);
  animation: fall-168 120s -26s linear infinite;
}

.xmas-container .xmas-snow:nth-child(169) {
  opacity: 0.7341;
  transform: translate(74.0876vw, -10px) scale(0.7797);
  animation: fall-169 99s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(170) {
  opacity: 0.3876;
  transform: translate(13.9267vw, -10px) scale(0.1382);
  animation: fall-170 87s -25s linear infinite;
}

.xmas-container .xmas-snow:nth-child(171) {
  opacity: 0.6149;
  transform: translate(23.8339vw, -10px) scale(0.0037);
  animation: fall-171 105s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(172) {
  opacity: 0.8133;
  transform: translate(88.1475vw, -10px) scale(0.9881);
  animation: fall-172 69s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(173) {
  opacity: 0.2065;
  transform: translate(71.2691vw, -10px) scale(0.1191);
  animation: fall-173 66s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(174) {
  opacity: 0.4694;
  transform: translate(58.9212vw, -10px) scale(0.5784);
  animation: fall-174 54s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(175) {
  opacity: 0.2115;
  transform: translate(49.6041vw, -10px) scale(0.651);
  animation: fall-175 132s -15s linear infinite;
}

.xmas-container .xmas-snow:nth-child(176) {
  opacity: 0.9524;
  transform: translate(91.9809vw, -10px) scale(0.6306);
  animation: fall-176 135s -17s linear infinite;
}

.xmas-container .xmas-snow:nth-child(177) {
  opacity: 0.8825;
  transform: translate(93.7871vw, -10px) scale(0.999);
  animation: fall-177 57s -8s linear infinite;
}

.xmas-container .xmas-snow:nth-child(178) {
  opacity: 0.8508;
  transform: translate(88.6157vw, -10px) scale(0.7286);
  animation: fall-178 102s -27s linear infinite;
}

.xmas-container .xmas-snow:nth-child(179) {
  opacity: 0.2961;
  transform: translate(95.986vw, -10px) scale(0.0661);
  animation: fall-179 69s -15s linear infinite;
}

.xmas-container .xmas-snow:nth-child(180) {
  opacity: 0.4489;
  transform: translate(35.4073vw, -10px) scale(0.5263);
  animation: fall-180 84s -1s linear infinite;
}

.xmas-container .xmas-snow:nth-child(181) {
  opacity: 0.2575;
  transform: translate(87.5505vw, -10px) scale(0.5982);
  animation: fall-181 48s -4s linear infinite;
}

.xmas-container .xmas-snow:nth-child(182) {
  opacity: 0.4212;
  transform: translate(82.8059vw, -10px) scale(0.1163);
  animation: fall-182 63s -29s linear infinite;
}

.xmas-container .xmas-snow:nth-child(183) {
  opacity: 0.6812;
  transform: translate(89.5372vw, -10px) scale(0.3556);
  animation: fall-183 93s -3s linear infinite;
}

.xmas-container .xmas-snow:nth-child(184) {
  opacity: 0.1572;
  transform: translate(65.6068vw, -10px) scale(0.1093);
  animation: fall-184 51s -13s linear infinite;
}

.xmas-container .xmas-snow:nth-child(185) {
  opacity: 0.1598;
  transform: translate(99.962vw, -10px) scale(0.2836);
  animation: fall-185 63s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(186) {
  opacity: 0.1656;
  transform: translate(26.7337vw, -10px) scale(0.6387);
  animation: fall-186 87s -11s linear infinite;
}

.xmas-container .xmas-snow:nth-child(187) {
  opacity: 0.1969;
  transform: translate(35.7083vw, -10px) scale(0.4245);
  animation: fall-187 90s -3s linear infinite;
}

.xmas-container .xmas-snow:nth-child(188) {
  opacity: 0.1516;
  transform: translate(3.9991vw, -10px) scale(0.1701);
  animation: fall-188 54s -10s linear infinite;
}

.xmas-container .xmas-snow:nth-child(189) {
  opacity: 0.9386;
  transform: translate(93.6156vw, -10px) scale(0.8063);
  animation: fall-189 135s -3s linear infinite;
}

.xmas-container .xmas-snow:nth-child(190) {
  opacity: 0.5419;
  transform: translate(31.6028vw, -10px) scale(0.7503);
  animation: fall-190 105s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(191) {
  opacity: 0.9406;
  transform: translate(24.2282vw, -10px) scale(0.6624);
  animation: fall-191 96s -30s linear infinite;
}

.xmas-container .xmas-snow:nth-child(192) {
  opacity: 0.2038;
  transform: translate(92.2664vw, -10px) scale(0.8504);
  animation: fall-192 120s -7s linear infinite;
}

.xmas-container .xmas-snow:nth-child(193) {
  opacity: 0.9663;
  transform: translate(10.7116vw, -10px) scale(0.4017);
  animation: fall-193 75s -6s linear infinite;
}

.xmas-container .xmas-snow:nth-child(194) {
  opacity: 0.524;
  transform: translate(1.038vw, -10px) scale(0.254);
  animation: fall-194 81s -18s linear infinite;
}

.xmas-container .xmas-snow:nth-child(195) {
  opacity: 0.9235;
  transform: translate(94.2915vw, -10px) scale(0.3754);
  animation: fall-195 93s -14s linear infinite;
}

.xmas-container .xmas-snow:nth-child(196) {
  opacity: 0.7498;
  transform: translate(17.726vw, -10px) scale(0.1145);
  animation: fall-196 87s -1s linear infinite;
}

.xmas-container .xmas-snow:nth-child(197) {
  opacity: 0.43;
  transform: translate(13.8247vw, -10px) scale(0.7595);
  animation: fall-197 81s -1s linear infinite;
}

.xmas-container .xmas-snow:nth-child(198) {
  opacity: 0.3228;
  transform: translate(93.0908vw, -10px) scale(0.3956);
  animation: fall-198 75s -5s linear infinite;
}

.xmas-container .xmas-snow:nth-child(199) {
  opacity: 0.4646;
  transform: translate(52.9282vw, -10px) scale(0.5394);
  animation: fall-199 114s -19s linear infinite;
}

.xmas-container .xmas-snow:nth-child(200) {
  opacity: 0.4599;
  transform: translate(43.2324vw, -10px) scale(0.7235);
  animation: fall-200 129s -28s linear infinite;
}

@keyframes fall-1 {
  0% {
    transform: translate(32.0464vw, -10px) scale(0.2912);
  }
  65.896% {
    transform: translate(35.204vw, 329.48vh) scale(0.2912);
  }
  to {
    transform: translate(35.204vw, 500vh) scale(0.2912);
  }
}
@keyframes fall-2 {
  0% {
    transform: translate(5.6307vw, -10px) scale(0.4102);
  }
  61.8% {
    transform: translate(9.0755vw, 309vh) scale(0.4102);
  }
  to {
    transform: translate(9.0755vw, 500vh) scale(0.4102);
  }
}
@keyframes fall-3 {
  0% {
    transform: translate(25.8087vw, -10px) scale(0.388);
  }
  62.152% {
    transform: translate(19.3006vw, 310.76vh) scale(0.388);
  }
  to {
    transform: translate(19.3006vw, 500vh) scale(0.388);
  }
}
@keyframes fall-4 {
  0% {
    transform: translate(3.7681vw, -10px) scale(0.5272);
  }
  64.145% {
    transform: translate(7.1359vw, 320.725vh) scale(0.5272);
  }
  to {
    transform: translate(7.1359vw, 500vh) scale(0.5272);
  }
}
@keyframes fall-5 {
  0% {
    transform: translate(59.8937vw, -10px) scale(0.3811);
  }
  60.226% {
    transform: translate(65.5471vw, 301.13vh) scale(0.3811);
  }
  to {
    transform: translate(65.5471vw, 500vh) scale(0.3811);
  }
}
@keyframes fall-6 {
  0% {
    transform: translate(31.1503vw, -10px) scale(0.2049);
  }
  39.677% {
    transform: translate(38.5466vw, 198.385vh) scale(0.2049);
  }
  to {
    transform: translate(38.5466vw, 500vh) scale(0.2049);
  }
}
@keyframes fall-7 {
  0% {
    transform: translate(41.9144vw, -10px) scale(0.5583);
  }
  78.815% {
    transform: translate(39.202vw, 394.075vh) scale(0.5583);
  }
  to {
    transform: translate(39.202vw, 500vh) scale(0.5583);
  }
}
@keyframes fall-8 {
  0% {
    transform: translate(26.4479vw, -10px) scale(0.6521);
  }
  48.206% {
    transform: translate(21.3507vw, 241.03vh) scale(0.6521);
  }
  to {
    transform: translate(21.3507vw, 500vh) scale(0.6521);
  }
}
@keyframes fall-9 {
  0% {
    transform: translate(97.0455vw, -10px) scale(0.9873);
  }
  43.442% {
    transform: translate(94.0925vw, 217.21vh) scale(0.9873);
  }
  to {
    transform: translate(94.0925vw, 500vh) scale(0.9873);
  }
}
@keyframes fall-10 {
  0% {
    transform: translate(27.7201vw, -10px) scale(0.2435);
  }
  33.158% {
    transform: translate(34.0738vw, 165.79vh) scale(0.2435);
  }
  to {
    transform: translate(34.0738vw, 500vh) scale(0.2435);
  }
}
@keyframes fall-11 {
  0% {
    transform: translate(83.4928vw, -10px) scale(0.2553);
  }
  52.407% {
    transform: translate(74.368vw, 262.035vh) scale(0.2553);
  }
  to {
    transform: translate(74.368vw, 500vh) scale(0.2553);
  }
}
@keyframes fall-12 {
  0% {
    transform: translate(84.0365vw, -10px) scale(0.1976);
  }
  69.379% {
    transform: translate(76.5207vw, 346.895vh) scale(0.1976);
  }
  to {
    transform: translate(76.5207vw, 500vh) scale(0.1976);
  }
}
@keyframes fall-13 {
  0% {
    transform: translate(66.258vw, -10px) scale(0.6708);
  }
  58.422% {
    transform: translate(75.464vw, 292.11vh) scale(0.6708);
  }
  to {
    transform: translate(75.464vw, 500vh) scale(0.6708);
  }
}
@keyframes fall-14 {
  0% {
    transform: translate(42.4265vw, -10px) scale(0.1215);
  }
  63.801% {
    transform: translate(44.112vw, 319.005vh) scale(0.1215);
  }
  to {
    transform: translate(44.112vw, 500vh) scale(0.1215);
  }
}
@keyframes fall-15 {
  0% {
    transform: translate(41.1884vw, -10px) scale(0.2278);
  }
  57.351% {
    transform: translate(42.6278vw, 286.755vh) scale(0.2278);
  }
  to {
    transform: translate(42.6278vw, 500vh) scale(0.2278);
  }
}
@keyframes fall-16 {
  0% {
    transform: translate(54.8835vw, -10px) scale(0.1736);
  }
  73.187% {
    transform: translate(51.7705vw, 365.935vh) scale(0.1736);
  }
  to {
    transform: translate(51.7705vw, 500vh) scale(0.1736);
  }
}
@keyframes fall-17 {
  0% {
    transform: translate(31.6243vw, -10px) scale(0.834);
  }
  69.792% {
    transform: translate(31.4018vw, 348.96vh) scale(0.834);
  }
  to {
    transform: translate(31.4018vw, 500vh) scale(0.834);
  }
}
@keyframes fall-18 {
  0% {
    transform: translate(9.1068vw, -10px) scale(0.7791);
  }
  31.755% {
    transform: translate(8.5711vw, 158.775vh) scale(0.7791);
  }
  to {
    transform: translate(8.5711vw, 500vh) scale(0.7791);
  }
}
@keyframes fall-19 {
  0% {
    transform: translate(60.2065vw, -10px) scale(0.3529);
  }
  59.76% {
    transform: translate(51.8923vw, 298.8vh) scale(0.3529);
  }
  to {
    transform: translate(51.8923vw, 500vh) scale(0.3529);
  }
}
@keyframes fall-20 {
  0% {
    transform: translate(97.8834vw, -10px) scale(0.8873);
  }
  58.144% {
    transform: translate(95.0913vw, 290.72vh) scale(0.8873);
  }
  to {
    transform: translate(95.0913vw, 500vh) scale(0.8873);
  }
}
@keyframes fall-21 {
  0% {
    transform: translate(66.5042vw, -10px) scale(0.5521);
  }
  60.796% {
    transform: translate(74.3881vw, 303.98vh) scale(0.5521);
  }
  to {
    transform: translate(74.3881vw, 500vh) scale(0.5521);
  }
}
@keyframes fall-22 {
  0% {
    transform: translate(16.0488vw, -10px) scale(0.5127);
  }
  30.004% {
    transform: translate(14.0323vw, 150.02vh) scale(0.5127);
  }
  to {
    transform: translate(14.0323vw, 500vh) scale(0.5127);
  }
}
@keyframes fall-23 {
  0% {
    transform: translate(41.6577vw, -10px) scale(0.043);
  }
  59.615% {
    transform: translate(50.8088vw, 298.075vh) scale(0.043);
  }
  to {
    transform: translate(50.8088vw, 500vh) scale(0.043);
  }
}
@keyframes fall-24 {
  0% {
    transform: translate(70.5802vw, -10px) scale(0.6298);
  }
  49.648% {
    transform: translate(74.9562vw, 248.24vh) scale(0.6298);
  }
  to {
    transform: translate(74.9562vw, 500vh) scale(0.6298);
  }
}
@keyframes fall-25 {
  0% {
    transform: translate(40.1329vw, -10px) scale(0.24);
  }
  36.168% {
    transform: translate(35.7724vw, 180.84vh) scale(0.24);
  }
  to {
    transform: translate(35.7724vw, 500vh) scale(0.24);
  }
}
@keyframes fall-26 {
  0% {
    transform: translate(62.2045vw, -10px) scale(0.5245);
  }
  72.427% {
    transform: translate(61.3226vw, 362.135vh) scale(0.5245);
  }
  to {
    transform: translate(61.3226vw, 500vh) scale(0.5245);
  }
}
@keyframes fall-27 {
  0% {
    transform: translate(50.5131vw, -10px) scale(0.3642);
  }
  43.495% {
    transform: translate(60.1584vw, 217.475vh) scale(0.3642);
  }
  to {
    transform: translate(60.1584vw, 500vh) scale(0.3642);
  }
}
@keyframes fall-28 {
  0% {
    transform: translate(80.8886vw, -10px) scale(0.065);
  }
  60.223% {
    transform: translate(77.0226vw, 301.115vh) scale(0.065);
  }
  to {
    transform: translate(77.0226vw, 500vh) scale(0.065);
  }
}
@keyframes fall-29 {
  0% {
    transform: translate(81.7275vw, -10px) scale(0.8283);
  }
  59.188% {
    transform: translate(82.3052vw, 295.94vh) scale(0.8283);
  }
  to {
    transform: translate(82.3052vw, 500vh) scale(0.8283);
  }
}
@keyframes fall-30 {
  0% {
    transform: translate(89.1136vw, -10px) scale(0.4396);
  }
  34.587% {
    transform: translate(85.9052vw, 172.935vh) scale(0.4396);
  }
  to {
    transform: translate(85.9052vw, 500vh) scale(0.4396);
  }
}
@keyframes fall-31 {
  0% {
    transform: translate(4.7389vw, -10px) scale(0.5344);
  }
  39.252% {
    transform: translate(7.9149vw, 196.26vh) scale(0.5344);
  }
  to {
    transform: translate(7.9149vw, 500vh) scale(0.5344);
  }
}
@keyframes fall-32 {
  0% {
    transform: translate(0.2769vw, -10px) scale(0.4276);
  }
  37.936% {
    transform: translate(4.6587vw, 189.68vh) scale(0.4276);
  }
  to {
    transform: translate(4.6587vw, 500vh) scale(0.4276);
  }
}
@keyframes fall-33 {
  0% {
    transform: translate(21.4462vw, -10px) scale(0.834);
  }
  66.114% {
    transform: translate(20.693vw, 330.57vh) scale(0.834);
  }
  to {
    transform: translate(20.693vw, 500vh) scale(0.834);
  }
}
@keyframes fall-34 {
  0% {
    transform: translate(16.6318vw, -10px) scale(0.8955);
  }
  53.194% {
    transform: translate(10.2182vw, 265.97vh) scale(0.8955);
  }
  to {
    transform: translate(10.2182vw, 500vh) scale(0.8955);
  }
}
@keyframes fall-35 {
  0% {
    transform: translate(8.8217vw, -10px) scale(0.9253);
  }
  56.508% {
    transform: translate(12.5708vw, 282.54vh) scale(0.9253);
  }
  to {
    transform: translate(12.5708vw, 500vh) scale(0.9253);
  }
}
@keyframes fall-36 {
  0% {
    transform: translate(11.3119vw, -10px) scale(0.4077);
  }
  47.141% {
    transform: translate(8.3307vw, 235.705vh) scale(0.4077);
  }
  to {
    transform: translate(8.3307vw, 500vh) scale(0.4077);
  }
}
@keyframes fall-37 {
  0% {
    transform: translate(44.9901vw, -10px) scale(0.3033);
  }
  38.006% {
    transform: translate(37.1188vw, 190.03vh) scale(0.3033);
  }
  to {
    transform: translate(37.1188vw, 500vh) scale(0.3033);
  }
}
@keyframes fall-38 {
  0% {
    transform: translate(28.4133vw, -10px) scale(0.8564);
  }
  70.662% {
    transform: translate(23.4669vw, 353.31vh) scale(0.8564);
  }
  to {
    transform: translate(23.4669vw, 500vh) scale(0.8564);
  }
}
@keyframes fall-39 {
  0% {
    transform: translate(49.6609vw, -10px) scale(0.6535);
  }
  35.07% {
    transform: translate(46.3697vw, 175.35vh) scale(0.6535);
  }
  to {
    transform: translate(46.3697vw, 500vh) scale(0.6535);
  }
}
@keyframes fall-40 {
  0% {
    transform: translate(90.7111vw, -10px) scale(0.1547);
  }
  54.451% {
    transform: translate(99.7021vw, 272.255vh) scale(0.1547);
  }
  to {
    transform: translate(99.7021vw, 500vh) scale(0.1547);
  }
}
@keyframes fall-41 {
  0% {
    transform: translate(74.7251vw, -10px) scale(0.7599);
  }
  40.613% {
    transform: translate(82.2281vw, 203.065vh) scale(0.7599);
  }
  to {
    transform: translate(82.2281vw, 500vh) scale(0.7599);
  }
}
@keyframes fall-42 {
  0% {
    transform: translate(23.5485vw, -10px) scale(0.2098);
  }
  62.58% {
    transform: translate(15.2936vw, 312.9vh) scale(0.2098);
  }
  to {
    transform: translate(15.2936vw, 500vh) scale(0.2098);
  }
}
@keyframes fall-43 {
  0% {
    transform: translate(98.5287vw, -10px) scale(0.1058);
  }
  67.558% {
    transform: translate(95.834vw, 337.79vh) scale(0.1058);
  }
  to {
    transform: translate(95.834vw, 500vh) scale(0.1058);
  }
}
@keyframes fall-44 {
  0% {
    transform: translate(70.3738vw, -10px) scale(0.252);
  }
  72.209% {
    transform: translate(69.0094vw, 361.045vh) scale(0.252);
  }
  to {
    transform: translate(69.0094vw, 500vh) scale(0.252);
  }
}
@keyframes fall-45 {
  0% {
    transform: translate(63.3839vw, -10px) scale(0.9373);
  }
  69.989% {
    transform: translate(59.6099vw, 349.945vh) scale(0.9373);
  }
  to {
    transform: translate(59.6099vw, 500vh) scale(0.9373);
  }
}
@keyframes fall-46 {
  0% {
    transform: translate(38.5898vw, -10px) scale(0.4158);
  }
  70.194% {
    transform: translate(39.8386vw, 350.97vh) scale(0.4158);
  }
  to {
    transform: translate(39.8386vw, 500vh) scale(0.4158);
  }
}
@keyframes fall-47 {
  0% {
    transform: translate(29.4673vw, -10px) scale(0.8554);
  }
  38.144% {
    transform: translate(32.8546vw, 190.72vh) scale(0.8554);
  }
  to {
    transform: translate(32.8546vw, 500vh) scale(0.8554);
  }
}
@keyframes fall-48 {
  0% {
    transform: translate(62.8579vw, -10px) scale(0.8854);
  }
  62.405% {
    transform: translate(72.1541vw, 312.025vh) scale(0.8854);
  }
  to {
    transform: translate(72.1541vw, 500vh) scale(0.8854);
  }
}
@keyframes fall-49 {
  0% {
    transform: translate(89.2008vw, -10px) scale(0.707);
  }
  68.787% {
    transform: translate(91.6813vw, 343.935vh) scale(0.707);
  }
  to {
    transform: translate(91.6813vw, 500vh) scale(0.707);
  }
}
@keyframes fall-50 {
  0% {
    transform: translate(75.0547vw, -10px) scale(0.8984);
  }
  65.713% {
    transform: translate(78.3832vw, 328.565vh) scale(0.8984);
  }
  to {
    transform: translate(78.3832vw, 500vh) scale(0.8984);
  }
}
@keyframes fall-51 {
  0% {
    transform: translate(70.091vw, -10px) scale(0.2611);
  }
  54.471% {
    transform: translate(73.7415vw, 272.355vh) scale(0.2611);
  }
  to {
    transform: translate(73.7415vw, 500vh) scale(0.2611);
  }
}
@keyframes fall-52 {
  0% {
    transform: translate(71.8947vw, -10px) scale(0.4615);
  }
  40.692% {
    transform: translate(77.5524vw, 203.46vh) scale(0.4615);
  }
  to {
    transform: translate(77.5524vw, 500vh) scale(0.4615);
  }
}
@keyframes fall-53 {
  0% {
    transform: translate(26.2289vw, -10px) scale(0.1186);
  }
  78.394% {
    transform: translate(22.0726vw, 391.97vh) scale(0.1186);
  }
  to {
    transform: translate(22.0726vw, 500vh) scale(0.1186);
  }
}
@keyframes fall-54 {
  0% {
    transform: translate(12.6765vw, -10px) scale(0.8854);
  }
  68.432% {
    transform: translate(18.7207vw, 342.16vh) scale(0.8854);
  }
  to {
    transform: translate(18.7207vw, 500vh) scale(0.8854);
  }
}
@keyframes fall-55 {
  0% {
    transform: translate(93.6397vw, -10px) scale(0.3546);
  }
  35.495% {
    transform: translate(86.4777vw, 177.475vh) scale(0.3546);
  }
  to {
    transform: translate(86.4777vw, 500vh) scale(0.3546);
  }
}
@keyframes fall-56 {
  0% {
    transform: translate(41.0196vw, -10px) scale(0.6491);
  }
  36.963% {
    transform: translate(44.1059vw, 184.815vh) scale(0.6491);
  }
  to {
    transform: translate(44.1059vw, 500vh) scale(0.6491);
  }
}
@keyframes fall-57 {
  0% {
    transform: translate(61.5453vw, -10px) scale(0.644);
  }
  37.335% {
    transform: translate(67.0919vw, 186.675vh) scale(0.644);
  }
  to {
    transform: translate(67.0919vw, 500vh) scale(0.644);
  }
}
@keyframes fall-58 {
  0% {
    transform: translate(95.3074vw, -10px) scale(0.6252);
  }
  49.186% {
    transform: translate(85.4801vw, 245.93vh) scale(0.6252);
  }
  to {
    transform: translate(85.4801vw, 500vh) scale(0.6252);
  }
}
@keyframes fall-59 {
  0% {
    transform: translate(48.6128vw, -10px) scale(0.893);
  }
  71.237% {
    transform: translate(50.3985vw, 356.185vh) scale(0.893);
  }
  to {
    transform: translate(50.3985vw, 500vh) scale(0.893);
  }
}
@keyframes fall-60 {
  0% {
    transform: translate(45.9503vw, -10px) scale(0.5346);
  }
  36.326% {
    transform: translate(40.0012vw, 181.63vh) scale(0.5346);
  }
  to {
    transform: translate(40.0012vw, 500vh) scale(0.5346);
  }
}
@keyframes fall-61 {
  0% {
    transform: translate(93.2032vw, -10px) scale(0.778);
  }
  34.613% {
    transform: translate(95.9693vw, 173.065vh) scale(0.778);
  }
  to {
    transform: translate(95.9693vw, 500vh) scale(0.778);
  }
}
@keyframes fall-62 {
  0% {
    transform: translate(68.0375vw, -10px) scale(0.7476);
  }
  64.115% {
    transform: translate(71.48vw, 320.575vh) scale(0.7476);
  }
  to {
    transform: translate(71.48vw, 500vh) scale(0.7476);
  }
}
@keyframes fall-63 {
  0% {
    transform: translate(50.2431vw, -10px) scale(0.6276);
  }
  38.311% {
    transform: translate(44.113vw, 191.555vh) scale(0.6276);
  }
  to {
    transform: translate(44.113vw, 500vh) scale(0.6276);
  }
}
@keyframes fall-64 {
  0% {
    transform: translate(17.9648vw, -10px) scale(0.5471);
  }
  53.039% {
    transform: translate(14.0263vw, 265.195vh) scale(0.5471);
  }
  to {
    transform: translate(14.0263vw, 500vh) scale(0.5471);
  }
}
@keyframes fall-65 {
  0% {
    transform: translate(39.3441vw, -10px) scale(0.1205);
  }
  40.414% {
    transform: translate(41.1046vw, 202.07vh) scale(0.1205);
  }
  to {
    transform: translate(41.1046vw, 500vh) scale(0.1205);
  }
}
@keyframes fall-66 {
  0% {
    transform: translate(61.164vw, -10px) scale(0.8968);
  }
  76.697% {
    transform: translate(70.7364vw, 383.485vh) scale(0.8968);
  }
  to {
    transform: translate(70.7364vw, 500vh) scale(0.8968);
  }
}
@keyframes fall-67 {
  0% {
    transform: translate(94.5125vw, -10px) scale(0.7057);
  }
  56.893% {
    transform: translate(97.7737vw, 284.465vh) scale(0.7057);
  }
  to {
    transform: translate(97.7737vw, 500vh) scale(0.7057);
  }
}
@keyframes fall-68 {
  0% {
    transform: translate(84.3443vw, -10px) scale(0.1937);
  }
  71.745% {
    transform: translate(82.0082vw, 358.725vh) scale(0.1937);
  }
  to {
    transform: translate(82.0082vw, 500vh) scale(0.1937);
  }
}
@keyframes fall-69 {
  0% {
    transform: translate(93.2634vw, -10px) scale(0.2122);
  }
  31.393% {
    transform: translate(85.4496vw, 156.965vh) scale(0.2122);
  }
  to {
    transform: translate(85.4496vw, 500vh) scale(0.2122);
  }
}
@keyframes fall-70 {
  0% {
    transform: translate(87.0381vw, -10px) scale(0.3044);
  }
  75.291% {
    transform: translate(92.9872vw, 376.455vh) scale(0.3044);
  }
  to {
    transform: translate(92.9872vw, 500vh) scale(0.3044);
  }
}
@keyframes fall-71 {
  0% {
    transform: translate(83.2343vw, -10px) scale(0.4674);
  }
  48.044% {
    transform: translate(87.3591vw, 240.22vh) scale(0.4674);
  }
  to {
    transform: translate(87.3591vw, 500vh) scale(0.4674);
  }
}
@keyframes fall-72 {
  0% {
    transform: translate(21.9834vw, -10px) scale(0.035);
  }
  45.242% {
    transform: translate(17.5112vw, 226.21vh) scale(0.035);
  }
  to {
    transform: translate(17.5112vw, 500vh) scale(0.035);
  }
}
@keyframes fall-73 {
  0% {
    transform: translate(4.6564vw, -10px) scale(0.4578);
  }
  39.296% {
    transform: translate(12.3571vw, 196.48vh) scale(0.4578);
  }
  to {
    transform: translate(12.3571vw, 500vh) scale(0.4578);
  }
}
@keyframes fall-74 {
  0% {
    transform: translate(73.13vw, -10px) scale(0.538);
  }
  55.585% {
    transform: translate(66.0913vw, 277.925vh) scale(0.538);
  }
  to {
    transform: translate(66.0913vw, 500vh) scale(0.538);
  }
}
@keyframes fall-75 {
  0% {
    transform: translate(45.0336vw, -10px) scale(0.5465);
  }
  65.207% {
    transform: translate(40.7007vw, 326.035vh) scale(0.5465);
  }
  to {
    transform: translate(40.7007vw, 500vh) scale(0.5465);
  }
}
@keyframes fall-76 {
  0% {
    transform: translate(91.8235vw, -10px) scale(0.3183);
  }
  71.135% {
    transform: translate(89.4797vw, 355.675vh) scale(0.3183);
  }
  to {
    transform: translate(89.4797vw, 500vh) scale(0.3183);
  }
}
@keyframes fall-77 {
  0% {
    transform: translate(68.0933vw, -10px) scale(0.1429);
  }
  60.654% {
    transform: translate(58.3085vw, 303.27vh) scale(0.1429);
  }
  to {
    transform: translate(58.3085vw, 500vh) scale(0.1429);
  }
}
@keyframes fall-78 {
  0% {
    transform: translate(47.8695vw, -10px) scale(0.3149);
  }
  61.549% {
    transform: translate(57.4894vw, 307.745vh) scale(0.3149);
  }
  to {
    transform: translate(57.4894vw, 500vh) scale(0.3149);
  }
}
@keyframes fall-79 {
  0% {
    transform: translate(66.0188vw, -10px) scale(0.9874);
  }
  58.132% {
    transform: translate(67.0063vw, 290.66vh) scale(0.9874);
  }
  to {
    transform: translate(67.0063vw, 500vh) scale(0.9874);
  }
}
@keyframes fall-80 {
  0% {
    transform: translate(29.3147vw, -10px) scale(0.9567);
  }
  68.927% {
    transform: translate(38.1169vw, 344.635vh) scale(0.9567);
  }
  to {
    transform: translate(38.1169vw, 500vh) scale(0.9567);
  }
}
@keyframes fall-81 {
  0% {
    transform: translate(86.3136vw, -10px) scale(0.392);
  }
  74.754% {
    transform: translate(95.59vw, 373.77vh) scale(0.392);
  }
  to {
    transform: translate(95.59vw, 500vh) scale(0.392);
  }
}
@keyframes fall-82 {
  0% {
    transform: translate(11.0058vw, -10px) scale(0.5456);
  }
  32.147% {
    transform: translate(20.3699vw, 160.735vh) scale(0.5456);
  }
  to {
    transform: translate(20.3699vw, 500vh) scale(0.5456);
  }
}
@keyframes fall-83 {
  0% {
    transform: translate(73.8412vw, -10px) scale(0.7214);
  }
  47.175% {
    transform: translate(64.1417vw, 235.875vh) scale(0.7214);
  }
  to {
    transform: translate(64.1417vw, 500vh) scale(0.7214);
  }
}
@keyframes fall-84 {
  0% {
    transform: translate(58.1583vw, -10px) scale(0.5781);
  }
  75.677% {
    transform: translate(51.5033vw, 378.385vh) scale(0.5781);
  }
  to {
    transform: translate(51.5033vw, 500vh) scale(0.5781);
  }
}
@keyframes fall-85 {
  0% {
    transform: translate(22.4257vw, -10px) scale(0.5251);
  }
  72.245% {
    transform: translate(32.3762vw, 361.225vh) scale(0.5251);
  }
  to {
    transform: translate(32.3762vw, 500vh) scale(0.5251);
  }
}
@keyframes fall-86 {
  0% {
    transform: translate(87.7816vw, -10px) scale(0.6993);
  }
  66.418% {
    transform: translate(88.2378vw, 332.09vh) scale(0.6993);
  }
  to {
    transform: translate(88.2378vw, 500vh) scale(0.6993);
  }
}
@keyframes fall-87 {
  0% {
    transform: translate(44.3453vw, -10px) scale(0.4524);
  }
  38.815% {
    transform: translate(34.5165vw, 194.075vh) scale(0.4524);
  }
  to {
    transform: translate(34.5165vw, 500vh) scale(0.4524);
  }
}
@keyframes fall-88 {
  0% {
    transform: translate(64.9483vw, -10px) scale(0.189);
  }
  45.127% {
    transform: translate(69.7258vw, 225.635vh) scale(0.189);
  }
  to {
    transform: translate(69.7258vw, 500vh) scale(0.189);
  }
}
@keyframes fall-89 {
  0% {
    transform: translate(79.9576vw, -10px) scale(0.3176);
  }
  37.998% {
    transform: translate(83.7259vw, 189.99vh) scale(0.3176);
  }
  to {
    transform: translate(83.7259vw, 500vh) scale(0.3176);
  }
}
@keyframes fall-90 {
  0% {
    transform: translate(19.2949vw, -10px) scale(0.6592);
  }
  46.923% {
    transform: translate(14.5871vw, 234.615vh) scale(0.6592);
  }
  to {
    transform: translate(14.5871vw, 500vh) scale(0.6592);
  }
}
@keyframes fall-91 {
  0% {
    transform: translate(97.2371vw, -10px) scale(0.2481);
  }
  62.982% {
    transform: translate(95.9812vw, 314.91vh) scale(0.2481);
  }
  to {
    transform: translate(95.9812vw, 500vh) scale(0.2481);
  }
}
@keyframes fall-92 {
  0% {
    transform: translate(9.7218vw, -10px) scale(0.0703);
  }
  44.884% {
    transform: translate(10.6318vw, 224.42vh) scale(0.0703);
  }
  to {
    transform: translate(10.6318vw, 500vh) scale(0.0703);
  }
}
@keyframes fall-93 {
  0% {
    transform: translate(87.8327vw, -10px) scale(0.3308);
  }
  56.872% {
    transform: translate(82.118vw, 284.36vh) scale(0.3308);
  }
  to {
    transform: translate(82.118vw, 500vh) scale(0.3308);
  }
}
@keyframes fall-94 {
  0% {
    transform: translate(15.9212vw, -10px) scale(0.0427);
  }
  49.788% {
    transform: translate(12.6066vw, 248.94vh) scale(0.0427);
  }
  to {
    transform: translate(12.6066vw, 500vh) scale(0.0427);
  }
}
@keyframes fall-95 {
  0% {
    transform: translate(22.1231vw, -10px) scale(0.9707);
  }
  59.374% {
    transform: translate(30.1441vw, 296.87vh) scale(0.9707);
  }
  to {
    transform: translate(30.1441vw, 500vh) scale(0.9707);
  }
}
@keyframes fall-96 {
  0% {
    transform: translate(67.0896vw, -10px) scale(0.4599);
  }
  60.036% {
    transform: translate(68.8391vw, 300.18vh) scale(0.4599);
  }
  to {
    transform: translate(68.8391vw, 500vh) scale(0.4599);
  }
}
@keyframes fall-97 {
  0% {
    transform: translate(34.8592vw, -10px) scale(0.253);
  }
  57.631% {
    transform: translate(40.0964vw, 288.155vh) scale(0.253);
  }
  to {
    transform: translate(40.0964vw, 500vh) scale(0.253);
  }
}
@keyframes fall-98 {
  0% {
    transform: translate(90.7964vw, -10px) scale(0.6818);
  }
  42.67% {
    transform: translate(100.6284vw, 213.35vh) scale(0.6818);
  }
  to {
    transform: translate(100.6284vw, 500vh) scale(0.6818);
  }
}
@keyframes fall-99 {
  0% {
    transform: translate(78.7752vw, -10px) scale(0.8432);
  }
  50.312% {
    transform: translate(80.9308vw, 251.56vh) scale(0.8432);
  }
  to {
    transform: translate(80.9308vw, 500vh) scale(0.8432);
  }
}
@keyframes fall-100 {
  0% {
    transform: translate(38.8123vw, -10px) scale(0.6441);
  }
  49.936% {
    transform: translate(38.9012vw, 249.68vh) scale(0.6441);
  }
  to {
    transform: translate(38.9012vw, 500vh) scale(0.6441);
  }
}
@keyframes fall-101 {
  0% {
    transform: translate(88.047vw, -10px) scale(0.2445);
  }
  53.987% {
    transform: translate(83.5321vw, 269.935vh) scale(0.2445);
  }
  to {
    transform: translate(83.5321vw, 500vh) scale(0.2445);
  }
}
@keyframes fall-102 {
  0% {
    transform: translate(86.0001vw, -10px) scale(0.523);
  }
  78.901% {
    transform: translate(89.3112vw, 394.505vh) scale(0.523);
  }
  to {
    transform: translate(89.3112vw, 500vh) scale(0.523);
  }
}
@keyframes fall-103 {
  0% {
    transform: translate(71.2342vw, -10px) scale(0.5477);
  }
  75.724% {
    transform: translate(70.448vw, 378.62vh) scale(0.5477);
  }
  to {
    transform: translate(70.448vw, 500vh) scale(0.5477);
  }
}
@keyframes fall-104 {
  0% {
    transform: translate(73.7704vw, -10px) scale(0.2301);
  }
  40.506% {
    transform: translate(75.2962vw, 202.53vh) scale(0.2301);
  }
  to {
    transform: translate(75.2962vw, 500vh) scale(0.2301);
  }
}
@keyframes fall-105 {
  0% {
    transform: translate(21.6507vw, -10px) scale(0.7578);
  }
  47.867% {
    transform: translate(18.1465vw, 239.335vh) scale(0.7578);
  }
  to {
    transform: translate(18.1465vw, 500vh) scale(0.7578);
  }
}
@keyframes fall-106 {
  0% {
    transform: translate(69.9254vw, -10px) scale(0.8862);
  }
  34.608% {
    transform: translate(76.5977vw, 173.04vh) scale(0.8862);
  }
  to {
    transform: translate(76.5977vw, 500vh) scale(0.8862);
  }
}
@keyframes fall-107 {
  0% {
    transform: translate(33.5963vw, -10px) scale(0.8169);
  }
  34.565% {
    transform: translate(36.4509vw, 172.825vh) scale(0.8169);
  }
  to {
    transform: translate(36.4509vw, 500vh) scale(0.8169);
  }
}
@keyframes fall-108 {
  0% {
    transform: translate(55.2796vw, -10px) scale(0.3275);
  }
  64.389% {
    transform: translate(51.3202vw, 321.945vh) scale(0.3275);
  }
  to {
    transform: translate(51.3202vw, 500vh) scale(0.3275);
  }
}
@keyframes fall-109 {
  0% {
    transform: translate(64.8009vw, -10px) scale(0.6504);
  }
  74.825% {
    transform: translate(62.2742vw, 374.125vh) scale(0.6504);
  }
  to {
    transform: translate(62.2742vw, 500vh) scale(0.6504);
  }
}
@keyframes fall-110 {
  0% {
    transform: translate(49.356vw, -10px) scale(0.3059);
  }
  33.531% {
    transform: translate(47.2956vw, 167.655vh) scale(0.3059);
  }
  to {
    transform: translate(47.2956vw, 500vh) scale(0.3059);
  }
}
@keyframes fall-111 {
  0% {
    transform: translate(3.4721vw, -10px) scale(0.7298);
  }
  31.892% {
    transform: translate(7.4313vw, 159.46vh) scale(0.7298);
  }
  to {
    transform: translate(7.4313vw, 500vh) scale(0.7298);
  }
}
@keyframes fall-112 {
  0% {
    transform: translate(13.3794vw, -10px) scale(0.8985);
  }
  47.607% {
    transform: translate(16.8953vw, 238.035vh) scale(0.8985);
  }
  to {
    transform: translate(16.8953vw, 500vh) scale(0.8985);
  }
}
@keyframes fall-113 {
  0% {
    transform: translate(14.4254vw, -10px) scale(0.4559);
  }
  40.985% {
    transform: translate(18.7942vw, 204.925vh) scale(0.4559);
  }
  to {
    transform: translate(18.7942vw, 500vh) scale(0.4559);
  }
}
@keyframes fall-114 {
  0% {
    transform: translate(71.0416vw, -10px) scale(0.5105);
  }
  38.063% {
    transform: translate(77.3395vw, 190.315vh) scale(0.5105);
  }
  to {
    transform: translate(77.3395vw, 500vh) scale(0.5105);
  }
}
@keyframes fall-115 {
  0% {
    transform: translate(91.2437vw, -10px) scale(0.4824);
  }
  31.037% {
    transform: translate(92.403vw, 155.185vh) scale(0.4824);
  }
  to {
    transform: translate(92.403vw, 500vh) scale(0.4824);
  }
}
@keyframes fall-116 {
  0% {
    transform: translate(44.0164vw, -10px) scale(0.4592);
  }
  37.36% {
    transform: translate(35.8611vw, 186.8vh) scale(0.4592);
  }
  to {
    transform: translate(35.8611vw, 500vh) scale(0.4592);
  }
}
@keyframes fall-117 {
  0% {
    transform: translate(8.7594vw, -10px) scale(0.349);
  }
  79.872% {
    transform: translate(14.6396vw, 399.36vh) scale(0.349);
  }
  to {
    transform: translate(14.6396vw, 500vh) scale(0.349);
  }
}
@keyframes fall-118 {
  0% {
    transform: translate(45.3213vw, -10px) scale(0.8307);
  }
  42.041% {
    transform: translate(37.0728vw, 210.205vh) scale(0.8307);
  }
  to {
    transform: translate(37.0728vw, 500vh) scale(0.8307);
  }
}
@keyframes fall-119 {
  0% {
    transform: translate(22.0395vw, -10px) scale(0.0984);
  }
  48.703% {
    transform: translate(30.0774vw, 243.515vh) scale(0.0984);
  }
  to {
    transform: translate(30.0774vw, 500vh) scale(0.0984);
  }
}
@keyframes fall-120 {
  0% {
    transform: translate(87.3706vw, -10px) scale(0.1464);
  }
  63.622% {
    transform: translate(97.3676vw, 318.11vh) scale(0.1464);
  }
  to {
    transform: translate(97.3676vw, 500vh) scale(0.1464);
  }
}
@keyframes fall-121 {
  0% {
    transform: translate(86.6338vw, -10px) scale(0.4769);
  }
  50.704% {
    transform: translate(85.6836vw, 253.52vh) scale(0.4769);
  }
  to {
    transform: translate(85.6836vw, 500vh) scale(0.4769);
  }
}
@keyframes fall-122 {
  0% {
    transform: translate(12.075vw, -10px) scale(0.0554);
  }
  53.086% {
    transform: translate(2.2171vw, 265.43vh) scale(0.0554);
  }
  to {
    transform: translate(2.2171vw, 500vh) scale(0.0554);
  }
}
@keyframes fall-123 {
  0% {
    transform: translate(65.0172vw, -10px) scale(0.2108);
  }
  64.07% {
    transform: translate(64.1233vw, 320.35vh) scale(0.2108);
  }
  to {
    transform: translate(64.1233vw, 500vh) scale(0.2108);
  }
}
@keyframes fall-124 {
  0% {
    transform: translate(60.4087vw, -10px) scale(0.1115);
  }
  68.121% {
    transform: translate(58.994vw, 340.605vh) scale(0.1115);
  }
  to {
    transform: translate(58.994vw, 500vh) scale(0.1115);
  }
}
@keyframes fall-125 {
  0% {
    transform: translate(98.7096vw, -10px) scale(0.9311);
  }
  75.114% {
    transform: translate(90.4359vw, 375.57vh) scale(0.9311);
  }
  to {
    transform: translate(90.4359vw, 500vh) scale(0.9311);
  }
}
@keyframes fall-126 {
  0% {
    transform: translate(63.7734vw, -10px) scale(0.1278);
  }
  55.664% {
    transform: translate(63.7564vw, 278.32vh) scale(0.1278);
  }
  to {
    transform: translate(63.7564vw, 500vh) scale(0.1278);
  }
}
@keyframes fall-127 {
  0% {
    transform: translate(35.0751vw, -10px) scale(0.934);
  }
  69.943% {
    transform: translate(37.9026vw, 349.715vh) scale(0.934);
  }
  to {
    transform: translate(37.9026vw, 500vh) scale(0.934);
  }
}
@keyframes fall-128 {
  0% {
    transform: translate(35.9242vw, -10px) scale(0.3676);
  }
  63.279% {
    transform: translate(31.2915vw, 316.395vh) scale(0.3676);
  }
  to {
    transform: translate(31.2915vw, 500vh) scale(0.3676);
  }
}
@keyframes fall-129 {
  0% {
    transform: translate(17.5442vw, -10px) scale(0.7867);
  }
  76.025% {
    transform: translate(26.4097vw, 380.125vh) scale(0.7867);
  }
  to {
    transform: translate(26.4097vw, 500vh) scale(0.7867);
  }
}
@keyframes fall-130 {
  0% {
    transform: translate(3.8468vw, -10px) scale(0.6345);
  }
  75.042% {
    transform: translate(-5.7318vw, 375.21vh) scale(0.6345);
  }
  to {
    transform: translate(-5.7318vw, 500vh) scale(0.6345);
  }
}
@keyframes fall-131 {
  0% {
    transform: translate(46.7941vw, -10px) scale(0.5017);
  }
  64.836% {
    transform: translate(53.6109vw, 324.18vh) scale(0.5017);
  }
  to {
    transform: translate(53.6109vw, 500vh) scale(0.5017);
  }
}
@keyframes fall-132 {
  0% {
    transform: translate(53.072vw, -10px) scale(0.6075);
  }
  45.476% {
    transform: translate(54.8638vw, 227.38vh) scale(0.6075);
  }
  to {
    transform: translate(54.8638vw, 500vh) scale(0.6075);
  }
}
@keyframes fall-133 {
  0% {
    transform: translate(30.9233vw, -10px) scale(0.4745);
  }
  70.485% {
    transform: translate(37.0544vw, 352.425vh) scale(0.4745);
  }
  to {
    transform: translate(37.0544vw, 500vh) scale(0.4745);
  }
}
@keyframes fall-134 {
  0% {
    transform: translate(32.0234vw, -10px) scale(0.9395);
  }
  34.317% {
    transform: translate(30.784vw, 171.585vh) scale(0.9395);
  }
  to {
    transform: translate(30.784vw, 500vh) scale(0.9395);
  }
}
@keyframes fall-135 {
  0% {
    transform: translate(18.0667vw, -10px) scale(0.9578);
  }
  71.901% {
    transform: translate(11.148vw, 359.505vh) scale(0.9578);
  }
  to {
    transform: translate(11.148vw, 500vh) scale(0.9578);
  }
}
@keyframes fall-136 {
  0% {
    transform: translate(58.2385vw, -10px) scale(0.1337);
  }
  39.16% {
    transform: translate(50.7339vw, 195.8vh) scale(0.1337);
  }
  to {
    transform: translate(50.7339vw, 500vh) scale(0.1337);
  }
}
@keyframes fall-137 {
  0% {
    transform: translate(62.2754vw, -10px) scale(0.6831);
  }
  45.347% {
    transform: translate(60.5137vw, 226.735vh) scale(0.6831);
  }
  to {
    transform: translate(60.5137vw, 500vh) scale(0.6831);
  }
}
@keyframes fall-138 {
  0% {
    transform: translate(49.9061vw, -10px) scale(0.5133);
  }
  67.758% {
    transform: translate(59.1164vw, 338.79vh) scale(0.5133);
  }
  to {
    transform: translate(59.1164vw, 500vh) scale(0.5133);
  }
}
@keyframes fall-139 {
  0% {
    transform: translate(72.5736vw, -10px) scale(0.2963);
  }
  73.134% {
    transform: translate(72.4171vw, 365.67vh) scale(0.2963);
  }
  to {
    transform: translate(72.4171vw, 500vh) scale(0.2963);
  }
}
@keyframes fall-140 {
  0% {
    transform: translate(21.3817vw, -10px) scale(0.3986);
  }
  54.813% {
    transform: translate(30.2279vw, 274.065vh) scale(0.3986);
  }
  to {
    transform: translate(30.2279vw, 500vh) scale(0.3986);
  }
}
@keyframes fall-141 {
  0% {
    transform: translate(10.4096vw, -10px) scale(0.729);
  }
  37.521% {
    transform: translate(0.5838vw, 187.605vh) scale(0.729);
  }
  to {
    transform: translate(0.5838vw, 500vh) scale(0.729);
  }
}
@keyframes fall-142 {
  0% {
    transform: translate(29.4113vw, -10px) scale(0.7819);
  }
  75.547% {
    transform: translate(27.0413vw, 377.735vh) scale(0.7819);
  }
  to {
    transform: translate(27.0413vw, 500vh) scale(0.7819);
  }
}
@keyframes fall-143 {
  0% {
    transform: translate(53.7738vw, -10px) scale(0.3769);
  }
  58.104% {
    transform: translate(52.1121vw, 290.52vh) scale(0.3769);
  }
  to {
    transform: translate(52.1121vw, 500vh) scale(0.3769);
  }
}
@keyframes fall-144 {
  0% {
    transform: translate(46.3695vw, -10px) scale(0.7356);
  }
  55.353% {
    transform: translate(44.16vw, 276.765vh) scale(0.7356);
  }
  to {
    transform: translate(44.16vw, 500vh) scale(0.7356);
  }
}
@keyframes fall-145 {
  0% {
    transform: translate(3.3332vw, -10px) scale(0.6799);
  }
  56.808% {
    transform: translate(3.1736vw, 284.04vh) scale(0.6799);
  }
  to {
    transform: translate(3.1736vw, 500vh) scale(0.6799);
  }
}
@keyframes fall-146 {
  0% {
    transform: translate(30.8706vw, -10px) scale(0.691);
  }
  41.604% {
    transform: translate(35.1294vw, 208.02vh) scale(0.691);
  }
  to {
    transform: translate(35.1294vw, 500vh) scale(0.691);
  }
}
@keyframes fall-147 {
  0% {
    transform: translate(34.8955vw, -10px) scale(0.1025);
  }
  56.423% {
    transform: translate(27.2642vw, 282.115vh) scale(0.1025);
  }
  to {
    transform: translate(27.2642vw, 500vh) scale(0.1025);
  }
}
@keyframes fall-148 {
  0% {
    transform: translate(48.4vw, -10px) scale(0.3843);
  }
  53.95% {
    transform: translate(45.6544vw, 269.75vh) scale(0.3843);
  }
  to {
    transform: translate(45.6544vw, 500vh) scale(0.3843);
  }
}
@keyframes fall-149 {
  0% {
    transform: translate(30.1664vw, -10px) scale(0.3549);
  }
  75.787% {
    transform: translate(31.5839vw, 378.935vh) scale(0.3549);
  }
  to {
    transform: translate(31.5839vw, 500vh) scale(0.3549);
  }
}
@keyframes fall-150 {
  0% {
    transform: translate(90.0143vw, -10px) scale(0.4128);
  }
  34.323% {
    transform: translate(83.847vw, 171.615vh) scale(0.4128);
  }
  to {
    transform: translate(83.847vw, 500vh) scale(0.4128);
  }
}
@keyframes fall-151 {
  0% {
    transform: translate(53.6997vw, -10px) scale(0.973);
  }
  41.56% {
    transform: translate(61.0379vw, 207.8vh) scale(0.973);
  }
  to {
    transform: translate(61.0379vw, 500vh) scale(0.973);
  }
}
@keyframes fall-152 {
  0% {
    transform: translate(23.111vw, -10px) scale(0.1659);
  }
  43.679% {
    transform: translate(14.1849vw, 218.395vh) scale(0.1659);
  }
  to {
    transform: translate(14.1849vw, 500vh) scale(0.1659);
  }
}
@keyframes fall-153 {
  0% {
    transform: translate(13.6331vw, -10px) scale(0.024);
  }
  53.809% {
    transform: translate(20.0121vw, 269.045vh) scale(0.024);
  }
  to {
    transform: translate(20.0121vw, 500vh) scale(0.024);
  }
}
@keyframes fall-154 {
  0% {
    transform: translate(44.7885vw, -10px) scale(0.7762);
  }
  33.176% {
    transform: translate(39.4795vw, 165.88vh) scale(0.7762);
  }
  to {
    transform: translate(39.4795vw, 500vh) scale(0.7762);
  }
}
@keyframes fall-155 {
  0% {
    transform: translate(68.7817vw, -10px) scale(0.9466);
  }
  48.662% {
    transform: translate(67.9055vw, 243.31vh) scale(0.9466);
  }
  to {
    transform: translate(67.9055vw, 500vh) scale(0.9466);
  }
}
@keyframes fall-156 {
  0% {
    transform: translate(43.5249vw, -10px) scale(0.8211);
  }
  64.5% {
    transform: translate(44.5878vw, 322.5vh) scale(0.8211);
  }
  to {
    transform: translate(44.5878vw, 500vh) scale(0.8211);
  }
}
@keyframes fall-157 {
  0% {
    transform: translate(67.3877vw, -10px) scale(0.6658);
  }
  31.715% {
    transform: translate(69.0716vw, 158.575vh) scale(0.6658);
  }
  to {
    transform: translate(69.0716vw, 500vh) scale(0.6658);
  }
}
@keyframes fall-158 {
  0% {
    transform: translate(7.6574vw, -10px) scale(0.4456);
  }
  57.551% {
    transform: translate(13.1548vw, 287.755vh) scale(0.4456);
  }
  to {
    transform: translate(13.1548vw, 500vh) scale(0.4456);
  }
}
@keyframes fall-159 {
  0% {
    transform: translate(96.0212vw, -10px) scale(0.025);
  }
  33.547% {
    transform: translate(102.536vw, 167.735vh) scale(0.025);
  }
  to {
    transform: translate(102.536vw, 500vh) scale(0.025);
  }
}
@keyframes fall-160 {
  0% {
    transform: translate(44.7371vw, -10px) scale(0.0676);
  }
  47.012% {
    transform: translate(52.2727vw, 235.06vh) scale(0.0676);
  }
  to {
    transform: translate(52.2727vw, 500vh) scale(0.0676);
  }
}
@keyframes fall-161 {
  0% {
    transform: translate(39.2828vw, -10px) scale(0.3604);
  }
  70.318% {
    transform: translate(47.9789vw, 351.59vh) scale(0.3604);
  }
  to {
    transform: translate(47.9789vw, 500vh) scale(0.3604);
  }
}
@keyframes fall-162 {
  0% {
    transform: translate(64.4435vw, -10px) scale(0.9293);
  }
  45.658% {
    transform: translate(60.5214vw, 228.29vh) scale(0.9293);
  }
  to {
    transform: translate(60.5214vw, 500vh) scale(0.9293);
  }
}
@keyframes fall-163 {
  0% {
    transform: translate(74.9824vw, -10px) scale(0.0293);
  }
  55.267% {
    transform: translate(78.7897vw, 276.335vh) scale(0.0293);
  }
  to {
    transform: translate(78.7897vw, 500vh) scale(0.0293);
  }
}
@keyframes fall-164 {
  0% {
    transform: translate(18.7918vw, -10px) scale(0.051);
  }
  78.604% {
    transform: translate(24.6642vw, 393.02vh) scale(0.051);
  }
  to {
    transform: translate(24.6642vw, 500vh) scale(0.051);
  }
}
@keyframes fall-165 {
  0% {
    transform: translate(15.5418vw, -10px) scale(0.1478);
  }
  55.52% {
    transform: translate(11.4032vw, 277.6vh) scale(0.1478);
  }
  to {
    transform: translate(11.4032vw, 500vh) scale(0.1478);
  }
}
@keyframes fall-166 {
  0% {
    transform: translate(44.4641vw, -10px) scale(0.6248);
  }
  56.605% {
    transform: translate(52.0457vw, 283.025vh) scale(0.6248);
  }
  to {
    transform: translate(52.0457vw, 500vh) scale(0.6248);
  }
}
@keyframes fall-167 {
  0% {
    transform: translate(28.8245vw, -10px) scale(0.8624);
  }
  75.895% {
    transform: translate(33.1237vw, 379.475vh) scale(0.8624);
  }
  to {
    transform: translate(33.1237vw, 500vh) scale(0.8624);
  }
}
@keyframes fall-168 {
  0% {
    transform: translate(80.913vw, -10px) scale(0.7275);
  }
  49.197% {
    transform: translate(75.9628vw, 245.985vh) scale(0.7275);
  }
  to {
    transform: translate(75.9628vw, 500vh) scale(0.7275);
  }
}
@keyframes fall-169 {
  0% {
    transform: translate(74.0876vw, -10px) scale(0.7797);
  }
  79.594% {
    transform: translate(77.4674vw, 397.97vh) scale(0.7797);
  }
  to {
    transform: translate(77.4674vw, 500vh) scale(0.7797);
  }
}
@keyframes fall-170 {
  0% {
    transform: translate(13.9267vw, -10px) scale(0.1382);
  }
  63.442% {
    transform: translate(23.3694vw, 317.21vh) scale(0.1382);
  }
  to {
    transform: translate(23.3694vw, 500vh) scale(0.1382);
  }
}
@keyframes fall-171 {
  0% {
    transform: translate(23.8339vw, -10px) scale(0.0037);
  }
  54.211% {
    transform: translate(30.3715vw, 271.055vh) scale(0.0037);
  }
  to {
    transform: translate(30.3715vw, 500vh) scale(0.0037);
  }
}
@keyframes fall-172 {
  0% {
    transform: translate(88.1475vw, -10px) scale(0.9881);
  }
  43.77% {
    transform: translate(94.6834vw, 218.85vh) scale(0.9881);
  }
  to {
    transform: translate(94.6834vw, 500vh) scale(0.9881);
  }
}
@keyframes fall-173 {
  0% {
    transform: translate(71.2691vw, -10px) scale(0.1191);
  }
  48.162% {
    transform: translate(70.2915vw, 240.81vh) scale(0.1191);
  }
  to {
    transform: translate(70.2915vw, 500vh) scale(0.1191);
  }
}
@keyframes fall-174 {
  0% {
    transform: translate(58.9212vw, -10px) scale(0.5784);
  }
  36.037% {
    transform: translate(49.1607vw, 180.185vh) scale(0.5784);
  }
  to {
    transform: translate(49.1607vw, 500vh) scale(0.5784);
  }
}
@keyframes fall-175 {
  0% {
    transform: translate(49.6041vw, -10px) scale(0.651);
  }
  55.632% {
    transform: translate(51.9964vw, 278.16vh) scale(0.651);
  }
  to {
    transform: translate(51.9964vw, 500vh) scale(0.651);
  }
}
@keyframes fall-176 {
  0% {
    transform: translate(91.9809vw, -10px) scale(0.6306);
  }
  47.607% {
    transform: translate(83.2658vw, 238.035vh) scale(0.6306);
  }
  to {
    transform: translate(83.2658vw, 500vh) scale(0.6306);
  }
}
@keyframes fall-177 {
  0% {
    transform: translate(93.7871vw, -10px) scale(0.999);
  }
  71.802% {
    transform: translate(101.7103vw, 359.01vh) scale(0.999);
  }
  to {
    transform: translate(101.7103vw, 500vh) scale(0.999);
  }
}
@keyframes fall-178 {
  0% {
    transform: translate(88.6157vw, -10px) scale(0.7286);
  }
  40.685% {
    transform: translate(83.6673vw, 203.425vh) scale(0.7286);
  }
  to {
    transform: translate(83.6673vw, 500vh) scale(0.7286);
  }
}
@keyframes fall-179 {
  0% {
    transform: translate(95.986vw, -10px) scale(0.0661);
  }
  37.643% {
    transform: translate(96.9722vw, 188.215vh) scale(0.0661);
  }
  to {
    transform: translate(96.9722vw, 500vh) scale(0.0661);
  }
}
@keyframes fall-180 {
  0% {
    transform: translate(35.4073vw, -10px) scale(0.5263);
  }
  64.018% {
    transform: translate(35.5967vw, 320.09vh) scale(0.5263);
  }
  to {
    transform: translate(35.5967vw, 500vh) scale(0.5263);
  }
}
@keyframes fall-181 {
  0% {
    transform: translate(87.5505vw, -10px) scale(0.5982);
  }
  57.045% {
    transform: translate(96.8886vw, 285.225vh) scale(0.5982);
  }
  to {
    transform: translate(96.8886vw, 500vh) scale(0.5982);
  }
}
@keyframes fall-182 {
  0% {
    transform: translate(82.8059vw, -10px) scale(0.1163);
  }
  45.087% {
    transform: translate(73.0365vw, 225.435vh) scale(0.1163);
  }
  to {
    transform: translate(73.0365vw, 500vh) scale(0.1163);
  }
}
@keyframes fall-183 {
  0% {
    transform: translate(89.5372vw, -10px) scale(0.3556);
  }
  75.642% {
    transform: translate(84.0356vw, 378.21vh) scale(0.3556);
  }
  to {
    transform: translate(84.0356vw, 500vh) scale(0.3556);
  }
}
@keyframes fall-184 {
  0% {
    transform: translate(65.6068vw, -10px) scale(0.1093);
  }
  41.585% {
    transform: translate(70.2775vw, 207.925vh) scale(0.1093);
  }
  to {
    transform: translate(70.2775vw, 500vh) scale(0.1093);
  }
}
@keyframes fall-185 {
  0% {
    transform: translate(99.962vw, -10px) scale(0.2836);
  }
  73.254% {
    transform: translate(96.1087vw, 366.27vh) scale(0.2836);
  }
  to {
    transform: translate(96.1087vw, 500vh) scale(0.2836);
  }
}
@keyframes fall-186 {
  0% {
    transform: translate(26.7337vw, -10px) scale(0.6387);
  }
  50.792% {
    transform: translate(33.9309vw, 253.96vh) scale(0.6387);
  }
  to {
    transform: translate(33.9309vw, 500vh) scale(0.6387);
  }
}
@keyframes fall-187 {
  0% {
    transform: translate(35.7083vw, -10px) scale(0.4245);
  }
  32.317% {
    transform: translate(30.8173vw, 161.585vh) scale(0.4245);
  }
  to {
    transform: translate(30.8173vw, 500vh) scale(0.4245);
  }
}
@keyframes fall-188 {
  0% {
    transform: translate(3.9991vw, -10px) scale(0.1701);
  }
  44.394% {
    transform: translate(10.2537vw, 221.97vh) scale(0.1701);
  }
  to {
    transform: translate(10.2537vw, 500vh) scale(0.1701);
  }
}
@keyframes fall-189 {
  0% {
    transform: translate(93.6156vw, -10px) scale(0.8063);
  }
  61.541% {
    transform: translate(103.1564vw, 307.705vh) scale(0.8063);
  }
  to {
    transform: translate(103.1564vw, 500vh) scale(0.8063);
  }
}
@keyframes fall-190 {
  0% {
    transform: translate(31.6028vw, -10px) scale(0.7503);
  }
  77.375% {
    transform: translate(37.2437vw, 386.875vh) scale(0.7503);
  }
  to {
    transform: translate(37.2437vw, 500vh) scale(0.7503);
  }
}
@keyframes fall-191 {
  0% {
    transform: translate(24.2282vw, -10px) scale(0.6624);
  }
  34.827% {
    transform: translate(15.7191vw, 174.135vh) scale(0.6624);
  }
  to {
    transform: translate(15.7191vw, 500vh) scale(0.6624);
  }
}
@keyframes fall-192 {
  0% {
    transform: translate(92.2664vw, -10px) scale(0.8504);
  }
  38.006% {
    transform: translate(94.1861vw, 190.03vh) scale(0.8504);
  }
  to {
    transform: translate(94.1861vw, 500vh) scale(0.8504);
  }
}
@keyframes fall-193 {
  0% {
    transform: translate(10.7116vw, -10px) scale(0.4017);
  }
  37.833% {
    transform: translate(15.5002vw, 189.165vh) scale(0.4017);
  }
  to {
    transform: translate(15.5002vw, 500vh) scale(0.4017);
  }
}
@keyframes fall-194 {
  0% {
    transform: translate(1.038vw, -10px) scale(0.254);
  }
  42.45% {
    transform: translate(7.7657vw, 212.25vh) scale(0.254);
  }
  to {
    transform: translate(7.7657vw, 500vh) scale(0.254);
  }
}
@keyframes fall-195 {
  0% {
    transform: translate(94.2915vw, -10px) scale(0.3754);
  }
  62.872% {
    transform: translate(94.4241vw, 314.36vh) scale(0.3754);
  }
  to {
    transform: translate(94.4241vw, 500vh) scale(0.3754);
  }
}
@keyframes fall-196 {
  0% {
    transform: translate(17.726vw, -10px) scale(0.1145);
  }
  55.826% {
    transform: translate(24.1236vw, 279.13vh) scale(0.1145);
  }
  to {
    transform: translate(24.1236vw, 500vh) scale(0.1145);
  }
}
@keyframes fall-197 {
  0% {
    transform: translate(13.8247vw, -10px) scale(0.7595);
  }
  60.836% {
    transform: translate(13.5674vw, 304.18vh) scale(0.7595);
  }
  to {
    transform: translate(13.5674vw, 500vh) scale(0.7595);
  }
}
@keyframes fall-198 {
  0% {
    transform: translate(93.0908vw, -10px) scale(0.3956);
  }
  57.783% {
    transform: translate(100.5997vw, 288.915vh) scale(0.3956);
  }
  to {
    transform: translate(100.5997vw, 500vh) scale(0.3956);
  }
}
@keyframes fall-199 {
  0% {
    transform: translate(52.9282vw, -10px) scale(0.5394);
  }
  70.831% {
    transform: translate(46.7668vw, 354.155vh) scale(0.5394);
  }
  to {
    transform: translate(46.7668vw, 500vh) scale(0.5394);
  }
}
@keyframes fall-200 {
  0% {
    transform: translate(43.2324vw, -10px) scale(0.7235);
  }
  67.182% {
    transform: translate(47.3012vw, 335.91vh) scale(0.7235);
  }
  to {
    transform: translate(47.3012vw, 500vh) scale(0.7235);
  }
}
@property --gradient-stop {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 60%;
}
.agenda-rdv-tab-container.tab-type-icon {
  border: none;
  position: relative;
  overflow: hidden;
  background-color: white;
  background-image: none;
}

.agenda-rdv-tab-container.tab-type-icon.active {
  animation: show-gradient 1.2s ease-out forwards;
}

.agenda-rdv-tab-container.tab-type-icon::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  background: var(--main-color);
  opacity: 0;
  pointer-events: none;
}

.agenda-rdv-tab-container.tab-type-icon.active::after {
  animation: bar-sweep 0.4s cubic-bezier(0.81, 0.48, 0.86, 0.39) forwards;
}

@keyframes show-gradient {
  0% {
    background-image: none;
  }
  100% {
    background-image: linear-gradient(in oklab to right, white 60%, var(--main-color) 100%);
  }
}
@keyframes bar-sweep {
  0% {
    opacity: 1.5;
    left: 0%;
  }
  100% {
    opacity: 0.2;
    width: 0;
    left: 100%;
  }
}
.calendar-header-cell, .header-sm {
  border-radius: 0.75em 0 0;
  corner-shape: bevel round round round;
  background-image: linear-gradient(45deg, var(--agenda-calendar-header-bg-color), transparent);
}

.header-sm {
  padding-inline-start: 5px !important;
}

.agenda-rdv-tab-container.tab-type-icon:hover, .agenda-rdv-tab-container.tab-type-icon:active {
  background-image: radial-gradient(at center in oklab, oklch(from var(--main-color) l c h/15%), oklch(from var(--main-color) l c h/1%));
}

.template-q194 body {
  --agenda-calendar-column-gap: .1em;
  --agenda-border-radius: 0;
}