@font-face {
  font-family: Ducasse;
  font-style: normal;
  font-weight: bold;
  src: url("../../font/domainesanstextducasse-bold.woff2") format("woff2"), url("../../font/domainesanstextducasse-bold.woff") format("woff"), url("../../font/domainesanstextducasse-bold.otf") format("opentype");
}

@font-face {
  font-family: Ducasse;
  font-style: normal;
  font-weight: normal;
  src: url("../../font/domainesanstextducasse-medium.woff2") format("woff2"), url("../../font/domainesanstextducasse-medium.woff") format("woff"), url("../../font/domainesanstextducasse-medium.otf") format("opentype");
}

@font-face {
  font-family: Ducasse;
  font-style: normal;
  font-weight: lighter;
  src: url("../../font/domainesanstextducasse-light.woff2") format("woff2"), url("../../font/domainesanstextducasse-light.woff") format("woff"), url("../../font/domainesanstextducasse-light.otf") format("opentype");
}

body {
  background: #d7dfe2;
  font-family: Ducasse;
  font-size: 14px;
  font-weight: lighter;
  color: #10183e;
  position: static !important;
  /*Fix for SWEETALERT Popin on mobile https://github.com/sweetalert2/sweetalert2/issues/473*/
}

h1,
h2,
h3,
h4,
h5 {
  font-family: Ducasse !important;
}

h3 {
  font-size: 1.8em !important;
}

dd {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

strong {
  font-weight: bold;
}

.bleu {
  color: #10183e;
}

.rouge {
  color: #c4124c;
}

.no-shadow {
  box-shadow: none !important;
}

.no-border {
  border: none !important;
}

.sidebar-mini .main-panel {
  width: 100% !important;
}

.header-top {
  margin-bottom: 0;
}

.header-top p {
  text-transform: uppercase;
  font-size: 1em;
}

.header-top .active span {
  text-decoration: underline;
}

card.dss {
  font-family: Ducasse;
}

.dss-sub {
  font-family: Ducasse;
  text-transform: uppercase;
  font-weight: normal !important;
  letter-spacing: 10px;
}

.detail-offre h5.dss-sub {
  font-size: 1.5em;
}

.bando-resa {
  display: none;
  font-family: Ducasse;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #10183e;
  color: #fff;
  padding-right: 8%;
  z-index: 20;
}

.ptitle {
  font-size: 2.6em !important;
  font-weight: 500;
}

.btn {
  font-weight: 500;
}

.fileinput .thumbnail {
  max-width: 300px;
}

.bmd-label-floating {
  color: #ec407a !important;
}

.is-focused .bmd-label-floating,
.is-filled .bmd-label-floating {
  font-size: 0.9em;
}

.card {
  font-family: Ducasse !important;
  color: #10183e;
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 1px;
  background-color: #d7dfe2;
}

.card a {
  color: #10183e;
}

.card .card-header {
  color: #10183e !important;
}

.card h4.card-title {
  font-size: 1.7em;
  text-transform: uppercase;
  font-weight: bold !important;
  color: #10183e !important;
  font-family: Ducasse;
}

.card form {
  margin-top: 1em;
}

.card-product {
  margin-top: 0px;
  border-top: 1px solid #10183e;
  border-radius: inherit;
}

.description,
.card-description,
.footer-big p {
  color: #10183e;
}

textarea:focus,
input:focus {
  outline: none !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.main-panel>.content {
  padding: 0px;
  margin: 0px;
}

.container-fluid {
  max-width: 1280px;
  margin-bottom: 5em;
}

.files-list th {
  font-size: 1em !important;
}

.files-list td img {
  max-width: 100px;
}

.form-title {
  color: #d81b60 !important;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1em;
}

.reservations .heure button {
  display: none;
}

.reservations .heure button .material-icons {
  display: none;
  position: absolute;
  bottom: 10%;
  right: 10%;
  top: auto;
  margin-bottom: 0;
}

.reservations .heure .off-d .off-d-ico {
  display: block;
}

.reservations .heure .off-a .off-a-ico {
  display: block;
  color: #FFB300;
}

.calendar .fc-body {
  background-color: #f8f8f8;
}

.calendar .fc-past {
  cursor: not-allowed;
}

.calendar .fc-today,
.calendar .fc-future {
  cursor: pointer;
}

.calendar .day-no-offer {
  cursor: not-allowed;
  background-color: #eee;
}

.calendar #d-day {
  position: absolute;
  top: -25px;
  right: 22px;
  font-size: 1.1em;
}

.calendar .fc-event {
  background-color: transparent;
  box-shadow: none;
  background: transparent;
}

.calendar .fc-day-grid-event .fc-content {
  color: inherit;
  background: transparent;
  border: none;
  box-shadow: none;
  text-align: right;
}

.calendar .fc-day-grid-event .fc-content .material-icons {
  font-size: 14px;
  vertical-align: bottom;
  margin-right: 5px;
  margin-top: 5px;
}

.calendar .fc-event-container {
  text-align: right;
  vertical-align: bottom;
  cursor: pointer;
}

.calendar .fc-day-grid-event {
  display: block;
  margin: 0px !important;
  margin-top: 0em !important;
  padding: 0px !important;
}

.calendar .fc-day-top {
  text-align: center;
}

.calendar .fc-day-top .fc-day-number {
  margin-bottom: 0px;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 5px;
  margin: auto;
  float: none !important;
  font-size: 16px;
  margin-top: 5px;
}

.calendar .fc-state-highlight .fc-day-number {
  font-weight: bold;
  background-color: #10183e;
  color: #fff;
  border-radius: 20px;
  display: inline-block;
}

.calendar .fc button {
  background-color: #10183e;
}

.calendar a.day-outside {
  display: none;
}

.material-icons.modal-icons {
  font-size: 32px;
  font-weight: 400;
}

.legend {
  width: 100%;
  font-size: 14px;
  font-style: italic;
}

.btn.selected {
  background-color: #10183e !important;
  color: #fff !important;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: #fff !important;
  background-color: #10183e !important;
  border-color: #10183e !important;
  box-shadow: none !important;
}

.btn,
.btn.btn-default,
.btn-white,
.btn.btn-white {
  color: #10183e;
  background-color: #d7dfe2;
  border-color: #10183e;
  border: 1px solid #10183e;
  box-shadow: none;
}

.dropdown-toggle {
  border: none !important;
}

.footer {
  background-color: #10183e;
  color: #fff;
  padding: 0px;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  font-family: Ducasse;
}

.confirmation .material-icons {
  font-size: 5em;
}

.confirmation .conf-info {
  font-size: 2em;
}

.confirmation .conf-info p {
  line-height: 1.2;
}

.confirmation tr.total td {
  font-weight: bold;
}

.font-weight-bold {
  font-size: 15px;
  font-weight: bold !important;
}

.InputElement {
  border-bottom: 1px solid #d2d2d2;
}

.StripeElement {
  background-color: white;
  padding: 10px 0.25em;
  border-bottom: 1px solid #ccc;
}

.btn.btn-primary:active,
.btn.btn-primary.active,
.open>.btn.btn-primary.dropdown-toggle,
.show>.btn.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #10183e;
  border-color: #10183e;
  box-shadow: none;
}

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

