@charset "UTF-8";
/* Goodlife colors */
/* Screen sizes */
/* $grid-breakpoints: (
    xs: 0,
    sm: 821px,
    md: 961px,
    lg: 1201px,
    xl: 1281px,
    xxl: 1501px
); */
.split_container {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.side {
  width: 100%;
}

.left_side {
  padding-top: 72px;
  background-image: url("../onboarding/coffee_portrait_mobile.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 70vh;
  display: flex;
  justify-content: center;
  display: none;
}

.left_side > h1 {
  color: #F0EDE5;
  text-align: center;
}

.right_side {
  padding: 0px 16px 16px 16px;
  box-sizing: border-box;
}

.gl_input_group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.gl_input_group > * {
  flex-grow: 0.4;
}

.gl_input_block {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}

.gl_input_label {
  font-family: "Tolyer";
  font-size: 1.8em;
  line-height: normal;
}

.required {
  color: #E14422;
}

.gl_onboarding_form > h2 {
  padding: 72px 0 24px 0;
  text-align: center;
}

.with_cancel {
  padding-bottom: 0;
}

.cancel_link {
  padding: 0;
  margin-bottom: 2em;
}

.edit_form h3 {
  font-size: 3em;
  padding: 0;
}

.street_inputs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.street, .locality {
  width: 80%;
}

.street_number, .npa {
  width: 10%;
  min-width: 80px;
}

.gl_input {
  height: 35px;
  background-color: #F0EDE5;
  border: none;
  border-bottom: solid 1px #060500;
  font-size: 1.2em;
  padding-left: 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  outline: none;
  width: 100%;
  transition: 0.3s;
}

.gl_submit_button {
  padding: 0 !important;
}

.gl_input:focus {
  border-bottom: solid 1px #E14422;
}

.gl_input_error {
  font-family: "BrownStd";
  font-size: 1em;
  color: #E14422;
  margin-top: 10px;
}

.gl_radio_group {
  display: flex;
  flex-direction: row;
}

.gl_radio_input {
  height: 35px;
  margin: 0 8px;
  display: flex;
  align-items: center;
}

.gl_radio_input > label {
  font-family: "BrownStd";
  font-size: 1.2em;
}

.gl_radio_input > input {
  margin-top: -2px;
  margin-right: 8px;
}

.gl_radio_input > input:hover {
  color: #bf3b1f;
  background-color: #bf3b1f;
}

.gl_radio_input > input, .gl_radio_input > label {
  cursor: pointer;
}

.link_block {
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-top: 16px;
}

.link_block > p {
  font-size: 1.2em;
  line-height: normal;
  margin-right: 8px;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}

.link_block > a {
  text-decoration: none;
  color: #E14422;
  font-size: 1.2em;
  line-height: normal;
  transition: 0.3s;
}

.link_block > a:hover {
  text-decoration: underline;
  color: #bf3b1f;
}

.gl_button, .gl_button:focus {
  border: none;
  background-color: #E14422;
  color: #F0EDE5;
  box-sizing: border-box;
  font-family: "BrownStd";
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  cursor: pointer;
  height: 40px;
  font-size: 1.2em;
  padding: 12px 16px 10px 16px;
  outline: none;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s;
}

.gl_button_reverse {
  color: #060500;
  background-color: #F0EDE5;
  transition: 0.3s;
}

.gl_button_reverse:hover {
  background-color: #E14422;
  color: #F0EDE5;
}

.gl_button:active, .gl_button:hover {
  background-color: #bf3b1f;
}

.gl_button > span {
  margin-top: 2px;
}

.gl_button_bar {
  display: flex;
  flex-direction: column;
}

.space_between {
  justify-content: space-between;
}

.social_login {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 15px;
  margin: 16px 0px;
  border: solid #060500 1px;
  border-radius: 20px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 240px;
  transition: 0.3s;
}

.social_login:hover, .social_login:hover a {
  border-color: #bf3b1f;
  color: #bf3b1f;
}

.social_login > svg {
  margin-right: 15px;
}

.social_login > a {
  color: #060500;
  text-decoration: none;
  transition: 0.3s;
}

.gl_checkbox_label {
  font-family: "BrownStd";
  font-size: 20px;
  line-height: 28px;
}

@media (min-width: 821px) {
  .right_side {
    margin-top: 64px;
    padding: 0px 32px 32px 32px;
  }
}
@media (min-width: 961px) {
  .subform {
    margin-left: 2em;
  }
  .split_container {
    flex-direction: row;
  }
  .right_side {
    margin-top: 64px;
    padding: 0px 64px 32px 64px;
  }
  .left_side {
    padding-top: 64px;
    background-image: url("../onboarding/coffee_portrait.jpg");
    min-height: 100vh;
    display: flex;
  }
  .left_side > h1 {
    position: fixed;
  }
  .side {
    width: 50%;
  }
  .gl_onboarding_form > h2 {
    text-align: left;
  }
}
@media (min-width: 1201px) {
  .gl_button_bar {
    flex-direction: row;
  }
}
@media (min-width: 1501px) {
  .gl_onboarding_form {
    width: 80%;
  }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: -50px;
}

.lds-ellipsis div {
  position: absolute;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.introduction--new-home {
  background-color: #F0EDE5;
  background-image: none;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.background_animation {
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.lottie {
  margin-top: -2px;
  margin-bottom: -3px;
}

.lottie_section_content {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#lottie {
  display: none;
}

.home_side_slider h2 {
  font-size: 60px;
  line-height: 50px;
}

.home_side_slider {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #165949;
}

.split {
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.color_button {
  font-size: 1.3em;
  padding-bottom: 10px;
  padding-top: 15px;
  margin-top: 1em;
  border: solid 1px #060500;
  background-color: #F0EDE5;
  text-align: center;
  width: 80%;
  max-width: 300px;
  cursor: pointer;
  transition: 0.2s;
}

.color_button a {
  color: #060500;
  text-decoration: none;
  font-family: "BrownStd";
  font-weight: 400;
}

.introduction--specialty-coffees {
  background-color: #E14422;
  background-image: none;
  display: flex;
  flex-direction: column;
  min-height: -moz-fit-content;
  min-height: fit-content;
  margin-top: 0;
}

.introduction--specialty-coffees h2 {
  width: auto;
  margin: auto;
  max-width: none;
  padding: 48px;
  padding-bottom: 16px;
  text-align: center;
}

.new_home_coffees {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 90%;
  margin: auto;
  margin-bottom: 64px;
}

.flexible_button {
  margin-top: 32px;
  width: 100%;
  max-width: 375px;
}

.product_showcase {
  width: 30%;
  margin-bottom: 32px;
}

.product_showcase img {
  max-width: 100%;
}

.display_product {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 16px;
}

.home_product {
  width: 100%;
  margin: 0;
}

.home_slider {
  margin-top: 0 !important;
}

.home_side_slider h2, .home_side_slider p {
  color: #F0EDE5;
  width: 80%;
  text-align: center;
  margin: 0 10%;
}

.home_side_slider p {
  font-family: "BrownStd";
  font-size: 16px;
  line-height: 20px;
}

.home_side_slider .color_button {
  margin: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.tuktuk_section_content {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.tuktuk_section_content h2 {
  padding-top: 32px;
}

.introduction--tuk-tuk {
  min-height: -moz-fit-content;
  min-height: fit-content;
  margin-top: 0;
}

.tuktuk_section_content > p, .tuktuk_section_content > h2 {
  max-width: none;
}

.tuktuk_section_content > * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.tuktuk_section_content h2 {
  width: 90%;
}

.tuktuk_section_content p {
  width: 90%;
}

.tuktuk_section_content .color_button {
  margin-top: 0;
}

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

.introduction--home-outro h2 {
  width: 90%;
  font-size: 44px;
  line-height: 42px;
  text-align: center;
  margin: auto;
  margin-top: 64px;
  margin-bottom: 48px;
  padding: 0;
}

#lottie_tuk_tuk {
  display: none;
}

.introduction--specialty-coffees p {
  width: 90%;
  margin: auto;
  text-align: center;
  max-width: none;
  margin-bottom: 16px;
}

.split img {
  width: 100%;
}

.sc {
  display: none;
}

.introduction--home-outro a {
  color: #060500;
}

@media (min-width: 821px) {
  .lottie_section_content {
    flex-direction: row;
  }
  #lottie_mobile {
    display: none;
  }
  #lottie {
    display: block;
  }
  #lottie_tuk_tuk_mobile {
    display: none;
  }
  #lottie_tuk_tuk {
    display: block;
  }
  .lottie_section_content h1, .home_side_slider h2 {
    font-size: 72px;
    line-height: 72px;
  }
  .home_side_slider {
    padding: 0;
  }
  .introduction--home-outro h2 {
    width: 70%;
    line-height: 72px;
    font-size: 72px;
  }
  .split {
    width: 40%;
    align-items: start;
  }
  .tuktuk_section_content h2 {
    padding-top: 48px;
  }
  .home_side_slider p {
    font-size: 17px;
  }
  .introduction--specialty-coffees h2 {
    padding-bottom: 8px;
  }
  .home_side_slider .color_button {
    margin-bottom: 32px;
  }
  .sc-mobile {
    display: none;
  }
  .sc {
    display: block;
  }
}
@media (min-width: 961px) {
  .flex-reverse {
    flex-direction: row-reverse !important;
  }
}
@media (min-width: 1201px) {
  .lottie_section_content h1, .home_side_slider h2 {
    font-size: 96px;
    line-height: 96px;
  }
  .introduction--home-outro h2 {
    line-height: 80px;
    font-size: 80px;
  }
}
.home_content {
  display: none;
}

.home_content_mobile {
  display: flex;
}

@media (min-width: 821px) {
  .home_content {
    display: flex;
  }
  .home_content_mobile {
    display: none;
  }
}
.scroller {
  background-color: #F0EDE5 !important;
}

.article_intro_content * {
  /* margin: auto; */
  color: #F0EDE5;
}

.article_image_container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article_content {
  width: 80%;
  margin: auto;
  padding: 64px 0 32px 0;
  background-color: #F0EDE5 !important;
}
.article_content strong {
  font-weight: bold;
}

.article_content h1 {
  padding-top: 0.5em;
}

.article_content img {
  max-width: 100%;
  margin: auto;
  width: auto !important;
  height: auto !important;
}

.article_content p, .article_content li {
  font-size: 18px;
  line-height: 20px;
}

.article_content li {
  list-style-type: decimal;
  margin-left: 2em;
}

.article-content * {
  text-align: center;
}

.article-content > hr {
  display: none;
}

hr {
  color: #3e3b7e;
  width: 80%;
}

.article_intro {
  display: flex;
  flex-direction: column;
  background-color: #3e3b7e;
  margin-top: 56px;
}

.article_intro_content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.article_image_container {
  width: 100%;
  /*     margin-bottom: -4px; */
}

.article_intro_content h1 {
  font-size: 64px;
  line-height: 64px;
  padding: 32px 8px 24px 8px;
  text-align: center;
}

.article_intro_content p {
  width: 80%;
  text-align: center;
  font-size: 18px;
}

.article_recommandations {
  width: 90%;
  margin: auto;
  margin-bottom: 64px;
}

.article_recommandations h2 {
  color: #3e3b7e;
  font-size: 64px;
  padding-bottom: 16px;
  text-align: center;
}

.center_image_blog_article {
  text-align: center;
}

.article_recommandations_container {
  display: flex;
  flex-direction: column;
}

.blog_articles {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.article_recommmandation {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.5em;
  text-align: center;
  /*     border: solid 2px yellow; */
  margin-bottom: 80px !important;
}

.article_recommmandation * {
  color: #3e3b7e;
}

.article_recommmandation h3 {
  padding: 0;
  font-size: 42px;
  line-height: 44px;
  text-align: center;
  margin-top: 0.5em;
}

.article_recommmandation picture {
  display: flex;
  justify-content: center;
}

.article_recommmandation img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article_recommmandation p {
  width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.article_recommmandation a {
  color: #F0EDE5;
  background-color: #3e3b7e;
  font-size: 17px;
  padding: 8px 45px 7px 45px;
  margin-top: 18px;
  text-decoration: none;
}

@media (min-width: 961px) {
  .article_intro {
    flex-direction: row;
    margin-top: 64px;
    min-height: 800px;
  }
  .article_content img {
    max-width: 100%;
  }
  .article_intro_content {
    width: 55%;
  }
  .article_image_container {
    width: 45%;
  }
  .article_content {
    width: 60%;
  }
  .article_content p, .article_content li {
    font-size: 22px;
    line-height: 24px;
  }
  .article_recommandations {
    width: 80%;
  }
  .article_recommandations_container {
    flex-direction: row;
  }
  .article_recommmandation {
    width: calc(33.3333333333% - 60px);
    /* border: solid 2px red; */
    margin: 0 15px;
  }
  .article_recommmandation h3 {
    padding-top: 16px;
  }
  .article_intro_content h1 {
    font-size: 96px;
    line-height: 96px;
  }
  .article_intro_content p {
    font-size: 22px;
  }
  .article_recommandations h2 {
    font-size: 96px;
  }
}
.article_intro_content > p:last-child { /*paragraphe info du header*/
  position: absolute;
  bottom: 0;
  margin-bottom: 10px;
}

.article_intro_content > :nth-child(2) { /*paragraphe auteur du header*/
  margin-bottom: 40px;
  padding-bottom: 40px;
}

@media (min-width: 1201px) {
  .article_intro_content h1 {
    font-size: 124px;
    line-height: 124px;
    padding-bottom: 0;
  }
  .article_intro_content p {
    font-size: 24px;
  }
  .article_recommandations h2 {
    font-size: 124px;
  }
}
.blog_intro {
  width: 90%;
  height: 70vh;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 64px;
}

.scroller {
  display: flex;
  justify-content: center;
}

.blog_intro h1 {
  font-size: 72px;
  line-height: 72px;
  text-align: center;
}

.blog_articles {
  margin: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #3e3b7e;
  margin: 2em 0 0 0;
  padding: 64px 0;
}

.blog_articles div {
  margin-bottom: 1em;
}

.reverse_recommandation h3, .reverse_recommandation p {
  color: #F0EDE5;
}

.reverse_recommandation a {
  color: #3e3b7e;
  background-color: #F0EDE5;
}

.desktop_title {
  display: none;
}

@media (min-width: 961px) {
  .blog_articles {
    flex-direction: row;
    padding: 128px 0;
  }
  .blog_intro {
    align-items: start;
  }
  .desktop_title {
    display: block;
  }
  .blog_intro h1 {
    text-align: start;
  }
  .mobile_title {
    display: none;
  }
}
@media (min-width: 1201px) {
  .blog_intro h1 {
    text-align: start;
    font-size: 124px;
    line-height: 124px;
  }
}
.admin_menu {
  display: flex;
  flex-direction: row;
  float: right;
  justify-content: flex-end;
}

.admin_menu_dropdown {
  padding: 20px 0 20px 16px !important;
}

.admin_menu_dropdown ul {
  top: 0;
  flex-direction: column;
  width: 100%;
  left: 0;
  z-index: 10000;
}

.admin_menu_dropdown i {
  right: 0px !important;
}

.admin_menu_dropdown a {
  padding: 16px 0 12px 0 !important;
  width: 100%;
}

.admin_menu > a, .admin_menu_dropdown > span {
  display: block;
  position: relative;
  color: #060500;
  text-decoration: none;
  padding: 20px 0 20px 32px;
  font-family: "Tolyer";
  font-size: 21px;
  box-sizing: border-box;
}

.admin_menu_dropdown > span {
  padding: 0;
}

.stat_settings {
  height: 62px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 250px;
  margin-left: 20px;
  float: left;
}

.stat_container {
  width: 90%;
  margin: auto;
  padding-top: 36px;
}

.stat_title {
  text-align: center;
}

.split_stat {
  display: flex;
  flex-direction: column;
}

.four_split_stat {
  display: flex;
  flex-direction: column;
}

.split_pane {
  align-items: center;
  display: flex;
}

@media (min-width: 821px) {
  .split_stat, .four_split_stat {
    flex-direction: row;
    justify-content: center;
  }
  .four_split_stat > div {
    width: 25%;
  }
  .split_pane {
    width: 50%;
  }
  .left_pane {
    margin-right: 25px;
  }
  .right_pane {
    left: 25px;
  }
}
.dashboard_chart > canvas {
  background-color: #f2f2f2;
}

.dashboard_summary_array {
  width: 100%;
  background-color: #F0EDE5;
}

.dashboard_summary_array thead {
  font-weight: bold;
}

.dashboard_summary_array td, .dashboard_summary_array th {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.dashboard_summary_array tr:nth-child(even) {
  background-color: #f2f2f2;
}

.dashboard_summary_array th {
  background-color: #f2f2f2;
}

.dashboard_summary_array tbody {
  border-top: 2px solid #060500;
  border-bottom: 2px solid #060500;
}

.dashboard_summary_array td {
  padding-left: 10px;
  border-bottom: 1px solid #060500;
}

.dashboard_summary_array tfoot td {
  border-bottom: none;
}

.numeric_cell {
  text-align: right;
}

.small_info_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 15px;
  background-color: #f2f2f2;
  border-radius: 20px;
  padding: 15px;
  position: relative;
}
.small_info_container .download_btn {
  position: absolute;
  top: 16px;
  right: 16px;
  margin: 0;
  cursor: pointer;
}

.small_info_container span {
  margin-top: 15px;
}

.big_display_stat {
  font-size: 72px;
}

.small_info_title {
  padding-top: 0;
}

.popup_price_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.popup_price_row > div {
  width: 30%;
}

.popup_body {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 800px;
}

.admin_alert {
  padding: 0 64px 16px 64px;
}

.order_comment_area {
  width: 100%;
  margin: 2rem 0;
  resize: vertical;
}

.customer_filters {
  display: block;
  padding: 7px 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.filter_container {
  margin-bottom: 1em;
}

.customer_filters > input {
  margin: 0 8px;
}

.dashboard__tabs {
  flex-wrap: wrap;
}

@media (max-width: 651px) {
  .filter_container {
    flex-direction: column;
    padding: 0 16px;
  }
}
@media (max-width: 821px) {
  .dashboard__tabs a {
    padding: 4px;
    margin: 0;
  }
}
.list-button {
  font-family: Tolyer !important;
  font-size: 21px !important;
  height: 26px !important;
  line-height: 30px !important;
  padding: 0 8px 0 8px !important;
}

.filter_input {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}

.filter_input label {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 8px;
}

.image_preview {
  max-height: 200px;
  margin: 1rem;
}

.image_preview_input {
  display: block !important;
}

.product_selector {
  margin-top: 1rem;
}

.homepage_edition_section {
  margin-top: 64px;
}

.image_previews {
  display: flex;
  flex-wrap: wrap;
}

.image_preview_container {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
}
.image_preview_container a {
  color: #E14422;
  text-align: center;
}

@media (max-width: 961px) {
  .admin_menu {
    display: none;
  }
}
.popup_input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.coffees_grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.multipacks_grid {
  grid-template-columns: 1fr 1fr;
}

.equipments_grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.essentials_grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.admin_grid {
  display: grid;
  width: 100%;
  padding: 32px 0;
  padding-right: 16px;
  overflow-x: scroll;
}
.admin_grid .grid_cell {
  font-size: 14pt;
  padding: 16px;
  border-top: 1px solid #060500;
  border-left: 1px solid #060500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.admin_grid .grid_cell .buttons {
  display: flex;
  margin-right: 1rem;
}
.admin_grid .grid_cell .buttons span {
  cursor: pointer;
  font-size: 14pt;
  margin-right: 8px;
}
.admin_grid .grid_cell span {
  white-space: nowrap;
}
.admin_grid .content_cell {
  justify-content: space-between;
}
.admin_grid .center_cell {
  justify-content: center;
}
.admin_grid .last_cell {
  border-right: 1px solid #060500;
}
.admin_grid .bottom_cell {
  border-bottom: 1px solid #060500;
}
.admin_grid .head_cell {
  justify-content: center;
  font-weight: bold;
  font-size: 14pt;
  border: none !important;
}
.admin_grid .head_cell--left {
  justify-content: start;
}

.add_user_price_container {
  width: 80%;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.add_user_price_container * {
  margin-right: 1rem;
}
.add_user_price_container select {
  margin: 0 !important;
}

@media (min-width: 961px) {
  .admin_grid {
    width: 80%;
    margin: auto;
    padding: 32px 64px;
  }
}
.academy_calendar {
  width: 100%;
  padding: 0 3rem 3rem 3rem;
  background-color: white;
}

.academy_section {
  display: flex;
  flex-direction: column;
  padding: 64px;
  justify-content: space-between;
}
.academy_section .academy_section_column {
  width: 100%;
  min-height: calc(100vh - 128px);
}
.academy_section .academy_section_column h2 {
  font-size: 3.5rem;
  line-height: 4.1rem;
  margin: 2rem 0;
  padding: 0;
}
.academy_section .academy_section_column--small {
  min-height: -moz-fit-content;
  min-height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.academy_section_image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: calc(100vh - 100px);
}

.academy_course_presentation button {
  margin-top: 2rem;
}
.academy_course_presentation h1 {
  font-size: 4rem;
  line-height: 4.6rem;
  margin: 2rem 0;
  padding: 0;
}
.academy_course_presentation h2 {
  font-size: 3rem;
  line-height: 3.6rem;
  margin: 2rem 0;
  padding: 0;
}
.academy_course_presentation ul {
  margin-bottom: 1rem;
  list-style: disc;
}
.academy_course_presentation p, .academy_course_presentation li, .academy_course_presentation label {
  font-size: 16px;
  line-height: 21px;
}

.academy_booking_tool {
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.academy_booking_tool > * {
  width: 47%;
}

.academy_booking {
  margin-top: 2rem;
  border: solid #060500 1px;
  border-radius: 15px;
  padding: 1rem;
}
.academy_booking a {
  display: block;
  color: #E14422;
  font-size: 1.5rem;
  margin: 0;
}

@media (min-width: 961px) {
  .academy_section {
    flex-direction: row;
  }
  .academy_section .academy_section_column {
    width: 47%;
  }
}
.academy_booking_price {
  margin-left: 1rem;
}

.academy_course_section {
  display: flex;
  flex-direction: column;
  padding: 32px 64px;
}
.academy_course_section .filter_container {
  padding: 0;
}
.academy_course_section h4 {
  margin-bottom: 2rem;
}

.academy_course_booking {
  margin: 2rem;
  margin-top: 0;
  overflow-x: scroll;
  max-width: 100%;
}
.academy_course_booking .booking_title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.academy_course_booking .booking_title span {
  font-size: 1.3rem;
}
.academy_course_booking .booking_title span:first-of-type {
  font-weight: bold;
}
.academy_course_booking .booking_title .espresso {
  color: green;
}
.academy_course_booking .booking_title .brewing {
  color: blue;
}
.academy_course_booking .booking_title .professional {
  color: red;
}

.academy_booking_table {
  font-size: 1.3rem;
  background-color: #f2f2f2;
  width: 100%;
}
.academy_booking_table td {
  padding: 12px;
}
.academy_booking_table .pair {
  background-color: lightgray;
}

.border_text {
  color: #EBB12F;
  /*     -webkit-text-fill-color: constants.$yellow;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: constants.$black; */
}

.introduction-subscription {
  background-image: url("../files/subscription/background-subscription-v02.jpg");
}

.page_intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  /* background-attachment: fixed;  */
  background-repeat: no-repeat;
  height: auto;
  margin-top: 64px;
  padding: 32px 32px 64px 32px;
}

.page_intro > h1 {
  margin-top: 64px;
}

.page_intro > p {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  padding: 16px 0;
}

.signup_button {
  width: 180px;
  padding: 32px 0;
  cursor: pointer;
  transition: all 0.3s;
  transform: scale(0.9);
}
.signup_button:hover {
  opacity: 0.8;
  transform: scale(1);
  transition: all 0.3s;
}

.subscription_banner {
  padding: 32px;
  background-color: #EBB12F;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.info_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.subscription_cell {
  width: 75%;
  max-width: 400px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.subscription_cell > img {
  height: 80px;
  margin: 2em;
}

.subscription_cell > p {
  text-align: center;
  padding: 0 16px;
}

.sub_arrow {
  width: 60px;
  margin: 16px 0 32px 0;
  cursor: pointer;
  transition: all 0.3s;
}
.sub_arrow:hover {
  opacity: 0.8;
  transition: all 0.3s;
  transform: scale(1.2);
}

.subscription_selection {
  display: flex;
  flex-direction: column;
}

.subscription_selection > h2 {
  font-size: 80px;
  line-height: 72px;
  padding: 48px 16px 0 16px;
  margin-top: 64px;
  text-align: center;
}

.selection_container {
  padding: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.selection_cell {
  display: flex;
  flex-direction: column;
  border: solid #060500 2px;
  max-width: 400px;
  margin: auto;
  margin-bottom: 64px;
  transition: all 0.3s;
  transform: scale(0.9);
  opacity: 1;
}
.selection_cell:hover {
  transform: scale(1);
  transition: all 0.3s;
  opacity: 0.8;
}
.selection_cell .link-portail-subsciption {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.selection_cell p {
  padding: 0 16px 16px;
}

.selection_cell > img {
  width: 100%;
  border-bottom: solid #060500 2px;
}

.selection_cell_title {
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.selection_cell_title > h3 {
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  line-height: 42px;
  padding: 16px 16px 0 16px;
}

.selection_cell > p {
  text-align: center;
  padding: 0 16px 16px 16px;
}

.selection_cell > .light_text {
  font-weight: 100;
}

.sub_button {
  border-top: solid #060500 2px;
  background-color: #EBB12F;
  text-align: center;
  padding: 20px;
  font-size: 25px;
  font-weight: bold;
  cursor: pointer;
  color: black;
}

.main {
  margin: 64px 32px;
}

.subscription_next_delivery > p > strong {
  color: #E14422;
}

.subscription_header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 32px 0;
}

.title_container {
  display: flex;
  align-items: center;
}

.title_container > h1 {
  text-align: center;
  padding: 0;
  font-size: 44px;
  line-height: 46px;
}

.subscription_next_delivery {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
}

.subscription_core {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.subscription_edit_cell {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.subscription_edit_link {
  color: #E14422;
  text-decoration: underline;
}

.main > h2 {
  font-size: 44px;
  line-height: 46px;
}

.subscription_edit_cell > h2 {
  font-size: 48px;
  line-height: 50px;
  padding: 16px;
}

.subscription_edit_cell > a {
  width: 100%;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
}

.selection_cell_edit {
  display: flex;
  flex-direction: column;
  border: solid #060500 2px;
  width: 292px;
  height: 292px;
  margin: 16px;
  margin-top: 0px;
  cursor: pointer;
}

.selection_cell_edit > p {
  text-align: center;
  padding: 0 16px 16px 16px;
}

.subscription_state_panel {
  display: flex;
  flex-direction: row;
  margin: 8px;
}

.center_panel {
  margin: 32px;
}

.center_panel > p {
  text-align: center;
}

.active_button {
  background-color: #E14422;
}

.active_button > svg {
  fill: #F0EDE5 !important;
}

.state_button {
  width: 60px;
  height: 60px;
  border: solid #060500 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.state_button > svg {
  fill: #E14422;
  height: 30px;
  width: 30px;
}

.start_button {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.start_button > svg {
  margin-left: 5px;
}

.pause_button {
  margin-left: -2px;
}

.break_button {
  margin-left: -2px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.break_button > svg {
  margin-left: -5px;
}

.center_panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.subscription_edit_text {
  font-size: 17px;
  line-height: 17px;
}

@media (min-width: 961px) {
  .main {
    margin: 96px;
  }
  .page_intro > p {
    width: 60%;
    padding: 32px 64px 64px 64px;
  }
  .subscription_banner {
    padding: 64px;
  }
  .selection_container {
    flex-direction: row;
  }
  .selection_cell {
    width: calc(33.3333333333% - 32px);
  }
}
.popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: -96px;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 1000;
}

.popup_body {
  position: sticky;
  top: 200px;
  margin: auto;
  width: 80%;
  background-color: #F0EDE5;
  border: solid #060500 2px;
  border-radius: 5px;
  padding: 16px;
}

@media (min-width: 961px) {
  .popup_body {
    width: 400px;
  }
}
.popup_body > p {
  text-align: center;
}

.popup_button_panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 16px;
}

.popup_button {
  padding: 8px;
  border: solid #060500 2px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.confirm_button {
  color: #F0EDE5;
  background-color: #E14422;
}

@media (min-width: 651px) {
  .subscription_cell {
    width: 33.3333333333%;
  }
  .info_container {
    flex-direction: row;
  }
}
@media (min-width: 1201px) {
  .subscription_core {
    flex-direction: row;
  }
  .subscription_header {
    flex-direction: row;
  }
  .title_container {
    width: 33%;
  }
  .title_container > h1 {
    text-align: left;
  }
  .center_panel {
    margin: 0;
  }
  .center_panel > p {
    width: 80%;
  }
  .subscription_next_delivery {
    text-align: right;
    width: 33%;
  }
  .subscription_state_panel {
    width: 33%;
  }
}
@media (min-width: 1281px) {
  .subscription_reward {
    width: 70%;
    margin: auto;
  }
  .title_container > h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (min-width: 1501px) {
  .title_container > h1 {
    font-size: 66px;
    line-height: 68px;
  }
  .page_intro {
    padding: 32px 64px 33vh 64px;
  }
  .page_intro > p {
    width: 40%;
  }
}
:root {
  --specialty-green: #7db875;
  --specialty-blue: #9ec4e6;
  --specialty-turquoise: #68b7b2;
  --specialty-corail: #f59494;
  --specialty-yellow: #f2df9e;
  --specialty-mauve: #cdb4db;
  --specialty-orange: #e18762;
}

.specialty { /* main */ }
.specialty .specialty__header {
  height: 64px;
}
@media (max-width: 961px) {
  .specialty .specialty__header {
    height: 58px;
  }
}
.specialty .intro { /* première section info, a aussi la class specialty-info */
  width: 100vw;
  display: flex;
  align-items: center;
}
.specialty .intro .title {
  /* background-color: yellow; */
  /* background-image: url("../images/specialty/bg-coffee.jpg"); */
  background-image: url("../../assets/images/specialty/bg-coffee.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.specialty .intro .title h2 {
  align-self: center;
  text-align: center;
  width: 80%;
  color: white;
}
.specialty .intro .info-bloc {
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.specialty .intro .info-bloc .specialty-text {
  padding-bottom: 28px;
}
.specialty .specialty-info { /* trois sections principales */
  margin-bottom: 20px;
}
.specialty .specialty-info .header { /* header des sections sauf la première */
  text-align: center;
  padding-bottom: 40px;
}
.specialty .specialty-info .header h2 {
  padding-bottom: 0;
  padding-right: 20px;
  padding-left: 20px;
}
.specialty .specialty-info .container-items {
  display: flex;
  /* border: solid 1px violet; */
  min-height: 40vh;
}
.specialty .specialty-info .container-items h3 {
  font-family: "BrownStd";
  font-size: 20px;
  line-height: 28px;
}
.specialty .specialty-info .container-items .speciatly-item img {
  width: 100%;
}
.specialty .specialty-info .container-items .speciatly-item p {
  padding: 20px;
}

.specialty > :nth-child(3) { /*couleurs des items de la deuxième section*/ }
.specialty > :nth-child(3) figure {
  width: 60%; /*firefox*/
}
@media (max-width: 961px) and (min-width: 821px) {
  .specialty > :nth-child(3) figure {
    width: 70%;
  }
}
.specialty > :nth-child(3) figure img {
  margin: 80px 0 55px 0;
}
.specialty > :nth-child(3) .container-items .speciatly-item:nth-child(1) {
  background-color: var(--specialty-blue);
}
.specialty > :nth-child(3) .container-items .speciatly-item:nth-child(2) {
  background-color: var(--specialty-green);
}
.specialty > :nth-child(3) .container-items .speciatly-item:nth-child(3) {
  background-color: var(--specialty-corail);
}

.specialty > :nth-child(4) { /*couleurs des items de la troisière section*/ }
.specialty > :nth-child(4) h3 {
  padding-top: 30px;
}
.specialty > :nth-child(4) p {
  text-align: center;
  padding: 20px 50px 0 50px;
}
@media (max-width: 961px) {
  .specialty > :nth-child(4) p {
    padding: 20px 20px 0 20px;
  }
}
.specialty > :nth-child(4) .container-items .speciatly-item:nth-child(1) {
  background-color: var(--specialty-yellow);
}
.specialty > :nth-child(4) .container-items .speciatly-item:nth-child(2) {
  background-color: var(--specialty-turquoise);
}
.specialty > :nth-child(4) .container-items .speciatly-item:nth-child(2) figure img {
  bottom: -5px;
}
.specialty > :nth-child(4) .container-items .speciatly-item:nth-child(3) {
  background-color: var(--specialty-mauve);
}
.specialty > :nth-child(4) .container-items .speciatly-item:nth-child(4) {
  background-color: var(--specialty-orange);
}
.specialty > :nth-child(4) .container-items .speciatly-item:nth-child(5) {
  background-color: var(--specialty-green);
}
.specialty > :nth-child(4) figure {
  position: relative;
  width: 100%;
  height: 225px;
}
.specialty > :nth-child(4) figure img {
  position: absolute;
  bottom: 0;
  margin: 40px 0 15px 0;
}

.container-items {
  width: 100vw;
  /* flex-wrap: wrap; */
  justify-content: center;
}
@media (min-width: 1281px) {
  .container-items {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1201px) {
  .container-items {
    flex-wrap: wrap;
  }
}
.container-items .speciatly-item.width-axes {
  text-align: center;
  flex-wrap: nowrap;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1201px) {
  .container-items .speciatly-item.width-axes {
    width: 33.3333333333%;
  }
}
@media (max-width: 1201px) and (min-width: 821px) {
  .container-items .speciatly-item.width-axes {
    width: 50%;
  }
  .container-items .speciatly-item.width-axes figure {
    width: 69%;
  }
}
@media (max-width: 821px) {
  .container-items .speciatly-item.width-axes {
    width: 100%;
  }
}
@media (min-width: 1281px) {
  .container-items .speciatly-item.width-farm {
    width: 20%;
  }
  .container-items .speciatly-item.width-farm figure {
    max-width: 330px;
  }
}
@media (max-width: 1281px) and (min-width: 961px) {
  .container-items .speciatly-item.width-farm {
    width: 33.3333333333%;
  }
  .container-items .speciatly-item.width-farm figure {
    max-width: 340px;
  }
}
@media (max-width: 961px) and (min-width: 651px) {
  .container-items .speciatly-item.width-farm {
    width: 50%;
  }
  .container-items .speciatly-item.width-farm figure {
    max-width: 330px;
  }
}
@media (max-width: 651px) {
  .container-items .speciatly-item.width-farm {
    width: 100%;
  }
  .container-items .speciatly-item.width-farm figure {
    max-width: 360px;
  }
}

.title {
  /* background-color: aqua; */
}

.intro .title {
  height: 90vh;
}

.info-bloc .container-text {
  padding-right: 40px;
  padding-left: 40px;
}

.speciatly-item {
  flex-wrap: nowrap;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
}
.speciatly-item figure {
  display: inline;
}
.speciatly-item figure img {
  text-align: center;
}

@media (max-width: 961px) {
  p {
    text-align: center;
  }
  .specialty-info {
    flex-wrap: wrap;
  }
  .intro {
    /*height: 40vh;*/
  }
  .intro .title {
    height: 40vh;
  }
  .intro .info-bloc {
    width: 50vw;
  }
  .info-bloc .container-text {
    padding: 30px 15px;
  }
  .title {
    /* background-color: yellow; */
  }
  .container-axes {
    flex-wrap: wrap;
  }
  .container-axes .axes-item {
    width: 100%;
  }
}
.product_quantity, .product_settings {
  border: solid black 1px;
  padding: 1em;
}

@media (min-width: 820px) {
  .product_quantity, .product_settings {
    width: 50%;
  }
}
.quantity_selector_container {
  display: flex;
  font-size: 24px;
  padding-bottom: 10px;
  height: 38px;
}

.quantity_selector {
  display: flex;
  flex-direction: row;
}
.quantity_selector label {
  margin: 0;
}
.quantity_selector label, .quantity_selector input {
  cursor: pointer;
}
.quantity_selector span {
  font-size: 20px;
}
.quantity_selector .container-checkbox {
  display: flex;
  flex-direction: row;
  margin-left: 1rem;
}

.no_grind {
  width: 75%;
  margin: auto;
}

.no_grind_button {
  margin-top: -1px;
  width: calc(75% - 2px);
}

.product_container {
  display: flex;
  flex-direction: column;
  margin-top: 56px;
}

.product_display {
  position: relative;
  flex-direction: column;
  display: inline-flex;
  justify-content: space-around;
}

.product_display img {
  cursor: pointer;
  max-width: 100%;
  max-height: 80vh;
}

.slide_container {
  margin: auto;
  position: relative;
}

.slide {
  display: none;
  margin-bottom: -4px;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 50%;
  width: 18px;
  text-align: center;
}

.next {
  right: 0;
}

.prev {
  left: 0;
}

.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.slide_nav {
  padding: 1em 0;
  position: absolute;
  bottom: 0;
  margin: auto;
  width: 100%;
  text-align: center;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active_slide, .dot:hover {
  background-color: #717171;
}

.product_summary {
  padding: 2em;
  font-family: "Tolyer";
}

.product_price {
  font-size: 48px;
  line-height: 52px;
  color: #e24420;
  padding-bottom: 10px;
}

.product_short {
  font-family: "BrownStd";
  text-align: justify;
}

.product_purchase_container {
  display: flex;
  flex-direction: column;
  min-width: 200px;
}

.quantity_selector {
  width: 22px;
}

.settings_label {
  font-size: 24px;
  padding-bottom: 10px;
}

.quantity_input {
  text-align: center;
  height: 45px !important;
}

.quantity_input_container {
  display: flex;
  flex-direction: row;
  height: 44px;
}

.product_settings {
  margin-top: -1px;
}

.product_purchase_button {
  border: solid black 1px;
  margin-top: -1px;
  background-color: #e24420;
  cursor: pointer;
}

.add_cart_button_text {
  font-family: "Tolyer" !important;
  font-size: 48px !important;
  line-height: 52px !important;
  color: #F0EDE5 !important;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 14px 0px 6px 0px !important;
}

.intro_icons {
  display: none;
}

.permanent {
  display: block;
}

@media (min-width: 1500px) {
  .no_grind {
    width: 60%;
    margin: auto;
  }
  .no_grind_button {
    margin-top: -1px;
    width: calc(60% - 2px);
  }
}
@media (min-width: 960px) {
  .product_container {
    flex-direction: row;
  }
  .product_display {
    width: 50%;
  }
  .product_summary {
    width: 50%;
  }
  .product_summary, .product_details, .product_description_section, .product_recommandations_section {
    padding: 4em;
  }
  .product_summary {
    width: 50%;
  }
  .product_summary, .product_details, .product_description_section, .product_recommandations_section {
    padding: 4em;
  }
  .product_purchase_container {
    flex-direction: row;
  }
}
@media (min-width: 820px) {
  .no_grind_quantity {
    width: 100% !important;
  }
  .product_container {
    margin-top: 64px;
  }
  .product_purchase_container {
    flex-direction: row;
  }
  .product_quantity, .product_settings {
    width: 50%;
  }
  .product_settings {
    margin-left: -1px;
    margin-top: 0;
  }
}
@media (min-width: 960px) and (max-width: 1280px) {
  .product_summary {
    padding: 1em;
  }
  .product_summary h1 {
    padding: 0;
    font-size: 50px;
    line-height: 52px;
  }
  .product_price {
    font-size: 36px;
    line-height: 40px;
  }
  .product_short {
    font-size: 16px;
    line-height: 20px;
  }
  .add_cart_button_text {
    font-size: 32px !important;
    line-height: 36px !important;
  }
}
@media (max-width: 1280px) {
  .product_quantity, .product_settings {
    padding: 1em;
  }
}
@media (max-width: 820px) {
  .add_cart_button_text {
    font-size: 28px !important;
    line-height: 32px !important;
  }
}
@media (min-width: 1281px) {
  .intro_icons {
    display: block;
  }
}
.product_panel {
  display: flex;
  flex-direction: column;
  margin: 0px 32px 32px 32px;
  justify-content: space-between;
}

.summary_title {
  padding: 0;
  font-size: 56px;
  line-height: 58px;
  text-align: center;
}

.tile_panel {
  flex-grow: 2;
}

.sticky_tile {
  width: auto;
  min-width: auto;
}

.product_category > h2 {
  font-size: 56px;
  line-height: 58px;
  text-align: center;
}

.sticky {
  position: sticky;
  float: right;
}

.summary {
  top: 144px;
}

.total_column {
  grid-template-columns: 30px 50fr 50fr;
}

@media (min-width: 961px) {
  .product_panel {
    flex-direction: row-reverse;
    margin: 64px;
  }
  .sticky_tile {
    min-width: 375px;
  }
  .summary_title {
    text-align: start;
  }
  #content {
    max-height: 25vh;
  }
  .product_category > h2 {
    text-align: left;
  }
}
@media (min-width: 1201px) {
  .sticky_tile {
    min-width: 500px;
  }
}
.product_category > h2 {
  padding: 0;
}

.product_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 48px;
}

.product_list > div {
  margin: 6px;
}

.orderables_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

.orderable_container {
  margin: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #E14422;
  border-radius: 2px;
}

.orderable_container svg {
  width: 20px;
  fill: #F0EDE5;
}

.orderable_container p {
  width: -moz-fit-content;
  width: fit-content;
  color: #F0EDE5;
}

.orderable_container > * {
  margin: 5px;
}

.continue_button {
  width: 100%;
  border: none;
  line-height: 32px;
}

.sticky_tile_panel {
  margin-bottom: 3em;
}

#content {
  overflow: scroll;
}

.dashboard__profile {
  width: calc(50% - 12px);
}

@media (min-width: 821px) {
  .orderables_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .orderable_container {
    width: 45%;
    margin: 5px;
    border: solid black 1px;
    border-radius: 2px;
    cursor: pointer;
  }
  .continue_button {
    width: 100%;
    border: none;
    line-height: 32px;
  }
  .summary_title {
    padding: 0;
    font-size: 56px;
    line-height: 58px;
  }
  #content {
    overflow: scroll;
  }
}
:root {
  --discovery-violet: #3e3b7e;
  --discovery-corail: #d94422;
  --discovery-yellow: #deb142;
  --discovery-mauve: #c3aad1;
  --discovery-white: #e6e3db;
}

.discovery_goodlife_page .container-fluid {
  padding: 0;
}

.intro-discover .intro-img {
  /* margin-top: 96px; */
}
.intro-discover .intro-text {
  padding: 96px 50px 0 64px;
}
.intro-discover .intro-text p {
  margin-bottom: 10px;
}
@media (max-width: 961px) {
  .intro-discover .intro-text p {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .intro-discover .intro-text {
    padding: 0 30px 50px 30px;
    text-align: center;
  }
}
.intro-discover .intro-text h1, .intro-discover .intro-text p {
  color: black;
}
.intro-discover .intro-text h1 {
  margin-bottom: 20px;
}
@media (max-width: 560px) {
  .intro-discover .intro-text h1 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .intro-img {
    height: 60vh;
    width: 100vh;
  }
}
.intro-img .discover-img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px) {
  .intermission {
    padding: 70px 24px !important;
  }
}

.discover-link {
  color: black !important;
  text-decoration: underline !important;
}

.introduction--discover {
  background-color: var(--discovery-white);
  background-image: none;
}

/* Portails link */
.portail-blog-container h2 {
  color: var(--discovery-violet);
  text-align: center;
  margin-top: 60px;
  padding: 0 20px;
}
.portail-blog-container .blog_articles {
  background-color: #F0EDE5;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.portail-blog-container .blog_articles h3 {
  font-size: 31px;
  line-height: 28px;
}
.portail-blog-container .blog_articles p {
  font-size: 17px;
  line-height: 20px;
}
.portail-blog-container .blog_articles p,
.portail-blog-container .blog_articles h2,
.portail-blog-container .blog_articles h3,
.portail-blog-container .blog_articles h4 {
  color: var(--discovery-violet);
}
.portail-blog-container .blog_articles a {
  background-color: var(--discovery-violet);
  color: #F0EDE5;
}

.introduction__content {
  margin: 96px 0 0 64px;
}
@media (min-width: 961px) {
  .introduction__content {
    width: 50vw;
  }
}

@media (min-width: 961px) {
  .discovery__content {
    width: 50vw;
  }
}

@media (min-width: 961px) {
  .discovery__actions {
    width: 50vw;
    position: relative;
    bottom: -50px;
  }
}

main.discovery_goodlife_page > section:nth-child(2) {
  background-color: var(--discovery-corail);
}
main.discovery_goodlife_page > section:nth-child(2) a {
  text-decoration: none;
}

main.discovery_goodlife_page > section:nth-child(4) {
  background-color: var(--discovery-yellow);
}

main.discovery_goodlife_page > section:nth-child(6) {
  background-color: var(--discovery-mauve);
}

main.discovery_goodlife_page > section:nth-child(8) {
  background-color: var(--discovery-white);
}

/*app.css*/
.intermission {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 120px 64px;
  text-align: center;
  box-sizing: border-box;
  box-sizing: border-box;
  z-index: 4;
}

.intermission p {
  max-width: 1080px;
  margin: auto;
  font-family: "Tolyer";
  font-size: 54px;
  line-height: 54px;
  padding-bottom: 35px;
  box-sizing: border-box;
}

.intermission p:last-child {
  padding-bottom: 0;
}

.discovery_goodlife_page .intermission p a {
  color: #F0EDE5;
}
.discovery_goodlife_page .intermission p strong {
  color: #F0EDE5;
  border: solid 1px blue;
}

:root {
  --event-mauve: #ccb3da;
  --event-yellow: #dfb242;
  --event-green: #7db875;
  --event-orange: #d05032;
}

/*Event*/
/*!! tous les liens background img fonctionne en local, peut-être enlever un "../" à la mie en ligne*/
.event .introduction--event {
  position: relative;
  background-image: url("../assets/images/events/bg-event-header-nav.jpg");
}
@media (max-width: 820px) {
  .event .introduction--event {
    min-height: calc(100vh - 56px);
  }
}
.event .introduction--event > .introduction__content {
  position: absolute;
  top: 35vh;
  background-color: var(--event-green);
  margin: 0;
  padding: 30px 20px 20px 60px;
  width: 50vw;
  height: auto;
}
@media (max-width: 961px) {
  .event .introduction--event > .introduction__content {
    width: 90vw;
    top: 20vh;
    padding: 30px 20px 20px 25px;
  }
}
.event .introduction--event > .introduction__content h1 {
  color: black;
  padding: 0;
}
@media (max-width: 560px) {
  .event .introduction--event > .introduction__content h1 {
    text-align: left !important;
  }
}
.event .event-section > .event__content .container-pad > section:nth-child(1) > div { /*row container pour couleur sections*/
  padding: 50px 0;
}
@media (max-width: 767px) {
  .event .event-section > .event__content .container-pad > section:nth-child(1) > div.event-text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .event .event-section > .event__content .container-pad > section:nth-child(1) > div.event-title {
    padding-bottom: 0;
  }
}
.event .event-section > .event__content .container-pad > section:nth-child(1) > div h3 { /*padding title*/
  padding-right: 60px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .event .event-section > .event__content .container-pad > section:nth-child(1) > div h3 {
    padding-right: 0;
  }
}
.event .event-section > .event__content .container-pad > section:nth-child(2) { /*row container pour couleur sections*/
  background-color: var(--event-green);
}
.event .event-section > .event__content .container-pad > section:nth-child(2) > div {
  padding: 30px 0;
}
.event .event-section > .event__content .container-pad > section:nth-child(3) { /*row container pour couleur sections*/
  background-color: var(--event-mauve);
}
.event .event-section > .event__content .container-pad > section:nth-child(3) > div {
  padding: 50px 0;
}
.event .event-section > .event__content .container-pad > section:nth-child(3) h3 {
  text-align: center;
  padding: 0 70px;
}
@media (max-width: 961px) {
  .event .event-section > .event__content .container-pad > section:nth-child(3) h3 {
    padding: 0;
  }
}
.event .colaborate {
  background-color: var(--event-yellow);
}
.event .container-pad .color-section {
  padding: 0 50px;
}
@media (max-width: 961px) {
  .event .container-pad .color-section {
    padding: 0 25px;
  }
}
.event .formulaire {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .event .formulaire {
    padding: 20px;
  }
}
.event .formulaire input {
  box-sizing: border-box;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  border-left: solid 1px black;
  border-right: none;
  padding: 15px 20px;
  font-family: "BrownStd";
}
@media (max-width: 767px) {
  .event .formulaire input {
    border-right: solid 1px black;
  }
}
.event .formulaire select {
  box-sizing: border-box;
  border: solid 1px black;
  font-family: "BrownStd";
  padding: 15px 40px;
  -webkit-appearance: none;
  background-image: url("../files/shop/down-select.svg");
  background-repeat: no-repeat;
  background-position: calc(0% + 20px) center;
  background-size: 10px;
}
.event .formulaire a {
  background-color: var(--event-orange);
  box-sizing: border-box;
  border: solid 1px black;
  text-decoration: underline;
  font-family: "BrownStd";
  padding: 15px 20px;
  text-align: center;
  color: black;
}
.event .event-section {
  /* border: solid 5px orange;

  .row {
    border: solid 5px violet;

    >div {
      border: solid 5px blue;
    }
  } */
}
.event .event-section .color-section.download {
  font-family: "Tolyer";
}
.event .event-section .color-section.download p,
.event .event-section .color-section.download li {
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}
.event .event-section .color-section.download ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.event .event-section .color-section.download li {
  list-style-type: disc;
}
.event .event-section .event-title {
  /*     background-color: lightblue; */
}
.event .event-section .event-title .header {
  text-align: center;
  padding: 10px 0;
}
.event .event-section .event-image {
  /*     background-color: LightSkyBlue; */
}
.event .event-section .event-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.event .event-section .event-text {
  /*     background-color: blue; */
}
.event .event-section .event__actions { /*Bouton*/
  padding: 60px 64px;
  display: flex;
  text-align: center;
}
.event .event-section .event__actions .event-button {
  text-decoration: none;
  color: black;
  width: 100%;
  padding: 10px 10px;
  box-shadow: 5px 5px 0px 1px #000000;
}
.event .event-section .event__content {
  /* padding: 0 64px 40px 64px; */
}
.event .event-section .event__content h3 {
  font-size: 42px;
  line-height: 44px;
}
@media (max-width: 820px) {
  .event .event-section .event__content {
    /* padding: 64px 16px; */
  }
}
@media (max-width: 961px) {
  .event .event-section .event__content {
    /* padding: 0 30px 40px 30px; */
  }
  .event .event-section .event__content p {
    text-align: left;
  }
}
.event .calendar { /*dernière section événement à venir calendrier*/
  padding-bottom: 30px;
}
.event .calendar p {
  text-align: left !important;
}
.event .calendar :last-child.event-contain-info {
  border: none;
}
.event .calendar .event-picto {
  width: 50px;
  height: 50px;
  margin: 30px 0;
}
.event .calendar .event-picto-link {
  width: 50px;
  height: 50px;
}
.event .calendar p {
  font-family: "Tolyer";
  font-size: 30px;
}
.event .calendar .event-contain-info {
  border-bottom: solid 1px black;
  padding-bottom: 8px;
  padding-top: 20px;
}
.event .colaborate { /*dernière section sur les colaborateurs*/
  padding-top: 20px;
  padding-bottom: 50px;
}
.event .colaborate > div.row {
  background-color: var(--event-yellow);
  padding: 20px 0 40px 0;
}
.event .colaborate .colaborate-title {
  text-align: center;
  padding-bottom: 30px;
}
.event .colaborate .colaborate-title h2 {
  font-size: 30px;
  padding-top: 0;
  line-height: 36px;
}
.event .colaborate .colaborate-logo {
  display: flex;
  justify-content: center;
}
.event .colaborate .colaborate-logo figure {
  width: 50px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .event .colaborate .colaborate-logo figure {
    width: 25px;
  }
}
.event .colaborate .colaborate-logo figure img {
  height: 100%;
}

.col {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

:root {
  --event-orange: #f08159;
  --event-button: #d05032;
}

/*Event*/
/*!! tous les liens background img fonctionne en local, peut-être enlever un "../" à la mie en ligne*/
.professionals .introduction--event {
  position: relative;
  background-image: url("../assets/images/pro/bg-header-pro.png");
}
@media (max-width: 820px) {
  .professionals .introduction--event {
    min-height: calc(100vh - 56px);
  }
}
.professionals .introduction--event > .introduction__content {
  position: absolute;
  top: 35vh;
  background-color: var(--event-orange);
  margin: 0;
  padding: 30px 20px 20px 60px;
  width: 65vw;
  height: auto;
}
@media (max-width: 961px) {
  .professionals .introduction--event > .introduction__content {
    width: 90vw;
    top: 20vh;
    padding: 30px 20px 20px 25px;
    text-align: center;
  }
}
.professionals .introduction--event > .introduction__content h1 {
  color: black;
  padding: 0;
}
@media (max-width: 560px) {
  .professionals .introduction--event > .introduction__content h1 {
    text-align: left !important;
  }
}
@media (max-width: 961px) {
  .professionals p, .professionals h3 {
    text-align: center !important;
  }
  .professionals h3 {
    font-size: 36px !important;
    line-height: 40px !important;
  }
  .professionals section.download, .professionals section.bg-color {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .professionals section.download .subtitle-text, .professionals section.bg-color .subtitle-text {
    font-size: 30px !important;
    margin-bottom: 15px;
  }
}
.professionals p.bold {
  font-weight: bold;
  font-size: 22px;
}
.professionals p.small-text {
  font-family: "BrownStd";
  font-size: 20px !important;
}
.professionals h3.margin-title {
  padding-top: 10px;
}
.professionals section.bg-color {
  background-color: var(--event-orange);
}
.professionals .download {
  padding-top: 30px;
  padding-bottom: 30px;
}
.professionals .event-section > .event__content .container-pad > section:nth-child(1) > div { /*row container pour couleur sections*/
  padding: 50px 0;
}
@media (max-width: 767px) {
  .professionals .event-section > .event__content .container-pad > section:nth-child(1) > div.event-text {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .professionals .event-section > .event__content .container-pad > section:nth-child(1) > div.event-title {
    padding-bottom: 0;
  }
}
.professionals .event-section > .event__content .container-pad > section:nth-child(1) > div h3 { /*padding title*/
  padding-right: 60px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .professionals .event-section > .event__content .container-pad > section:nth-child(1) > div h3 {
    padding-right: 0;
  }
}
.professionals .event-section > .event__content .container-pad > section:nth-child(2) { /*row container pour couleur sections*/
  background-color: var(--event-orange);
}
.professionals .event-section > .event__content .container-pad > section:nth-child(2) > div {
  padding: 30px 0;
}
.professionals .event-section > .event__content .container-pad > section:nth-child(3) { /*row container pour couleur sections*/
  /*         background-color: var(--event-orange); */
}
.professionals .event-section > .event__content .container-pad > section:nth-child(3) > div {
  /* padding: 50px 0; */
}
.professionals .event-section > .event__content .container-pad > section:nth-child(3) h3 {
  text-align: center;
  padding: 0 70px;
}
@media (max-width: 961px) {
  .professionals .event-section > .event__content .container-pad > section:nth-child(3) h3 {
    padding: 0;
  }
}
.professionals .colaborate {
  background-color: var(--event-orange);
}
.professionals .container-pad .color-section {
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 961px) {
  .professionals .container-pad .color-section {
    padding: 0 25px;
  }
}
@media (max-width: 961px) {
  .professionals .container-img-pro {
    margin-right: -25px;
    margin-left: -25px;
    position: relative;
    height: 80vh;
  }
}
.professionals .pro-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-left: -50px;
}
@media (max-width: 961px) {
  .professionals .pro-img {
    margin-left: 0;
    position: absolute;
    width: 100vw;
    height: 80vh;
    left: 0;
  }
}
.professionals .formulaire {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .professionals .formulaire {
    padding: 20px;
  }
}
.professionals .formulaire input {
  box-sizing: border-box;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  border-left: solid 1px black;
  border-right: solid 1px black;
  padding: 15px 20px;
  font-family: "BrownStd";
}
@media (max-width: 767px) {
  .professionals .formulaire input {
    border-right: solid 1px black;
  }
}
.professionals .formulaire select {
  box-sizing: border-box;
  border: solid 1px black;
  font-family: "BrownStd";
  padding: 15px 40px;
  -webkit-appearance: none;
  background-image: url("../../public/files/shop/down-select.svg");
  background-repeat: no-repeat;
  background-position: calc(0% + 20px) center;
  background-size: 10px;
}
.professionals .formulaire a {
  background-color: var(--event-button);
  box-sizing: border-box;
  border: solid 1px black;
  text-decoration: underline;
  font-family: "BrownStd";
  text-align: center;
  color: black;
  padding: 15px 20px;
}
.professionals .event-section {
  /* border: solid 5px orange;

  .row {
    border: solid 5px violet;

    >div {
      border: solid 5px blue;
    }
  } */
}
.professionals .event-section .color-section.download {
  font-family: "Tolyer";
}
.professionals .event-section .color-section.download p,
.professionals .event-section .color-section.download li {
  font-size: 25px;
  font-weight: 500;
  line-height: 25px;
}
.professionals .event-section .color-section.download ul {
  padding-left: 20px;
  margin-bottom: 20px;
}
.professionals .event-section .color-section.download li {
  list-style-type: disc;
}
.professionals .event-section .event-title {
  /*     background-color: lightblue; */
}
.professionals .event-section .event-title .header {
  text-align: center;
  padding: 10px 0;
}
.professionals .event-section .event-image {
  /*     background-color: LightSkyBlue; */
}
.professionals .event-section .event-image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.professionals .event-section .event-text {
  /*     background-color: blue; */
}
.professionals .event-section .event__actions { /*Bouton*/
  padding: 60px 64px;
  display: flex;
  text-align: center;
}
.professionals .event-section .event__actions .event-button {
  text-decoration: none;
  color: black;
  width: 100%;
  padding: 10px 10px;
  box-shadow: 5px 5px 0px 1px #000000;
}
.professionals .event-section .event__content {
  /* padding: 0 64px 40px 64px; */
}
.professionals .event-section .event__content h3 {
  font-size: 56px;
  line-height: 64px;
}
@media (max-width: 820px) {
  .professionals .event-section .event__content {
    /* padding: 64px 16px; */
  }
}
@media (max-width: 961px) {
  .professionals .event-section .event__content {
    /* padding: 0 30px 40px 30px; */
  }
  .professionals .event-section .event__content p {
    text-align: left;
  }
}
.professionals .calendar { /*dernière section événement à venir calendrier*/
  padding-bottom: 30px;
}
.professionals .calendar p {
  text-align: left !important;
}
.professionals .calendar :last-child.event-contain-info {
  border: none;
}
.professionals .calendar .event-picto {
  width: 50px;
  height: 50px;
  margin: 30px 0;
}
.professionals .calendar .event-picto-link {
  width: 50px;
  height: 50px;
}
.professionals .calendar p {
  font-family: "Tolyer";
  font-size: 30px;
}
.professionals .calendar .event-contain-info {
  border-bottom: solid 1px black;
  padding-bottom: 8px;
  padding-top: 20px;
}
.professionals .colaborate { /*dernière section sur les colaborateurs*/
  padding-top: 20px;
  padding-bottom: 50px;
}
.professionals .colaborate > div.row {
  background-color: var(--event-orange);
  padding: 20px 0 40px 0;
}
.professionals .colaborate .colaborate-title {
  text-align: center;
  padding-bottom: 30px;
}
.professionals .colaborate .colaborate-title h2 {
  font-size: 30px;
  padding-top: 0;
  line-height: 36px;
}
.professionals .colaborate .colaborate-logo {
  display: flex;
  justify-content: center;
}
.professionals .colaborate .colaborate-logo figure {
  width: 50px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .professionals .colaborate .colaborate-logo figure {
    width: 25px;
  }
}
.professionals .colaborate .colaborate-logo figure img {
  height: 100%;
}

.col {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.team_title_container {
  background-color: white;
}
.team_title_container h1 {
  font-size: 6rem;
  margin-bottom: 2rem;
  line-height: 6.5rem;
}
.team_title_container p {
  font-family: "BrownStd";
  font-size: 1.5rem;
  line-height: 1.8rem;
}

@media (min-width: 961px) {
  .team_slider {
    flex-direction: row-reverse;
  }
  .team_title_container p {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.cart_title {
  font-family: "Tolyer";
  font-size: 56px;
  line-height: 56px;
  padding-bottom: 48px;
  padding-top: 0px;
}

.cart_item {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  border: solid 1px #060500;
  border-top: none;
  flex-wrap: wrap;
  justify-content: space-between;
}

.cart_item:first-of-type {
  border-top: solid 1px #060500;
}

.cart_item_quant {
  display: flex;
}

.cart_item_remove {
  width: 44px;
}

.cart_item_remove svg, .cart_item_more svg, .cart__item__less svg {
  margin: 12px 6px;
  fill: #e24420;
}

.cart_item_remove:hover, .cart_item_more:hover, .cart__item__less:hover {
  cursor: pointer;
}

.cart_item_remove {
  margin-left: 9px;
}

.cart_item_quantity, .cart_item_name {
  padding: 12px 0 10px 0;
  line-height: 28px;
}

.cart_item_name {
  font-weight: 600;
}

.quant_price_container {
  display: flex;
  flex-direction: row;
}

.cart_item_more, .cart__item__less {
  width: 38px;
}

.cart_item_quantity, .cart_item_price {
  text-align: right;
}

.cart__item--reduction .cart_item_quantity {
  width: calc(100% - 120px);
  padding: 20px 0 10px 0;
}

.cart__item--reduction .cart_item_quantity a {
  display: block;
  float: right;
}

.cart__item--reduction .cart_item_quantity a svg {
  fill: #e24420;
  margin: 0 12px;
}

.cart__item--reduction .cart_item_quantity span {
  display: block;
  float: right;
}

.cart__item--reduction .cart_item_quantity input {
  width: 200px;
  height: 24px;
  background: white;
  outline: none;
  border: none;
  font-size: 14px;
  padding: 0 12px;
  margin-top: 4px;
  box-sizing: border-box;
}

.cart__item--recap .cart_item_quantity {
  width: calc(100% - 120px);
  font-weight: 600;
  padding: 10px 0 20px 0;
}

.cart__item--shipping .cart_item_quantity {
  width: calc(100% - 120px);
  padding: 20px 0 10px 0;
}

.cart_item_price {
  padding: 12px 0 10px 0;
  line-height: 28px;
  margin-right: 18px;
}

.cart__item--reduction .cart_item_price {
  padding: 20px 0 10px 0;
}

.cart__item--shipping .cart_item_price {
  padding: 20px 0 10px 0;
}

.cart__item--recap .cart_item_price {
  font-weight: 600;
  padding: 10px 0 20px 0;
}

.cart_item_reduction {
  border: solid 1px #060500;
  border-left: none;
  border-right: none;
  border-top: none;
}

.cart_item_total {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  border: solid 1px #060500;
  border-left: none;
  border-right: none;
  border-top: none;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #e24420;
}

@media (max-width: 821px) {
  .cart_title {
    font-family: "Tolyer";
    font-size: 56px;
    line-height: 56px;
    padding-bottom: 24px;
  }
  .cart_item_quant_name {
    width: 100%;
  }
  .cart_item_remove {
    width: 36px;
  }
}
@media (max-width: 560px) {
  .cart_item_name {
    width: calc(100% - 40px);
  }
  .cart_item_quantity {
    width: 120px;
  }
  .cart__item--shipping .cart_item_price, .cart__item--recap .cart_item_price, .cart__item--reduction .cart_item_price {
    width: 120px;
  }
}
.checkout {
  display: block;
  position: relative;
  width: 60%;
  margin: 144px 32px 64px 64px;
  border: solid 2px #060500;
  border-bottom: solid 2px #060500;
  height: auto;
  float: left;
  box-sizing: border-box;
}

.checkout_title {
  font-family: "Tolyer";
  font-size: 56px;
  line-height: 56px;
  margin-bottom: 0;
  padding: 8px 8px 0 8px;
  box-sizing: border-box;
}

.connect_checkout {
  padding: 8px 8px 0 8px;
  display: flex;
}

.signin_checkout {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 16px;
  color: #060500;
  width: auto;
}

.signin_checkout_link {
  margin-left: 10px;
  color: #e24420;
  text-decoration: none;
}

.checkout_step_header {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  justify-content: space-between;
  border-top: solid 1px #060500;
  border-bottom: solid 1px #060500;
  background-color: #060500;
}

.checkout_step_header h3 {
  font-size: 32px;
  line-height: 32px;
  padding: 8px 8px 0 8px;
  margin: 0;
  color: #F0EDE5;
}

.checkout_step_content {
  margin-left: 24px;
  margin-right: 24px;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.checkout_step_content:nth-child(2) .checkout_container_info {
  width: 48%;
}

.checkout_step_content .title {
  display: block;
  position: relative;
  width: 100%;
  font-family: "Tolyer";
  font-size: 21px;
  line-height: 21px;
  margin: 16px 0 12px 0;
  text-align: left;
}

.checkout_step_content .checkbox {
  text-align: left;
  padding-bottom: 8px;
}
.checkout_step_content .checkbox input {
  width: -moz-fit-content;
  width: fit-content;
}

.hint {
  font-size: 10pt;
  line-height: 10px;
  font-style: italic;
}

.input_message {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  font-size: 12px;
  line-height: 15px;
  box-sizing: border-box;
  padding: 0 12px;
  color: #e24420;
}

.double_input {
  display: flex;
  flex-direction: row;
}

.double_input input:last-of-type {
  margin-left: 1rem;
  width: 5rem;
}

.checkout_container_info_shipping {
  width: 100%;
}

.input-textarea textarea {
  padding: 12px;
  height: 144px;
}

.reduction_text {
  margin-top: 1rem;
}

.reduction_text span {
  font-weight: bold;
}

.datatrans_button {
  background-color: #e24420;
  color: white;
  height: -moz-fit-content;
  height: fit-content;
}

.iti--allow-dropdown {
  width: 100%;
}

.terms_and_conditions_disclaimer {
  font-size: 1rem;
}

@media (max-width: 1281px) {
  .checkout {
    width: calc(40% - 64px);
    margin: 144px 0px 64px 64px;
  }
}
@media (max-width: 961px) {
  .checkout {
    width: calc(40% - 32px);
    margin: 118px 32px 32px 0;
  }
}
@media (max-width: 821px) {
  .checkout {
    margin: 0 16px 32px 16px;
    width: calc(100% - 32px);
  }
  .connect_checkout {
    flex-direction: column;
  }
  .checkout_container_info {
    width: 100% !important;
  }
}
:root {
  --background-beige: #F0EDE5;
  --shop-orange: #e14422;
  --shop-mauve: #cdb4db;
  --shop-corail: #f08159;
  --shop-lightyellow: #f6de95;
  --shop-rose: #f59494;
  --shop-green: #7db875;
  --shop-yellow: #ecb416;
  --shop-darkred: #9c2500;
  --shop-red: #e34422;
}

.gram-lab {
  margin-top: 4px;
}

.shop_goodlife_page {
  /*   border: solid 10px red; */
}
.shop_goodlife_page .shop-content {
  margin-bottom: 32px;
}
.shop_goodlife_page .header-shop-coffee {
  margin-top: 65px;
  padding: 20px 0 15px 0;
  margin-bottom: 30px;
  background-color: var(--shop-orange);
}
@media (min-width: 1201px) {
  .shop_goodlife_page .header-shop-coffee {
    padding: 50px 0 30px 0;
    margin-bottom: 38px;
  }
}
.shop_goodlife_page .header-shop-coffee h1 {
  font-size: 43px;
}
@media (min-width: 1201px) {
  .shop_goodlife_page .header-shop-coffee h1 {
    font-size: 80px;
  }
}
@media (max-width: 1200px) {
  .shop_goodlife_page .contain-border {
    margin-bottom: 45px;
  }
}
@media (min-width: 1201px) {
  .shop_goodlife_page .contain-border {
    padding-right: 20px;
    padding-top: 12px;
  }
  .shop_goodlife_page .contain-border .container-filter-shop {
    margin-top: -12px;
  }
}
@media (min-width: 1201px) {
  .shop_goodlife_page .contain-border .container-filter-shop {
    border-right: 0.5px solid black;
  }
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container {
  display: flex;
  margin-top: 26px;
}
@media (max-width: 1200px) {
  .shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container {
    justify-content: center;
    margin-top: 10px;
  }
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li {
  list-style-type: none;
  font-size: 32px;
  border: solid 0.5px black;
  border-radius: 50px;
  padding: 5px 20px;
  transition: all 0.2s ease;
}
@media (max-width: 560px) {
  .shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li {
    font-size: 25px;
    padding: 3px 16px;
  }
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li:nth-child(1) {
  margin-right: 17px;
}
@media (max-width: 560px) {
  .shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li:nth-child(1) {
    margin-right: 9px;
  }
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li:nth-child(2) {
  margin-right: 17px;
}
@media (max-width: 560px) {
  .shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li:nth-child(2) {
    margin-right: 9px;
  }
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li a {
  transition: all 0.2s ease;
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li:hover {
  background-color: var(--shop-red);
  transition: all 0.2s ease;
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container li:hover a {
  text-decoration: underline;
  transition: all 0.2s ease;
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container .isactive {
  background-color: var(--shop-red);
}
.shop_goodlife_page .contain-border .container-filter-shop .filter-typecoffee-container .isactive a {
  text-decoration: underline;
}
.shop_goodlife_page .flavor-flat {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .shop_goodlife_page .flavor-flat {
    margin-bottom: 10px !important;
  }
}
.shop_goodlife_page .flavor-flat li.item-flavor {
  list-style-type: none;
  width: 25%;
  cursor: pointer;
}
.shop_goodlife_page .flavor-flat li.item-flavor a {
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 20px;
  border: solid 1px black;
  box-sizing: border-box;
  display: block;
  text-align: center;
}
.shop_goodlife_page .flavor-flat li.item-flavor a:hover {
  background-color: red;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(1) a {
  background-color: var(--shop-lightyellow);
  border-right: none;
  border-bottom: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(2) a {
  background-color: var(--shop-corail);
  border-right: none;
  border-bottom: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(3) a {
  background-color: var(--shop-rose);
  border-right: none;
  border-bottom: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(4) a {
  background-color: var(--shop-green);
  border-bottom: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(5) a {
  background-color: var(--shop-yellow);
  border-right: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(6) a {
  background-color: var(--shop-darkred);
  border-right: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(7) a {
  background-color: var(--shop-red);
  border-right: none;
}
.shop_goodlife_page .flavor-flat li.item-flavor:nth-child(8) a {
  background-color: var(--shop-mauve);
}
@media (max-width: 1200px) {
  .shop_goodlife_page .filter-flavor-container {
    margin-bottom: 45px;
  }
}
.shop_goodlife_page .filter-flavor-container .flavor-circle {
  margin-top: -60px;
}
.shop_goodlife_page .filter-flavor-container .flavor-circle svg {
  width: 300px;
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container {
  padding-left: 20px;
  margin-top: 10px;
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .is-active li {
  list-style-type: none;
  position: relative;
  padding: 3px 55px 3px 25px;
  border: 1px solid black;
  border-radius: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 13px;
  /*  &:nth-child(odd) {
     @media (max-width: 1201px) {
     margin-right: 30px;
     }
   }*/
}
@media (min-width: 1201px) {
  .shop_goodlife_page .filter-flavor-container .list-flavor-container .is-active li {
    display: inline-block;
  }
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .is-active li.sweet {
  background-color: var(--shop-corail);
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .is-active li.nutty {
  background-color: var(--shop-mauve);
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .is-active li::before {
  content: "";
  width: 13px;
  height: 13px;
  background-image: url("../files/shop/close-filter.svg");
  background-repeat: no-repeat;
  background-size: 13px;
  position: absolute;
  left: 5px;
  transition: all 0.2s ease;
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .is-active li:hover::before {
  opacity: 0.5;
  transition: all 0.2s ease;
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .container-clearing-shop {
  text-align: center;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .shop_goodlife_page .filter-flavor-container .list-flavor-container .container-clearing-shop {
    margin-top: 10px !important;
  }
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .container-clearing-shop .clearing-shop {
  text-transform: uppercase;
  text-decoration: underline;
  text-align: center;
  transition: all 0.2 ease;
}
.shop_goodlife_page .filter-flavor-container .list-flavor-container .container-clearing-shop .clearing-shop:hover {
  transition: all 0.2 ease;
  opacity: 0.6;
}
@media (min-width: 1201px) {
  .shop_goodlife_page .filter-flavor-container .mobile {
    visibility: hidden;
    height: 0px;
    width: 0px;
  }
}
@media (max-width: 1201px) {
  .shop_goodlife_page .filter-flavor-container .desktop {
    visibility: hidden;
    height: 0px;
    width: 0px;
  }
}
.shop_goodlife_page h2.title-filter-shop {
  padding-top: 0;
  font-weight: 500;
  font-family: "BrownStd";
  font-size: 50px;
  line-height: normal;
  text-align: center;
}
@media (min-width: 1201px) {
  .shop_goodlife_page h2.title-filter-shop {
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .shop_goodlife_page h2.title-filter-shop {
    font-size: 35px !important;
  }
}
@media (min-width: 561px) and (max-width: 1200px) {
  .shop_goodlife_page h2.title-filter-shop {
    padding-bottom: 16px;
  }
}
.shop_goodlife_page h2.title-type-shop {
  font-size: 50px;
  margin-bottom: 18px;
}

.flavor-circle svg g {
  cursor: pointer;
}

.floral {
  background-color: var(--shop-rose);
}

.fruity {
  background-color: var(--shop-green);
}

.sour {
  background-color: var(--shop-yellow);
}

.roasted {
  background-color: var(--shop-darkred);
}

.spices {
  background-color: var(--shop-red);
}

.cocoa {
  background-color: var(--shop-lightyellow);
}

.sweet {
  background-color: var(--shop-corail);
}

.filter-typecoffee-item {
  cursor: pointer;
}

.selected {
  filter: brightness(0.8);
}

.item-type-shop a {
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.item-type-shop a .title-type-shop {
  transition: all 0.3s;
}
.item-type-shop a:hover .img-type-shop {
  opacity: 1;
  transform: scale(1);
}
.item-type-shop a:hover .single-coffee {
  opacity: 0;
}
.item-type-shop a:hover .label {
  opacity: 1;
  transform: scale(1);
}
.item-type-shop a:hover h3 {
  color: var(--shop-orange);
  transition: all 0.3s;
}
.item-type-shop a .img-type-shop {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.5s;
  transform: scale(0.9);
}
.item-type-shop a .label {
  opacity: 0;
  /* margin-top: -255px; */
  -o-object-fit: cover;
     object-fit: cover;
  /* max-height: 255px; */
  position: absolute;
  left: 0;
}
.item-type-shop a .outofstock {
  /* margin-top: -255px; */
  -o-object-fit: cover;
     object-fit: cover;
  /* max-height: 255px; */
  position: absolute;
  left: 0;
  top: 0;
}
.item-type-shop h3.title-type-shop {
  font-size: 35px;
  line-height: 30px;
  padding-bottom: 1px !important;
  min-height: 90px;
  padding-top: 24px;
}
@media (max-width: 500px) {
  .item-type-shop h3.title-type-shop {
    font-size: 26px;
    line-height: 25px;
    min-height: 67px;
  }
}
@media (max-width: 423px) {
  .item-type-shop h3.title-type-shop {
    font-size: 20px;
    line-height: 20px;
    min-height: 61px;
  }
}
.item-type-shop p.info-type-shop {
  font-size: 17px;
  padding-bottom: 0;
  font-weight: 300;
  text-align: left;
}
@media (max-width: 500px) {
  .item-type-shop p.info-type-shop {
    font-size: 14px;
  }
}
.item-type-shop select.dropdown-type-shop {
  width: 100%;
  margin-top: 3px;
  padding: 5px 13px;
  border: solid 0.5px black;
  background-color: var(--background-beige);
  font-weight: 300;
  font-family: "BrownStd";
  font-size: 17px;
  -webkit-appearance: none;
  background-image: url(../files/shop/down-select-shop.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 13px) center;
  background-size: 14px;
}
@media (max-width: 500px) {
  .item-type-shop select.dropdown-type-shop {
    font-size: 12px;
  }
}
.item-type-shop select.dropdown-type-shop option {
  font-weight: 300;
}
.item-type-shop .gram-shop-selector {
  display: flex;
  flex-direction: row;
}
.item-type-shop .container-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 1rem;
}
.item-type-shop .gram-shop-selector-container {
  margin-bottom: 5px;
}
.item-type-shop .gram-shop-selector-container form {
  display: flex;
}
.item-type-shop .gram-shop-selector-container form .container-checkbox {
  align-items: center;
  transition: all 0.2s ease;
}
@media (max-width: 500px) {
  .item-type-shop .gram-shop-selector-container form .container-checkbox {
    display: flex;
    align-items: center;
  }
  .item-type-shop .gram-shop-selector-container form .container-checkbox label {
    margin-left: 2px;
  }
}
.item-type-shop .gram-shop-selector-container form .container-checkbox:hover {
  opacity: 0.6;
  transition: all 0.2s ease;
}
.item-type-shop .gram-shop-selector-container form .container-checkbox .weigh-select {
  margin: 0 8px;
  /*           @media (max-width: 500px) {
              appearance: none;
              display: inline-block;
              width: 12px;
              height: 12px;
              padding: 1.5px;
              background-clip: content-box;
              border: 1px solid #e24420;
              background-color: #F0EDE5;
              border-radius: 50%;
            } */
}
@media (max-width: 500px) {
  .item-type-shop .gram-shop-selector-container form .container-checkbox span {
    font-size: 12px;
  }
}
.item-type-shop .gram-shop-selector-container form > :nth-child(2) {
  margin-left: 20px;
}
.item-type-shop .container-display-link-shop {
  display: inline-block;
}
.item-type-shop .container-display-link-shop a.addtocard-type-shop {
  cursor: pointer;
  margin-top: 7px;
  border-bottom: solid 1px var(--shop-orange);
  display: flex;
  transition: all 0.3s;
}
.item-type-shop .container-display-link-shop a.addtocard-type-shop:hover {
  border-bottom: solid 1px black;
  transition: all 0.3s;
}
.item-type-shop .container-display-link-shop a.addtocard-type-shop:hover svg, .item-type-shop .container-display-link-shop a.addtocard-type-shop:hover p {
  color: black;
  fill: black;
  stroke: black;
  transition: all 0.3s;
}
.item-type-shop .container-display-link-shop a.addtocard-type-shop:hover svg line, .item-type-shop .container-display-link-shop a.addtocard-type-shop:hover svg polygon, .item-type-shop .container-display-link-shop a.addtocard-type-shop:hover p line, .item-type-shop .container-display-link-shop a.addtocard-type-shop:hover p polygon {
  fill: black;
  stroke: black;
  transition: all 0.3s;
}
.item-type-shop .container-display-link-shop a.addtocard-type-shop svg {
  margin-right: 5px;
  width: 18px;
  transition: all 0.3s;
}
.item-type-shop .container-display-link-shop a.addtocard-type-shop p {
  color: var(--shop-orange);
  font-size: 17px;
  transition: all 0.3s;
}
@media (max-width: 500px) {
  .item-type-shop .container-display-link-shop a.addtocard-type-shop p {
    font-size: 12px;
  }
}

.col {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.cls-1 {
  fill: #7db875;
}

.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8 {
  stroke: #000;
  stroke-miterlimit: 10;
}

.cls-2 {
  fill: #f08159;
}

.cls-3 {
  fill: #ecb416;
}

.cls-4 {
  fill: #e34422;
}

.cls-5 {
  fill: #cdb4db;
}

.cls-6 {
  fill: #9c2500;
}

.cls-7 {
  fill: #f6de95;
}

.cls-8 {
  fill: #f59494;
}

.flavor-block {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.filter_toggle {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 0;
  display: flex;
  align-items: start;
  cursor: pointer;
}
.filter_toggle svg {
  fill: var(--shop-orange);
}
.filter_toggle span {
  color: var(--shop-orange);
  font-size: 3rem;
  font-family: "Tolyer";
  margin-left: 1rem;
}

.filter-shop-container {
  max-height: 0;
  overflow: hidden;
  transition: 0.25s;
}

.filter-flavor-item {
  cursor: pointer;
}

.shop_filter {
  position: absolute;
  left: 0;
}

.link-type-shop {
  display: block;
}

.tile_panel {
  padding: 0 1rem;
}
.tile_panel .title-type-shop {
  font-size: 47px;
  line-height: 47px;
}

@media (min-width: 961px) {
  .sticky_tile {
    position: sticky;
    float: right;
  }
}
.item-type-shop {
  min-width: 250px;
  cursor: pointer;
  padding: 0 1rem !important;
  box-sizing: border-box !important;
}

.item-type-shop--recommended {
  max-width: 320px;
}

@media (max-width: 961px) {
  .itemscoffee-shop-container {
    justify-content: center;
  }
}
.container-carousel, body, html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  /*     border: solid 10px red; */
}

.container-carousel h2 {
  text-align: center;
  padding: 45px 0;
}
.container-carousel h3 {
  padding: 0 0 30px 0;
}

.recommandations_container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: auto;
  padding: 0 4rem 4rem 4rem;
}

/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 820px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 960px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1500px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

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

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

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

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

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

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 820px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 960px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1500px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 820px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 960px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1280px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1500px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-0 {
  margin-right: 0 !important;
}

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

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

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

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

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

.me-auto {
  margin-right: auto !important;
}

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

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

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

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

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

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

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

.ms-0 {
  margin-left: 0 !important;
}

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

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

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

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

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

.ms-auto {
  margin-left: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

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

@media (min-width: 820px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 960px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1500px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.top-bar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  padding: 0 64px;
  z-index: 9;
  transition: 0.3s;
  background: none;
  box-shadow: none;
}

.top-bar--elevate .top-bar--reverse .top-bar__link {
  color: #060500;
}

.top-bar--elevate .top-bar--reverse .top-bar__link--active {
  color: #e24420;
}

.top-bar--reverse .top-bar__logo svg {
  fill: #F0EDE5;
}

.top-bar--reverse .top-bar__link {
  color: #F0EDE5;
}

.top-bar--reverse .top-bar__link i svg {
  fill: #F0EDE5;
}

.top-bar--reverse .top-bar__link--active {
  color: #e24420;
}

.top-bar--reverse .top-bar__language-selector i svg {
  fill: #F0EDE5;
}

.top-bar--reverse .top-bar--elevate .top-bar__user-actions svg * {
  fill: #060500;
}

.top-bar-transparent-black .top-bar__link--active {
  color: #F0EDE5;
}

.top-bar-transparent-black .top-bar__link--active i svg {
  fill: #F0EDE5;
}

.top-bar--shop {
  background-color: #F0EDE5 !important;
}

.vredcolor {
  background-color: var(--discovery-corail);
  opacity: 1;
  color: black;
}
.vredcolor span, .vredcolor svg {
  color: black;
  fill: black !important;
}

.top-bar-basic {
  background-color: #efede6;
}

.top-bar--reverse .top-bar__link--active i svg {
  fill: #e24420;
}

.top-bar-red {
  background-color: #E14422;
}

.top-bar-coldbrew {
  background: #94c5ea;
}

.top-bar-essentials {
  background: #165949;
}

.top-bar-merch {
  background: #060500;
}

.top-bar-equipment {
  background: #eb8030;
}

.top-bar-red .top-bar__link--active {
  color: #F0EDE5 !important;
}

.top-bar-merch .cart_svg {
  fill: #F0EDE5;
}

.bottom-bar__access-navigation {
  display: flex;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
}

.bottom-bar__access-navigation svg path:last-child {
  fill: #060500;
}

.reverse_logo, .reverse_menu {
  color: #F0EDE5 !important;
  fill: #F0EDE5 !important;
}

.top-bar__logo {
  display: block;
  position: relative;
  width: auto;
  height: 24px;
  margin: 20px 16px 20px 0;
  box-sizing: border-box;
  float: left;
}

.top-bar__logo svg {
  display: block;
  height: 100%;
  width: auto;
  float: left;
  fill: #060500;
}

.bottom-bar__action-tools svg {
  width: 48px;
  height: 48px;
  box-sizing: border-box;
  padding: 12px;
}

.bottom-bar__action-tools svg:hover {
  cursor: pointer;
}

.bottom-bar__action-tools a {
  display: block;
  position: relative;
}

.bottom-bar__action-tools a .badge {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 6px;
  background: #e24420;
  bottom: 14px;
  right: 2px;
  font-size: 12px;
  line-height: 15px;
  color: #F0EDE5;
  text-align: center;
}

.bottom-bar__action-tools {
  display: flex;
  position: absolute;
  width: auto;
  height: 48px;
  right: 0;
}

.top-bar__user-actions a .badge, .top-bar__user-actions div .badge {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 6px;
  background: #e24420;
  bottom: 24px;
  right: 9px;
  font-size: 12px;
  line-height: 15px;
  color: #F0EDE5;
  text-align: center;
}

.top-bar__navigation {
  display: block;
  position: relative;
  height: 100%;
  width: auto;
  box-sizing: border-box;
  padding: 0 0 0 0;
  text-align: left;
  float: left;
}

.top-bar__user-actions {
  display: flex;
  position: relative;
  width: auto;
  float: right;
  height: 100%;
}

.top-bar__user-actions svg {
  width: 24px;
  height: 24px;
  padding: 12px;
  margin: 8px;
}

.top-bar__user-actions a, .top-bar__user-actions div {
  display: block;
  position: relative;
}

.navigation-drawer {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: scroll;
  top: 0;
  background: rgba(240, 237, 229, 0.9);
  right: 100%;
  z-index: 12;
  transition: 0.3s;
  font-family: "BrownStd";
  font-weight: 400;
}

.navigation-drawer__menu {
  min-height: calc(100vh + 1px);
  display: flex;
  flex-direction: column;
}

.navigation-drawer__menu:last-child {
  border-bottom: none;
}

.navigation-drawer__link {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 8px 36px 4px 36px;
  color: #060500;
  font-family: "Tolyer";
  text-decoration: none;
  font-size: 24px;
  line-height: 32px;
  box-sizing: border-box;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.navigation-drawer__link--active {
  color: #e24420;
}

.navigation-drawer__link--lang-active {
  color: #e24420;
}

.navigation-drawer__label {
  font-family: "Tolyer";
  padding: 8px 24px;
  font-weight: 400;
  font-size: 18px;
}

.navigation-drawer__separator {
  display: block;
  position: relative;
  width: 100%;
  height: 1px;
  margin: 12px 0;
  background: #F0EDE5;
}

.navigation-drawer--open {
  right: 0%;
}

.mobile_nav_container {
  margin-top: 2rem;
}

#close_menu_btn {
  position: relative;
  left: calc(100% - 57px);
  fill: #e24420;
  z-index: 100;
}

.nav_mobile_entry_container {
  border-bottom: solid 1px rgba(240, 237, 229, 0.95);
}

.nav_mobile_dropdown {
  display: flex;
  justify-content: space-between;
}

.nav_mobile_dropdown_content {
  padding-left: 30px;
  border-bottom: solid 1px rgba(240, 237, 229, 0.95);
  display: none;
}

.nav_mobile_dropdown_content-active {
  display: block;
}

.top-bar__link--active {
  color: #e24420 !important;
}

.top-bar-equipment .top-bar__link--active {
  color: #F0EDE5 !important;
}

.top-bar-equipment .top-bar__link--active i svg, .top-bar-red .top-bar__link--active i svg {
  fill: #F0EDE5;
}

.top-bar__link--active i svg {
  fill: #e24420;
}

.top-bar--elevate .top-bar__link--active {
  color: #060500 !important;
}

.top-bar--elevate .top-bar__link--active svg {
  fill: #060500 !important;
}

.nav_mobile_down {
  display: flex;
  align-items: center;
  padding: 8px 32px 4px 36px;
}

.nav_down_open {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.down_nav {
  width: 15px;
  transition: transform 0.2s ease-in-out;
}

.top-bar__sublink--active {
  color: #e24420;
}

.top-bar__link {
  display: block;
  position: relative;
  font-family: "Tolyer";
  font-size: 24px;
  width: auto;
  height: 24px;
  color: #060500;
  text-decoration: none;
  padding: 21px 14px;
  float: left;
}

.top-bar__link--with-submenu span {
  padding-right: 24px;
}

.top-bar__link--with-submenu i {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 27%;
  right: 14px;
}

.top-bar__link:hover .top-bar__submenu {
  opacity: 1;
  visibility: visible;
}

.top-bar__submenu--scrollable {
  max-height: 500px;
  overflow-y: auto;
}

.top-bar__submenu {
  display: block;
  position: absolute;
  top: 64px;
  left: calc(50% - 135px);
  width: auto;
  width: 260px;
  height: auto;
  padding: 0 0;
  background: #F0EDE5;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.top-bar__submenu li {
  display: block;
  width: 100%;
  border-top: solid 1px #060500;
}

.top-bar__sublink {
  display: block;
  width: 100%;
  text-align: center;
  color: #060500;
  padding: 16px 0 12px 0;
  text-decoration: none;
}

.language_selector_mobile {
  display: flex;
  justify-content: space-around;
  margin-bottom: 5%;
}

.mobile_language_item {
  width: -moz-fit-content;
  width: fit-content;
}

.top-bar__language-selector {
  display: flex !important;
  position: relative;
  height: 100%;
  width: 54px;
  box-sizing: border-box;
  text-align: left;
  align-items: center;
  justify-content: center;
  float: right;
}

.top-bar__language-selector > span {
  width: 20px;
}

.top-bar__language-selector__submenu {
  display: block;
  position: absolute;
  top: 64px;
  right: 0;
  width: auto;
  width: 64px;
  height: auto;
  padding: 0 0;
  background: #F0EDE5;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.top-bar__language-selector__submenu li {
  width: 100%;
  border-top: solid 1px #060500;
}

.top-bar__language-selector__submenu li a {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  justify-content: center;
  padding: 14px 0 12px 0;
}

.top-bar__language-selector:hover {
  cursor: pointer;
}

.top-bar__language-selector:hover .top-bar__language-selector__submenu {
  opacity: 1;
  visibility: visible;
}

.top-bar__link--with-submenu {
  cursor: pointer;
  height: 100%;
}

.admin_menu .top-bar__link--with-submenu {
  max-height: 61px;
}

.top-bar__user-actions svg {
  padding: 0;
  margin: 0;
}

.cart_svg {
  margin: 16px !important;
}

.navigation-drawer__menu {
  justify-content: start;
}

@media (max-width: 1240px) {
  .top-bar {
    padding: 0 32px;
  }
}
@media (max-width: 1064px) {
  .top-bar__navigation {
    padding: 0;
  }
  .top-bar__link {
    padding: 21px 24px;
  }
}
@media (max-width: 960px) {
  .top-bar__navigation {
    padding: 0;
    text-align: left;
    float: left;
  }
  .top-bar__link {
    padding: 23px 12px 18px 12px;
  }
  .top-bar__link--with-submenu span {
    padding-right: 20px;
  }
  .top-bar__link--with-submenu i {
    width: 20px;
    right: 16px;
  }
}
@media (max-width: 890px) {
  .top-bar__link {
    padding: 23px 0px 18px 12px;
  }
  .top-bar__link--with-submenu i {
    right: 0;
  }
}
@media (min-width: 820px) {
  .menu_mobile_item {
    display: none;
  }
}
@media (max-width: 820px) {
  .top-bar {
    height: 56px;
    background: #F0EDE5;
    padding: 0 16px;
  }
  .center_mobile {
    display: flex;
    justify-content: center;
  }
  .top-bar--mobile-reverse .top-bar__logo svg, .top-bar--reverse .top-bar__logo svg {
    fill: #060500;
  }
  .top-bar--mobile-reverse .top-bar__link, .top-bar--reverse .top-bar__link {
    color: #060500;
  }
  .top-bar--mobile-reverse .top-bar__link--active, .top-bar--reverse .top-bar__link--active {
    color: #e24420;
  }
  .top-bar-transparent-black, .top-bar-red, .vredcolor {
    background: #E14422;
  }
  .top-bar__logo {
    margin: 16px 0;
  }
  .top-bar__navigation {
    display: none;
  }
  .top-bar__user-actions {
    display: none;
  }
  .top-bar__language-selector {
    display: none;
  }
  .top-bar-red {
    background-color: #E14422;
  }
  .top-bar-coldbrew {
    background: #94c5ea;
  }
  .top-bar-essentials {
    background: #165949;
  }
  .top-bar-merch {
    background: #060500;
  }
  .top-bar-equipment {
    background: #eb8030;
  }
  .top-bar-merch .mobile_cart {
    fill: #F0EDE5;
  }
}
:root {
  --press-red: #BC5C60;
  --event-button: #d05032;
}

/*Event*/
/*!! tous les liens background img fonctionne en local, peut-être enlever un "../" à la mie en ligne*/
.press h3, .press p {
  text-align: center;
}
.press h3 {
  font-size: 60px;
  line-height: 60px;
  margin-top: 40px;
}
@media (min-width: 960px) {
  .press h3 {
    margin-top: 45px;
    font-size: 80px;
    line-height: 80px;
  }
}
@media (max-width: 530px) {
  .press h3 {
    margin-top: 45px;
    font-size: 45px;
    line-height: 45px;
  }
}
.press .press-article-img {
  margin-top: 40px;
  margin-bottom: 60px;
}
.press .padding-link {
  padding: 100px 0 120px 0;
}
@media (min-width: 960px) {
  .press .text-align p, .press .text-align h3 {
    text-align: left !important;
    padding-left: 50px;
  }
}
.press .red {
  background-color: var(--press-red);
}
.press .red h2, .press .red h3, .press .red p {
  color: white;
}
.press .introduction--press {
  position: relative;
  background-image: url("../assets/images/press/bg_press_desktop.jpg");
}
@media (max-width: 820px) {
  .press .introduction--press {
    min-height: calc(100vh - 56px);
  }
}
.press .introduction--press > .introduction__content {
  position: absolute;
  top: 35vh;
  background-color: var(--press-red);
  margin: 0;
  padding: 30px 20px 20px 60px;
  width: 65vw;
  height: auto;
}
@media (max-width: 961px) {
  .press .introduction--press > .introduction__content {
    width: 90vw;
    top: 20vh;
    padding: 30px 20px 20px 25px;
    text-align: center;
  }
}
.press .introduction--press > .introduction__content h1 {
  color: black;
  padding: 0;
}
@media (max-width: 560px) {
  .press .introduction--press > .introduction__content h1 {
    text-align: left !important;
  }
}
.press .padding-section .row {
  padding: 0 60px;
}
.press .press-article-img {
  width: 100%;
  height: auto;
}
.press .link-mornings-press {
  color: var(--press-red);
  text-decoration: underline;
  transition: ease 0.4s;
}
.press .link-mornings-press:hover {
  color: black;
  transition: ease 0.4s;
}
.press .date-press {
  font-size: 30px;
}

.col {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding: 0;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.magnify {
  border-radius: 50%;
  border: 2px solid black;
  position: absolute;
  z-index: 20;
  background-repeat: no-repeat;
  background-color: white;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
  display: none;
  cursor: none;
}

:root {
  --text-color: rgb(193, 193, 193);
  --light-text-color: rgb(213, 215, 220);
  --left-side-color: rgb(34, 37, 42);
  --resizer-color: rgb(41, 44, 51);
  --right-side-color: rgb(41, 44, 51);
  --cross-color: rgb(213, 26, 26);
  --plus-color: rgb(48, 175, 0);
  --light-border-color: rgb(140, 140, 140);
}

.translations_tool {
  display: flex;
  flex-direction: column;
  margin: 64px;
}

.action_bar {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  background-color: var(--right-side-color);
  border-bottom: 1px solid var(--light-border-color);
}
.action_bar * {
  margin: 0 0.5rem;
}
.action_bar button, .action_bar label {
  color: white;
}
.action_bar select {
  font-size: 1rem;
}
.action_bar input {
  width: 200px;
}
.action_bar hr {
  height: 36px;
}

.green_button {
  background-color: var(--plus-color);
}

.red_button {
  background-color: var(--cross-color);
}

.translations_container {
  display: flex;
  flex-direction: row;
  height: 90vh;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  padding-top: 0;
  background-color: var(--resizer-color);
}

.translation_files {
  width: 350px;
  height: 100%;
  background-color: var(--left-side-color);
  overflow-y: scroll;
  padding: 1rem;
  box-sizing: border-box;
}
.translation_files ul {
  list-style-type: none;
}

.translation_entries {
  flex-grow: 1;
  height: 100%;
  background-color: var(--right-side-color);
  overflow-y: scroll;
  padding: 1rem;
  box-sizing: border-box;
}

.lang_file {
  display: block;
  cursor: pointer;
  margin: 0.5rem;
  color: var(--text-color);
}

.translation_entry {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.translation_entry__key {
  width: 250px;
  margin: 0.25rem;
}

.translation_entry__values {
  padding: 0.25rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

input {
  width: 100%;
  font-size: 1rem;
}

.product_editor {
  width: 90%;
  margin: auto;
}
.product_editor .input {
  margin-top: 1rem;
}
.product_editor .input label {
  font-size: 1.1rem;
}
.product_editor p {
  font-size: 1.1rem;
}

.upload_input {
  display: block !important;
}

.files_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 1rem;
}

.file_item {
  display: flex;
  flex-direction: row;
  margin-right: 1rem;
  margin-bottom: 1rem;
  cursor: pointer;
}

.file_delete {
  background-color: #E14422;
  color: #F0EDE5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: none;
  padding: 0;
}
.file_delete svg {
  fill: #F0EDE5;
}

.file_item_label {
  color: black;
  display: block;
  height: 46px;
  width: -moz-fit-content;
  width: fit-content;
  border: solid 1px;
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 1.2rem;
  line-height: 43px;
  padding: 0 1rem;
}
.file_item_label svg {
  margin-left: 0.5rem;
}

.file_item_label:visited {
  color: black;
}

.subtitle_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 1rem;
  font-size: 1.25rem;
  border-bottom: solid 1px #060500;
}

@media (min-width: 961px) {
  .product_editor {
    width: 60%;
    margin: auto;
  }
}
.notification {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 300px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80%;
  position: fixed;
  bottom: 0;
  left: 50%;
  right: 50%;
  transform: translate3d(-50%, 50px, 0);
  transition: 0.5s all ease-in-out;
  opacity: 0;
  border: solid 1px;
  cursor: pointer;
  visibility: visible;
}
.notification .notification__content {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: end;
  padding: 1rem 1rem 0 1rem;
}
.notification .notification__content p {
  margin: 0;
  padding: 0;
  color: #F0EDE5;
  font-size: 1.5rem;
  text-align: left;
}
.notification .notification__content svg {
  margin-bottom: 0.5rem;
  min-width: 20px;
  fill: #F0EDE5;
}
.notification progress {
  margin: 0;
  border-radius: 10px;
  height: 5px;
  width: calc(100% - 5px);
  margin-bottom: 1px;
}

.notification__error_svg {
  margin-right: 12px;
  margin-bottom: 4px !important;
}

.notification__warning_svg {
  margin-right: 8px;
}

.notification__success_svg {
  margin-right: 12px;
  margin-bottom: 4px !important;
}

.notification__title {
  padding: 0;
  color: #F0EDE5;
  font-family: "BrownStd";
  font-size: 2rem;
  line-height: 1.5rem;
  margin-bottom: 8px;
}

.notification--fadein {
  opacity: 1;
  transform: translate3d(-50%, -50%, 0);
}

.notification--fadeout {
  opacity: 0;
  transform: translate3d(-50px, -50%, 0);
}

.notification--error {
  background-color: #c92200;
  color: #721c24;
  border: solid 1px #c92200;
}
.notification--error progress {
  background-color: #c92200;
  border-color: #c92200;
}
.notification--error progress::-moz-progress-bar, .notification--error progress::-webkit-progress-value {
  background: #721c24;
}

.notification--success {
  background-color: #00c186;
  color: #155724;
  border: solid 1px #00c186;
}
.notification--success progress {
  background-color: #00c186;
  border-color: #00c186;
}
.notification--success progress::-moz-progress-bar, .notification--success progress::-webkit-progress-value {
  background: #155724;
}

.notification--warning {
  background-color: #f38300;
  color: #856404;
  border: solid 1px #f38300;
}
.notification--warning progress {
  background-color: #f38300;
  border-color: #f38300;
}
.notification--warning progress::-moz-progress-bar, .notification--warning progress::-webkit-progress-value {
  background: #856404;
}

@media (min-width: 961px) {
  .notification .notification__content {
    flex-direction: row;
    align-items: center;
  }
  .notification .notification__content svg {
    margin-bottom: 0;
  }
}
@media (min-width: 821px) {
  .notification {
    left: auto;
    right: 0;
    bottom: 3rem;
    transform: translate3d(-12.5%, 50px, 0);
  }
  .notification--fadein {
    opacity: 1;
    transform: translate3d(-25%, -50%, 0);
  }
}
.dashboard_filters_container {
  width: 50%;
  margin: auto;
}
.dashboard_filters_container .dashboard_filter_tabs {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.dashboard_filters_container .dashboard_filter_tabs .dashboard_filter_tab {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  border: solid #060500 1px;
  padding: 8px;
  padding-top: 12px;
  margin: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 18px;
  cursor: pointer;
}
.dashboard_filters_container .dashboard_filter_tabs .dashboard_filter_tab--active {
  color: #F0EDE5;
  background-color: #E14422;
}
.dashboard_filters_container .dashboard_filter {
  border: solid #060500 1px;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding: 24px;
  margin-top: -1px;
}
.dashboard_filters_container .dashboard_filter--two-item-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 16px;
}

.coffee_pouches_grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

:root {
  --primary-beige: #F0EDE5;
  --primary-orange: #db714d;
}

#customer-space {
  /*LAYOUT*/
  /*BUTTON*/
  /*MASCOT*/
  /*ORDER STATUS*/
}
#customer-space [class^=col] {
  min-height: 100px;
  margin-bottom: 20px;
}
#customer-space .row {
  padding: 10px;
}
#customer-space .orange {
  background-color: var(--primary-orange);
}
#customer-space .orange p, #customer-space .orange h3 {
  color: var(--primary-beige);
}
#customer-space .borderblack {
  border: 1px black solid;
  box-sizing: border-box;
}
#customer-space h3.title-section {
  text-align: center;
  font-size: 45px;
  line-height: 45px;
}
@media (max-width: 819px) {
  #customer-space h3.title-section {
    font-size: 37px;
    line-height: 33px;
  }
}
#customer-space h3.title-section .underline-firstdate {
  text-decoration: underline;
}
#customer-space .container-flex {
  padding: 40px 20px;
  min-height: 200px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
#customer-space .button-container .button-item {
  cursor: pointer;
  position: relative;
  background-color: var(--primary-orange);
  border: none;
  color: var(--primary-beige);
  padding: 7px 50px 7px 15px;
  font-family: "BrownStd";
  font-size: 15px;
  transition: all 0.3s;
}
#customer-space .button-container .button-item:after {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 15px;
  width: 20px;
  height: 12px;
  content: "";
  background-image: url("../assets/images/customer_space/arrow-link.svg");
  background-repeat: no-repeat;
}
#customer-space .button-container .button-item:hover {
  background-color: black;
  transition: all 0.3s;
}
#customer-space .button-container.big {
  max-width: 233px;
  position: absolute;
  top: 240px;
  left: 110px;
}
#customer-space .button-container.big .button-item {
  font-size: 18px;
  text-align: left;
}
#customer-space .button-container.big .button-item:after {
  bottom: 10px;
  right: 15px;
  width: 25px;
  height: 16px;
}
#customer-space .link-title {
  text-decoration: underline;
  color: black;
  transition: all 0.3s;
}
#customer-space .link-title .title-section {
  transition: all 0.3s;
}
#customer-space .link-title:hover {
  transition: all 0.3s;
  color: var(--primary-orange);
}
#customer-space .link-title:hover .title-section {
  transition: all 0.3s;
  color: var(--primary-orange);
}
#customer-space .container-flex.mascot {
  position: relative;
}
#customer-space .container-flex.mascot img.mascot {
  width: 100px;
  height: auto;
  position: absolute;
  left: -40px;
  bottom: -1px;
}
@media (max-width: 819px) {
  #customer-space .container-flex.mascot img.mascot {
    left: -20px;
  }
}
#customer-space .favorite-coffee {
  position: relative;
  min-height: 50px;
}
#customer-space .favorite-coffee .favorite-coffee-img {
  height: 320px;
  left: 40px;
  bottom: 30px;
}
#customer-space .status-contain {
  position: relative;
  width: 100%;
  margin: 20px 0;
}
@media (min-width: 960px) {
  #customer-space .status-contain {
    width: 80%;
  }
}
#customer-space .status-contain .status-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  /*ajuste chaque img indivuduellement*/
  /*status indivuduellement*/
}
#customer-space .status-contain .status-container :nth-child(1) img { /*choose*/
  padding-left: 5px;
}
#customer-space .status-contain .status-container :nth-child(2) img { /*card*/
  padding-top: 4px;
}
#customer-space .status-contain .status-container :nth-child(3) img { /*wrap*/ }
#customer-space .status-contain .status-container :nth-child(5) img { /*delivery*/
  padding-top: 10px;
}
#customer-space .status-contain .status-container :nth-child(1) p { /*choose*/
  padding-left: 5px;
}
#customer-space .status-contain .status-container :nth-child(2) p { /*card*/
  padding-top: 4px;
}
#customer-space .status-contain .status-container :nth-child(3) p { /*wrap*/ }
#customer-space .status-contain .status-container .status-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#customer-space .status-contain .status-container .status-item img {
  margin-bottom: 7px;
}
#customer-space .status-contain .status-container .status-item .status-number {
  border: solid 1px var(--primary-orange);
  color: var(--primary-orange);
  background-color: var(--primary-beige);
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 50px;
  min-width: 20px;
  min-height: 20px;
  z-index: 2;
  /*  @media (min-width: 820px) {
       font-size: 14px;
       padding: 3px 12px;
   } */
}
@media (min-width: 561px) {
  #customer-space .status-contain .status-container .status-item .status-number {
    font-size: 13px;
    padding: 2px 11px;
  }
}
@media (min-width: 820px) {
  #customer-space .status-contain .status-container .status-item .status-number {
    font-size: 15px;
    padding: 3px 13px;
  }
}
#customer-space .status-contain .status-border {
  position: absolute;
  bottom: 13px;
  border-top: 1px solid var(--primary-orange);
  height: 1px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 820px) {
  #customer-space .status-contain .status-border {
    bottom: 15px;
  }
}
#customer-space .count-coffee .consum-container {
  margin-top: 20px;
}
#customer-space .count-coffee .consum-container .consum-contain-info {
  margin-bottom: 7px;
  display: flex;
  justify-content: center;
  align-items: last baseline;
}
#customer-space .count-coffee .consum-container .consum-contain-info img.favorite-coffee-img {
  width: 85px;
  margin-right: 10px;
}
@media (max-width: 819px) {
  #customer-space .count-coffee .consum-container .consum-contain-info img.favorite-coffee-img {
    width: 50px;
  }
}
#customer-space .count-coffee .consum-container .consum-contain-info p.consum-highlight-text {
  font-family: "Tolyer";
  text-transform: uppercase;
  font-size: 110px;
}
#customer-space .count-coffee .consum-container .consum-contain-info p.consum-highlight-text span.kg {
  font-size: 60px;
}
@media (max-width: 819px) {
  #customer-space .count-coffee .consum-container .consum-contain-info p.consum-highlight-text span.kg {
    font-size: 40px;
  }
}
@media (max-width: 819px) {
  #customer-space .count-coffee .consum-container .consum-contain-info p.consum-highlight-text {
    font-size: 86px;
  }
}