.time-loader {
  margin-top: 2em;
}

.time-loader img {
  float: left;
}

.time-loader span {
  display: inline-block;
  margin-left: 1em;
  margin-top: 4px;
  font-size: 16px;
}

#cal-loader {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-content: center;
  align-items: center;
  z-index: -10;
}

.warn-past,
.warn-no-event {
  margin-top: 1em;
  margin-bottom: 1.5em;
  font-size: 1.2em;
  text-align: center;
}

.swal2-modal h2 {
  color: #10183e;
}

.swal2-modal .swal2-content {
  color: #10183e;
}

.bmd-form-group .bmd-help {
  margin-top: -7px;
  font-style: italic;
}

.lang {
  font-size: 12px;
  text-align: right;
}

.lang span {
  font-size: 12px;
}

.nb-pers {
  opacity: 1;
}

.cal-loader {
  display: block;
  width: 2em;
  display: none;
}

/*COOKIE BANNER*/
#cookie {
  /* display: none; */
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 30px;
  background-color: #10183e;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

#cookie .cookie-text a {
  text-decoration: underline !important;
}

#cookie p {
  margin: 0 auto;
}

#cookie .inner-cookie {
  width: 100%;
  display: flex;
  align-items: center;
}

#cookie.display {
  opacity: 1;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

#cookie .inner-cookie .cookie-text {
  padding-right: 20px;
  color: white;
  /*font-family: 'akzidenzgroteskbe';*/
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.05em;
}

.mobile .inner-cookie {
  flex-direction: column;
}

.mobile #cookie .btn {
  width: 100%;
  height: 44px;
  line-height: 24px;
  font-size: 12px;
  text-decoration: none;
}

.mobile #cookie .inner-cookie .cookie-text {
  margin-bottom: 20px;
  padding-right: 0px;
}

.nav-pv a {
  font-size: 20px !important;
  padding: 0.5em !important;
  font-weight: bold !important;
}

.swal2-modal {
  font-family: Ducasse !important;
}

/*# sourceMappingURL=styles.css.map */

/* Custom CSS */

/* Header */
ul.lang-selector {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.lang-selector li.active a {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #10183e;
  margin: 0 5px;
  cursor: initial;
}

ul.lang-selector li:not(.active) a {
  position: relative;
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  color: #10183e;
  margin: 0 5px;
}

ul.lang-selector li:not(.active) a::before {
  content: "";
  width: 100%;
  top: 110%;
  position: absolute;
  height: 1px;
  background-color: #10183e;
  -webkit-transform: perspective(1px) scale3d(1, 1, 1);
  -moz-transform: perspective(1px) scale3d(1, 1, 1);
  -ms-transform: perspective(1px) scale3d(1, 1, 1);
  -o-transform: perspective(1px) scale3d(1, 1, 1);
  transform: perspective(1px) scale3d(1, 1, 1);
}

.header-top .step {
  font-size: 13px;
  color: #8e8f90;
  list-style: none;
  margin: 10px 0;
}

.header-top .step li a {
  position: relative;
  font-weight: lighter;
  text-transform: uppercase;
}

.header-top .step.active li a::before {
  content: "";
  width: 100%;
  top: 110%;
  position: absolute;
  height: 1px;
  background-color: #8e8f90;
  -webkit-transform: perspective(1px) scale3d(1, 1, 1);
  -moz-transform: perspective(1px) scale3d(1, 1, 1);
  -ms-transform: perspective(1px) scale3d(1, 1, 1);
  -o-transform: perspective(1px) scale3d(1, 1, 1);
  transform: perspective(1px) scale3d(1, 1, 1);
}

/* End Header */

/* Footer */
.card-footer a u {
  color: #8e8f90;
}

footer ul li a.dss-link {
  position: relative;
  margin: 0.9375rem;
  padding: 0;
  line-height: 1;
}

footer li a.dss-link:hover::before {
  -webkit-transform: perspective(1px) scale3d(1, 1, 1);
  -moz-transform: perspective(1px) scale3d(1, 1, 1);
  -ms-transform: perspective(1px) scale3d(1, 1, 1);
  -o-transform: perspective(1px) scale3d(1, 1, 1);
  transform: perspective(1px) scale3d(1, 1, 1);
  background-color: #fff;
}

footer li a.dss-link::before {
  content: "";
  width: 100%;
  top: 110%;
  position: absolute;
  height: 1px;
  background-color: #fff;
  -webkit-transform: perspective(1px) scale3d(0, 1, 1);
  -moz-transform: perspective(1px) scale3d(0, 1, 1);
  -ms-transform: perspective(1px) scale3d(0, 1, 1);
  -o-transform: perspective(1px) scale3d(0, 1, 1);
  transform: perspective(1px) scale3d(0, 1, 1);
  transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

/* End Footer */

/* General */
h2.title {
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 15px;
  color: #10183e;
}

.reservations h1.title {
  font-size: 25px;
  font-weight: lighter !important;
  line-height: 30px;
  letter-spacing: 4px;
  color: #10183e;
  padding: 0 15px;
  margin: 0;
}

.reservations .card .card-header.card-header-text h2.card-title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #10183e;
}

.reservations h3#dej,
h3#diner {
  font-size: 18px !important;
  margin-top: 5px;
}

a#retour {
  text-transform: uppercase;
}

.fc-header-toolbar h2 {
  text-transform: capitalize;
  font-size: 18px;
}

.card-footer .price p.float-left {
  font-size: 14px;
  text-transform: capitalize;
}

p.description {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 1px;
  color: #10183e;
}

.nb-pers button:hover {
  background-color: #10183e;
  border-color: #10183e;
}

/* End General */

/* Card Description */
#mea-offres .card-description {
  min-height: auto;
  margin-bottom: 20px;
}

.card-description {
  min-height: 100px;
}

.info-links {
  margin: 20px 0;
}

.info-links li {
  display: inline-block;
}

.info-links li a {
  position: relative;
  font-size: 14px;
  font-weight: lighter;
  text-transform: uppercase;
}

.info-links li a::before {
  content: "";
  width: 100%;
  top: 110%;
  position: absolute;
  height: 1px;
  background-color: #10183e;
  -webkit-transform: perspective(1px) scale3d(1, 1, 1);
  -moz-transform: perspective(1px) scale3d(1, 1, 1);
  -ms-transform: perspective(1px) scale3d(1, 1, 1);
  -o-transform: perspective(1px) scale3d(1, 1, 1);
  transform: perspective(1px) scale3d(1, 1, 1);
}