.status-number__active { /*delivery*/
  color: var(--primary-beige) !important;
  background-color: var(--primary-orange) !important;
}

.status-number__current {
  background-color: #79c679 !important;
  border-color: #79c679 !important;
  color: var(--primary-beige) !important;
}

@media (min-width: 1200px) { /*border en desktop*/
  .no_border_right {
    border-right: none !important;
  }
  .no_border_left {
    border-left: none !important;
  }
}
.underline {
  text-decoration: underline;
}

.manage_order_dashboard {
  padding: 0;
}

.faq_title_container {
  padding: 56px 32px 32px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.faq_title_container h1 {
  margin: 16px 0;
  text-align: center;
}
.faq_title_container p {
  font-size: 20px;
  line-height: 24px;
  margin: 0 16px;
}

.faq_end {
  padding-top: 32px;
}
.faq_end h2 {
  padding-top: 0;
  margin: 16px 0 32px 0;
  font-size: 56px;
  line-height: 52px;
  text-align: center;
}

.faq_category_online_orders {
  background-color: #cde2f5;
}

.faq_category_academy {
  background-color: #f9d4d4;
}

.faq_category_professional_account {
  background-color: #f7dca8;
}

.faq_category_coffees_and_products {
  background-color: #f8b699;
}

.faq_category_roastery_tour {
  background-color: #cbe4c9;
}

.faq_category_subscriptions {
  background-color: #eeede5;
}

.faq_category_gift_cards {
  background-color: #165949;
}

.faq_category_container {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.faq_category_container h2 {
  font-size: 40px;
  text-align: center;
  width: 100%;
}
.faq_category_container .faqs_container {
  width: 100%;
}
.faq_category_container .faqs_container .faq_expandable {
  border-top: solid 1px black;
  cursor: pointer;
}
.faq_category_container .faqs_container .faq_expandable .faq_title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 32px;
}
.faq_category_container .faqs_container .faq_expandable .faq_title h3 {
  font-size: 30px;
  line-height: 32px;
  padding: 16px 0 8px 0;
  max-width: 85%;
}
.faq_category_container .faqs_container .faq_expandable .faq_title svg {
  height: 18px;
  rotate: 90deg;
}
.faq_category_container .faqs_container .faq_expandable .faq_answer {
  padding: 0 32px;
}
.faq_category_container .faqs_container .faq_expandable .faq_answer p {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
}
.faq_category_container .faqs_container .container div:last-child {
  border-bottom: solid 1px black;
}

.expandable_icon {
  transition: 0.2s;
}

.expandable_content {
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
}

.expanded {
  max-height: 100%;
  transition: 0.4s;
}

.rotated {
  rotate: 270deg !important;
  transition: 0.2s;
}

@media (min-width: 1201px) {
  .faq_title_container {
    padding: 64px;
  }
  .faq_title_container h1 {
    margin: 32px 0;
  }
  .faq_title_container p {
    font-size: 26px;
    line-height: 30px;
    width: 80%;
  }
  .faq_category_container {
    padding: 0 64px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .faq_category_container h2 {
    font-size: 60px;
    width: 30%;
    text-align: left;
  }
  .faq_category_container .faqs_container {
    width: 60%;
  }
  .faq_category_container .faqs_container .faq_expandable {
    border-top: solid 1px black;
    cursor: pointer;
  }
  .faq_category_container .faqs_container .faq_expandable .faq_title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 32px;
  }
  .faq_category_container .faqs_container .faq_expandable .faq_title h3 {
    font-size: 40px;
    line-height: 46px;
    padding: 16px 0 8px 0;
    max-width: 85%;
  }
  .faq_category_container .faqs_container .faq_expandable .faq_title svg {
    height: 24px;
    rotate: 90deg;
  }
  .faq_category_container .faqs_container .faq_expandable .faq_answer {
    padding: 0 32px;
  }
  .faq_category_container .faqs_container .faq_expandable .faq_answer p {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .faq_end h2 {
    padding-top: 0;
    margin: 16px 0 32px 0;
    font-size: 80px;
    line-height: 72px;
  }
}
.new_footer_logo {
  height: auto;
  max-width: 40%;
  display: none;
}

.new_footer {
  width: 100%;
  margin: 0;
  background-color: #060500;
  color: #F0EDE5;
}
.new_footer .new_footer_section_1 {
  padding: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
}
.new_footer .new_footer_section_1 .new_footer_links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.new_footer .new_footer_section_1 .new_footer_links a {
  color: #F0EDE5;
  text-decoration: none;
  padding: 5px;
  white-space: nowrap;
  font-size: 14px;
  padding-bottom: 4px;
}
.new_footer .new_footer_socials_and_policies {
  border-top: solid 1px #F0EDE5;
  padding: 32px 32px 24px 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.new_footer .new_footer_socials_and_policies .new_footer_policies {
  display: flex;
  align-items: center;
}

.policy_link, .new_footer_socials_and_policies p {
  text-decoration: none;
  color: #F0EDE5;
  font-size: 12px;
  line-height: 12px;
}

.policy_link:hover {
  text-decoration: underline;
}

@media (min-width: 1201px) {
  .new_footer_logo {
    display: block;
  }
  .new_footer {
    width: 100%;
    margin: 0;
  }
  .new_footer .new_footer_section_1 {
    padding: 64px;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
  }
  .new_footer .new_footer_section_1 .new_footer_links {
    width: 40%;
  }
  .new_footer .new_footer_section_1 .new_footer_links a {
    padding: 5px;
    font-size: 20px;
    padding-bottom: 4px;
  }
  .new_footer .new_footer_socials_and_policies {
    padding: 32px 64px 24px 64px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .new_footer .new_footer_socials_and_policies .new_footer_policies {
    display: flex;
    align-items: center;
  }
  .policy_link, .new_footer_socials_and_policies p {
    font-size: 12px;
    line-height: 12px;
    margin: 0px 3px;
    margin-bottom: 10px;
  }
}
#popup-container {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-content: center;
}
#popup-container .popup_frame {
  width: 35%;
  min-width: 300px;
  max-width: 800px;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  padding: 2rem;
  background-color: #efede6;
}
#popup-container .popup_frame .popup_title {
  font-size: 3rem;
  line-height: 3rem;
  margin-bottom: 1rem;
  text-align: center;
}
#popup-container .popup_frame p {
  text-align: justify;
}
#popup-container .popup_frame span {
  font-weight: bold;
  color: #E14422;
}
#popup-container .popup_buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0;
  margin-top: 2rem;
}

.price_table_container {
  max-height: 180px;
  overflow-y: scroll;
  margin-bottom: 2rem;
}

.price_table {
  width: 100%;
}
.price_table th {
  font-size: 16px;
  line-height: 23px;
}
.price_table td, .price_table th {
  width: 50%;
  padding: 1rem 1rem;
  vertical-align: middle;
}
.price_table td p, .price_table th p {
  text-align: center !important;
}
.price_table tr {
  border-top: 1px solid #060500;
}
.price_table .last_row {
  border-bottom: 1px solid #060500;
}
.price_table .first_price_cell {
  border-right: 1px solid #060500;
}
.price_table .price_cell p {
  text-align: right !important;
}

.quick_add_div {
  cursor: pointer;
}

.admin {
  color: #e24420;
}

.payment_method_icon {
  margin-top: 8px;
  height: 20px;
  padding-right: 12px;
}

.simple_link {
  text-decoration: none;
  color: #E14422;
}

.ship-button {
  background-color: #ebb12f;
  color: #060500;
}

input[type=checkbox] {
  width: -moz-fit-content;
  width: fit-content;
}