.card-footer .price {
  font-size: 15px;
  text-transform: initial;
}

.card-footer .price p,
.card-footer .price u {
  padding: 0 8px;
}

#mea-offres .card-footer .price p,
#mea-offres .card-footer .price u,
#offres .card-footer .price p,
#offres .card-footer .price u {
  padding: 0;
}

/* End Card Description */

.detail-offre .dss-sub {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
}

.card .card-header.card-header-text .card-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
}

label.bmd-label-floating {
  font-size: 12px;
}

h3.dss-sub {
  font-size: 1.0625rem !important;
  margin: 0;
  font-weight: bold !important;
  letter-spacing: 1px;
}

div#offres {
  width: 100%;
}

p.offre-subtitle {
  text-transform: uppercase;
}

div#offres>div.item {
  display: flex;
}

div#mea-offres div.alaune {
  display: flex;
  padding: 0;
}

div#mea-offres div.description-alaune {
  display: flex;
  align-items: center;
}

div.img-croisiere {
  overflow: hidden;
}

select.form-control:not([size]):not([multiple]) {
  height: 40px;
}

.form-group {
  margin: 4px 0 0;
}

/* Filtres */

ul.croisiere-filter {
  display: inline-flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

select#cat-filter-mobile {
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s, opacity 0.5s linear;
  height: 0;
}

ul.croisiere-filter li {
  margin: 0 30px;
}

ul.croisiere-filter li:first-child {
  margin: 0 25px 0 0;
}

ul.croisiere-filter li.active {
  font-weight: lighter;
}

ul.croisiere-filter li a {
  position: relative;
  font-size: 16px;
  font-weight: lighter;
  text-transform: uppercase;
  color: #8e8f90;
}

ul.croisiere-filter li a:hover::before,
ul.croisiere-filter li.active a::before {
  -webkit-transform: perspective(1px) scale3d(1, 1, 1);
  -moz-transform: perspective(1px) scale3d(1, 1, 1);
  -ms-transform: perspective(1px) scale3d(1, 1, 1);
  -o-transform: perspective(1px) scale3d(1, 1, 1);
  transform: perspective(1px) scale3d(1, 1, 1);
  background-color: #8e8f90;
}

ul.croisiere-filter li a::before {
  content: "";
  width: 100%;
  top: 110%;
  position: absolute;
  height: 1px;
  background-color: #8e8f90;
  -webkit-transform: perspective(1px) scale3d(0, 1, 1);
  -moz-transform: perspective(1px) scale3d(0, 1, 1);
  -ms-transform: perspective(1px) scale3d(0, 1, 1);
  -o-transform: perspective(1px) scale3d(0, 1, 1);
  transform: perspective(1px) scale3d(0, 1, 1);
  transform-origin: 0% 50%;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  -webkit-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}

/* End Filtres */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/**
 * ----------------------------------------
 * animation scale-down-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.scale-animation:hover {
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.scale-animation {
  -webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.img-croisiere img {
  width: 100%;
}

.filtre-mobile {
  display: none;
}

a.btn.btn-white.btn-round:hover {
  color: #fff;
  background-color: #10183e;
}

.legend i.material-icons {
  font-size: 20px;
  margin: 0 5px 0 20px;
}

/* Formulaire réservation */
.form-control {
  font-size: 12px;
  color: #10183e;
  padding-left: 0;
}

.form-control,
.is-focused .form-control {
  background-image: linear-gradient(to top, #10183e 2px, rgba(63, 81, 181, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
}

input#autocomplete::placeholder {
  opacity: 0;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-color: #10183e;
}


/* Footer */
footer .container-fluid {
  margin-bottom: 0;
}

footer .dss-link {
  letter-spacing: 5px;
}

/* End Footer */

/* CGV / CONFIDENTIALITE */
.cgv-title.dss-sub,
.confidentialite-title.dss-sub {
  font-size: 1.8em;
  line-height: 1.4em;
  margin: 20px 0 10px;
}

.cgv-subtitle.dss-sub,
.confidentialite-subtitle.dss-sub {
  font-size: 1.125rem;
  line-height: 1.4em;
}

/* End CGV / CONFIDENTIALITE */

/* Responsive */
@media all and (max-width:991px) {
  body {
    overflow: initial;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  div#mea-offres {
    max-width: 530px;
    margin: 0 auto;
  }

  div#mea-offres div.alaune {
    display: block;
  }

  div#mea-offres div.col-md-8.col-sm-12,
  div#mea-offres div.col-md-4.col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
    flex-basis: auto;
  }

  div#mea-offres div.col-md-8.col-sm-12 .card-product {
    margin-bottom: 0;
  }

  ul.croisiere-filter {
    margin-left: 50px;
  }

  .header-top .step {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media all and (max-width: 767px) {
  h2.title {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 10px;
    color: #10183e;
  }

  .header-top .step {
    font-size: 12px;
  }

  .card-description {
    min-height: auto;
    margin-bottom: 20px;
  }

  ul#cat-filter {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s, opacity 0.5s linear;
    height: 0;
  }

  select#cat-filter-mobile {
    padding: 10px;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity 0.5s linear;
    height: auto;
  }

  .filtre-mobile {
    display: block;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid;
    padding: 5px 10px;
  }

  .filtre-mobile .fa-angle-down {
    font-size: 1.5rem;
    float: right;
  }

  ul#cat-filter.croisiere-filter.show-filter {
    visibility: visible;
    opacity: 1;
    height: auto;
  }

  ul.croisiere-filter li:first-child,
  ul.croisiere-filter li {
    margin: 5px 0;
  }

  div#mea-offres div.alaune {
    display: block;
  }

  div#mea-offres div.description-alaune div.card-product {
    margin-top: 0 !important;
  }

  footer .container nav.pull-left {
    float: none;
  }

  .nav-pv a {
    font-size: 16px !important;
  }

  .card .card-body {
    padding: 0.9375rem 15px;
  }

  h3#diner {
    font-size: 16px;
  }

  .calendar #d-day {
    display: none;
  }

  .fc-toolbar h2 {
    font-size: 16px;
  }

  .form-calendar .btn {
    padding: 12px 30px !important;
  }

  .legend {
    font-size: 12px;
  }

  i.material-icons {
    margin: 0 5px 0 10px;
  }
}

@media all and (max-width: 491px) {
  .header-top .step {
    font-size: 11px;
  }

  .header-top .step.active,
  .header-top .step.active li a {
    color: #10183e;
    font-weight: bold;
  }

  .header-top .step.active li a::before {
    display: none;
  }

  footer ul li a.dss-link {
    line-height: 1.5rem;
    margin-bottom: 0;
  }

  h2.title {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 10px;
    color: #10183e;
  }

  .detail-offre h2.dss-sub {
    line-height: 24px;
  }

  .reservations h1.title {
    font-size: 20px;
    font-weight: lighter !important;
    line-height: 25px;
    letter-spacing: 4px;
    color: #10183e;
    padding: 0 15px;
    margin: 0;
  }

  .is-focused label.bmd-label-floating,
  .is-filled label.bmd-label-floating {
    font-size: 11px;
  }

  input#telephone {
    height: 50px;
    padding: 0;
  }

  .legend i.material-icons:first-child {
    margin-left: 0px;
  }

  #cookie .inner-cookie .cookie-text {
    font-size: 14px;
    line-height: 20px;
  }
}

@media all and (max-width: 400px) {

  .btn,
  .btn.btn-default,
  .btn-white,
  .btn.btn-white {
    font-size: 10px;
    padding: 10px 17px;
  }

  .font-weight-bold {
    font-size: 12px;
  }
}

/* End Responsive */

/* End Custom CSS */

.col-img label {
  float: left;
  font-weight: bold;
  padding-top: 3px;
}

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

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 30px;
  height: 30px;
}

#card-errors {
  font-weight: bold;
}

.modal-dialog .modal-header .close {
  top: 2px !important;
}

.cake-debug {
  margin-left: 30em;
}

/* Welcome Popin Styles */
#welcome-popin .modal-content {
  border-radius: 12px;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 15px 35px rgba(16, 24, 62, 0.15);
  font-family: Ducasse, sans-serif;
  color: #10183e;
}

#welcome-popin .modal-body {
  font-size: 16px;
  line-height: 1.6;
  color: #10183e;
}

#welcome-popin .close {
  color: #10183e;
  opacity: 0.7;
  font-size: 28px;
  transition: opacity 0.2s ease;
}

#welcome-popin .close:hover {
  opacity: 1;
}

#welcome-popin .btn-primary {
  background-color: #10183e !important;
  color: #ffffff !important;
  border: 1px solid #10183e !important;
  padding: 10px 30px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
  transition: all 0.3s ease;
}

#welcome-popin .btn-primary:hover {
  background-color: #c4124c !important;
  border-color: #c4124c !important;
}