@charset "UTF-8";
/*--------------------------------------
  FEUILLE DE STYLE FRAMEWORK BROWNIE
--------------------------------------*/
/* HELPERS */
/* main: ../styles.scss*/
/* Adds a browser prefix to the property */
/* Border radius */
/* Border radius separate */
/* Box shadow */
/* Text shadow */
/* Rotate */
/* Transition */
/* Clearfix */
/* Icon icomoon */
/* Text truncate */
/* main: ../styles.scss*/
/* Fonts */
/* Page wrapper width */
/* Breakpoint */
/* UI color settings */
/* Colors */
/* JQUERY UI AND PLUGINS */
/* main: ../styles.scss*/
/* Layout helpers */
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.ui-helper-reset {
  padding: 0;
  margin: 0;
  font-size: 100%;
  text-decoration: none;
  list-style: none;
  border: 0;
  outline: 0;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  display: table;
  content: "";
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Menu */
.ui-menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  position: relative;
  min-height: 0;
  padding: 10px 12px;
  margin: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  cursor: pointer;
}

.ui-menu .ui-menu-divider {
  height: 0;
  margin: 5px 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active,
.ui-menu .ui-state-hover {
  color: black !important;
  background: #f5f5f5 !important;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  right: 0;
  left: auto;
}

/* Accordion */
.ui-accordion {
  border-top: 1px solid #d9d9d9;
}

.ui-accordion .ui-accordion-header {
  position: relative;
  display: block;
  min-height: 0;
  padding: 15px 20px 15px 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.2em;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
  /* support: IE7 */
}

.ui-accordion .ui-accordion-header.ui-state-default {
  font-weight: bold;
  background: transparent;
}

.ui-accordion .ui-accordion-header.ui-state-active,
.ui-accordion .ui-accordion-header.ui-state-focus {
  color: black;
}

.ui-accordion .ui-accordion-header.ui-state-hover {
  color: blue;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  color: black;
}

.ui-accordion .ui-accordion-header .ui-icon-triangle-1-s,
.ui-accordion .ui-accordion-header .ui-state-active .ui-icon-triangle-1-s,
.ui-accordion .ui-accordion-header .ui-icon-arrow-1-s,
.ui-accordion .ui-accordion-header .ui-icon-circle-triangle-s {
  margin-top: -11px;
}
.ui-accordion .ui-accordion-header .ui-icon-triangle-1-s:before,
.ui-accordion .ui-accordion-header .ui-state-active .ui-icon-triangle-1-s:before,
.ui-accordion .ui-accordion-header .ui-icon-arrow-1-s:before,
.ui-accordion .ui-accordion-header .ui-icon-circle-triangle-s:before {
  content: "e";
}

.ui-accordion .ui-accordion-header .ui-icon-triangle-1-e:before,
.ui-accordion .ui-accordion-header .ui-state-active .ui-icon-triangle-1-e:before,
.ui-accordion .ui-accordion-header .ui-icon-arrow-1-e:before,
.ui-accordion .ui-accordion-header .ui-icon-circle-triangle-e:before {
  content: "b";
}

.ui-accordion .ui-accordion-content {
  padding: 20px 0 40px 0;
  overflow: auto;
  border-top: 0;
  border-bottom: 1px solid #d9d9d9;
}

.ui-accordion .ui-accordion-content p:last-child {
  margin-bottom: 0;
}

/* Autocomplete */
.ui-autocomplete {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-autocomplete.ui-menu {
  z-index: 102 !important;
  width: auto !important;
  max-height: 270px;
  overflow-y: auto;
}

.ui-autocomplete.ui-front {
  z-index: 10;
}

/* Datepicker */
.datepicker[readonly] {
  background-color: white !important;
  cursor: text;
}

.ui-datepicker {
  z-index: 1050 !important;
  display: none;
  width: 17em;
  padding: 10px;
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2) !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.3em 0;
  color: black;
  font-weight: bold;
  background: white;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 2em;
  height: 2.3em;
  color: black;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
}

.ui-datepicker .ui-datepicker-next {
  right: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 28px;
  height: 36px;
  margin-top: -20px;
  margin-left: -12px;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  margin: 1px 0;
  font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  margin: 0 0 0.4em;
  font-size: 0.9em;
  border-collapse: collapse;
}

.ui-datepicker table thead {
  color: inherit;
  background: inherit;
}

.ui-datepicker tr {
  background: white !important;
}

.ui-datepicker th {
  padding: 0.7em 0.3em !important;
  color: inherit;
  font-weight: bold;
  text-align: center !important;
  background: white !important;
  border: 0;
  border-bottom: 0 !important;
}

.ui-datepicker td {
  padding: 1px !important;
  background: white !important;
  border: 0;
  border-bottom: 0 !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  color: black;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  padding: 0 0.2em;
  margin: 0.7em 0 0 0;
  background-image: none;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  width: auto;
  padding: 0.2em 0.6em 0.3em 0.6em;
  margin: 0.5em 0.2em 0.4em;
  overflow: visible;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
  background: white !important;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.ui-datepicker .ui-state-highlight {
  background: #f5f5f5 !important;
  border: none !important;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active {
  color: white !important;
  background: #2409f1 !important;
}

.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-active {
  color: #2409f1 !important;
  background: white !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
  color: #d9d9d9 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable.ui-state-disabled.date-reserved .ui-state-default {
  color: rgba(204, 3, 3, 0.5) !important;
  background: #fe9d9d !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
}

/* Datepicker with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker tr:nth-child(even) {
  background-color: white;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  width: 100%;
  clear: both;
  font-size: 0;
}

/* Datepicker RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  right: auto;
  left: 2px;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  right: auto;
  left: 1px;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Dialog */
.ui-dialog {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  max-height: 100%;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  outline: 0;
}

.ui-dialog p:last-child {
  margin-bottom: 0;
}

.ui-dialog .ui-dialog-titlebar {
  position: relative;
  height: 0;
  padding: 0;
  background: transparent;
}

.ui-dialog .ui-dialog-title {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  background: white !important;
}
.ui-dialog .ui-dialog-titlebar-close:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  color: black;
  content: "f";
  font-size: 26px;
}
.ui-dialog .ui-dialog-titlebar-close:before:hover {
  color: #2409f1;
}
.ui-dialog .ui-dialog-titlebar-close:hover:before {
  color: #2409f1;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  display: none;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  padding: 30px;
  overflow: auto;
  clear: both;
  background: white;
  border: 0;
}

.ui-dialog .ui-resizable-se {
  right: -5px;
  bottom: -5px;
  width: 12px;
  height: 12px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

@media only screen and (max-width: 768px) {
  .ui-dialog {
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
/* Slider */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 30px;
  height: 30px;
  background-color: black !important;
  border: 1px solid black !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-top-left-radius: 50px !important;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-handle.ui-state-active {
  background-color: #2409f1 !important;
  border-color: #2409f1 !important;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  font-size: 0.7em;
  background-color: #2409f1 !important;
  background-image: none !important;
  background-position: 0 0;
  border: 0;
  border-bottom-left-radius: 50px;
  border-top-left-radius: 50px;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 4px;
  background: #d9d9d9 !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-top-left-radius: 50px !important;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -13px;
  margin-left: -0.6em;
  cursor: grab;
}
.ui-slider-horizontal .ui-slider-handle:active {
  cursor: grabbing;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-bottom: -0.6em;
  margin-left: 0;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* Sortable */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Tabs */
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
  margin: 0;
  overflow-x: auto;
  line-height: 1.6em;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}

.ui-tabs .ui-tabs-nav .ui-state-default {
  position: relative;
  font-weight: bold;
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-right: none;
}
.ui-tabs .ui-tabs-nav .ui-state-default:last-child {
  border-right: 1px solid #d9d9d9;
}
.ui-tabs .ui-tabs-nav .ui-state-default .icon {
  display: block;
  text-align: center;
}
.ui-tabs .ui-tabs-nav .ui-state-default .badge {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 23px;
  height: 23px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 23px;
  text-align: center;
  vertical-align: top;
  background: #2409f1;
}

.ui-tabs .ui-tabs-nav .ui-state-default a {
  display: block;
  padding: 15px 20px;
  color: black;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav .ui-state-default a:hover {
  color: #2409f1;
}

.ui-tabs .ui-tabs-nav .ui-state-active a:hover {
  color: black;
}

.ui-tabs .ui-tabs-nav .ui-state-active {
  background: white;
  border-top: 3px solid #2409f1;
  border-bottom-color: white !important;
}
.ui-tabs .ui-tabs-nav .ui-state-active .badge {
  top: 8px;
}

.ui-tabs .ui-tabs-nav .ui-state-active a {
  padding-top: 13px;
  color: #2409f1;
}

.ui-tabs .ui-tabs-nav .ui-state-active a:hover {
  color: #2409f1;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  outline: none;
  cursor: pointer;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  padding: 30px 0;
}
.ui-tabs .ui-tabs-panel p:last-child {
  margin-bottom: 0;
}

.ui-tabs .ui-widget-header {
  background: transparent;
}

/* Containers
----------------------------------*/
.ui-widget-content {
  background: white;
}

.ui-widget-header {
  color: white;
  background: black;
}

.ui-widget-header a {
  color: white;
}

/* Interaction states
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: normal;
  background: #f5f5f5;
  border: none;
  border-bottom: 0;
  outline: none;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #2409f1;
  text-decoration: none;
  outline: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  color: white;
  font-weight: normal;
  background: #2409f1;
  border: none;
  outline: none;
}

.ui-state-hover a,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2409f1;
  text-decoration: none;
  outline: none;
}

.ui-state-hover a:hover,
.ui-state-focus a:hover {
  color: #2409f1;
  text-decoration: none;
  outline: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  color: white;
  font-weight: normal;
  background: black;
  border: none;
  outline: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: white;
  text-decoration: none;
}

/* Icons */
.ui-icon {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  width: 22px;
  height: 22px;
  overflow: hidden;
  font-size: 28px;
  background: transparent !important;
}

.ui-icon-triangle-1-n:before,
.ui-state-active .ui-icon-triangle-1-n:before,
.ui-icon-arrow-1-n:before,
.ui-icon-circle-triangle-n:before {
  content: "e";
}

.ui-icon-triangle-1-s:before,
.ui-state-active .ui-icon-triangle-1-s:before,
.ui-icon-arrow-1-s:before,
.ui-icon-circle-triangle-s:before {
  content: "b";
}

.ui-icon-triangle-1-e:before,
.ui-state-active .ui-icon-triangle-1-e:before,
.ui-icon-arrow-1-e:before,
.ui-icon-circle-triangle-e:before {
  content: "d";
}

.ui-icon-triangle-1-w:before,
.ui-state-active .ui-icon-triangle-1-w:before,
.ui-icon-arrow-1-w:before,
.ui-icon-circle-triangle-w:before {
  content: "c";
}

/* Overlays */
.ui-widget-overlay {
  /* support: IE8 */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1002;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}

/* Widget shadow */
.ui-widget-shadow {
  padding: 8px;
  margin: -8px 0 0 -8px;
  background: #aaa;
  /* support: IE8 */
  border-radius: 8px;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

/* main: ../styles.scss*/
/* Img Liquid */
.img-liquid {
  overflow: hidden;
}

/* Tooltip */
.tooltipster-default {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  max-width: 250px;
  color: white;
  background: #2409f1;
  border: none;
}
.tooltipster-default .tooltipster-content {
  padding: 14px 18px;
  font-size: 14px;
  line-height: 20px;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  right: 0;
  left: 0;
  margin: 0 auto;
}

/* OWL Carousel */
.owl-carousel {
  clear: both;
}
.owl-carousel .owl-stage {
  height: 525px;
  background: #f5f5f5;
}
.owl-carousel .owl-item {
  position: relative;
  display: table;
  height: 525px;
  text-align: center;
}
.owl-carousel .owl-item div {
  display: table-cell;
  vertical-align: middle;
}
.owl-carousel .owl-item img {
  display: inline;
  width: auto !important;
  max-height: 525px;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  position: absolute;
  top: 242px;
  z-index: 1;
  width: 38px;
  height: 38px;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.owl-carousel .owl-prev span,
.owl-carousel .owl-next span {
  display: none;
}
.owl-carousel .owl-prev:before,
.owl-carousel .owl-next:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  width: 38px;
  height: 38px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 20px;
  line-height: 38px;
  background: rgba(0, 0, 0, 0.5);
}
.owl-carousel .owl-prev:hover:before,
.owl-carousel .owl-next:hover:before {
  color: white;
}
.owl-carousel .owl-prev {
  left: 7px;
}
.owl-carousel .owl-prev:before {
  content: "c";
}
.owl-carousel .owl-next {
  right: 7px;
}
.owl-carousel .owl-next:before {
  content: "d";
}
.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  display: none;
}
.owl-carousel .owl-dots {
  text-align: center;
}
.owl-carousel .owl-dots .owl-dot span {
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 20px 6px 0 6px;
  background: #d9d9d9;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  background: black;
}
.owl-carousel .caption {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  padding: 10px 20px;
  margin: 7px;
  color: black;
  color: #747474;
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: left;
  background: white;
}
.owl-carousel .caption .credit {
  font-weight: bold;
}

/* Fancybox */
.fancybox-thumbs__list a:before {
  border-color: #2409f1;
}

a[data-fancybox] {
  cursor: zoom-in;
}

/* jQuery token input */
ul.token-input-list {
  z-index: 10;
  width: 100%;
  height: auto !important;
  height: 1%;
  min-height: 1px;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  clear: left;
  list-style-type: none;
  background-color: white;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  cursor: text;
}
ul.token-input-list li {
  list-style-type: none;
}
ul.token-input-list li input:not(.p-component) {
  padding: 12px;
  -webkit-appearance: caret;
  background-color: white;
  border: 0;
}
ul.token-input-list li input:not(.p-component):focus {
  border: 0;
}
ul.token-input-list li.token-input-token {
  position: relative;
  float: left;
  height: auto !important;
  padding: 8px 22px 7px 12px;
  margin: 3px 7px 0 3px;
  overflow: hidden;
  background-color: #f5f5f5;
  cursor: default;
}
ul.token-input-list li.token-input-token p {
  padding: 0;
  margin: 0;
  color: black;
}
ul.token-input-list li.token-input-token span {
  position: absolute;
  top: 7px;
  right: 3px;
  color: #747474;
  font-size: 1.2em;
  cursor: pointer;
}
ul.token-input-list li.token-input-token span:hover {
  color: #2409f1;
}
ul.token-input-list li.token-input-input-token {
  position: relative;
  float: left;
}

.token-input-focused {
  border-color: #2409f1 !important;
}

div.token-input-dropdown {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 10px;
  z-index: 102 !important;
  width: auto !important;
  max-height: 270px;
  overflow: hidden;
  overflow-y: auto;
  color: black;
  background-color: white;
  border-top: 0;
  cursor: default;
}
div.token-input-dropdown p {
  padding: 10px;
  margin: 0;
  font-size: 1em;
  font-style: italic;
}
div.token-input-dropdown ul {
  padding: 0;
  margin: 0;
}
div.token-input-dropdown ul li {
  padding: 10px 12px;
  list-style-type: none;
  background-color: white;
  cursor: pointer;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
  background-color: white;
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
  background-color: white;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #f5f5f5;
}

/* jQuery Sumo select */
.SumoSelect {
  width: 100%;
  cursor: pointer;
}
.SumoSelect .CaptionCont {
  width: 100% !important;
  padding: 12px;
  color: black;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: white !important;
  border: 1px solid;
  border-color: #d9d9d9 !important;
  border-radius: 0;
  outline: none !important;
}
.SumoSelect .CaptionCont span {
  line-height: 1.2em;
  cursor: pointer !important;
}
.SumoSelect .CaptionCont label {
  margin-bottom: 0;
  cursor: pointer !important;
}
.SumoSelect .CaptionCont label i {
  width: 18px;
  height: 18px;
  margin: 10px auto 0 auto;
  background: none;
  opacity: 1;
}
.SumoSelect .CaptionCont label i:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  content: "m";
  font-size: 18px;
}
.SumoSelect .CaptionCont span.placeholder {
  color: #949494;
  font-style: normal;
}
.SumoSelect .search-txt {
  display: none !important;
}
.SumoSelect .optWrapper {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  top: 45px !important;
  border: 0;
  border-radius: 0;
}
.SumoSelect .optWrapper .options {
  border-radius: 0;
}
.SumoSelect .optWrapper .options li.group > label {
  padding: 10px 12px 0 12px;
  margin-bottom: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.9em;
  font-weight: normal;
}
.SumoSelect .optWrapper .options li.group li.opt {
  padding-left: 30px;
}
.SumoSelect .optWrapper .options li.opt {
  position: relative;
  padding: 10px 12px;
  border: none;
  cursor: pointer;
}
.SumoSelect .optWrapper .options li.opt:hover {
  background-color: #f5f5f5;
}
.SumoSelect .optWrapper .options li.opt:first-child {
  border-radius: 0;
}
.SumoSelect .optWrapper .options li.opt label {
  margin-bottom: 0;
  font-size: 1em;
  font-weight: normal;
}
.SumoSelect .optWrapper .options li.opt li.opt.selected {
  background: white;
}
.SumoSelect .optWrapper .options li.opt li.opt.selected:hover {
  background-color: #f5f5f5;
}
.SumoSelect .optWrapper.multiple .options li.opt span {
  margin-left: -32px;
}
.SumoSelect .optWrapper.multiple .options li.opt span i {
  position: absolute;
  top: 3px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  background-color: white;
  box-shadow: none;
  border: 1px solid #d9d9d9;
  border-radius: 0;
}
.SumoSelect .optWrapper.multiple .options li.opt.selected {
  color: black;
  background: white;
}
.SumoSelect .optWrapper.multiple .options li.opt.selected:before {
  display: none;
}
.SumoSelect .optWrapper.multiple .options li.opt.selected:hover {
  background-color: #f5f5f5;
}
.SumoSelect .optWrapper.multiple .options li.opt.selected span i {
  background-color: #2409f1;
  background-image: none;
}
.SumoSelect .optWrapper.multiple .options li.opt.selected span i:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  width: 13px;
  height: 13px;
  margin: 0;
  color: white;
  content: "k";
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}

.SumoSelect:focus .CaptionCont {
  box-shadow: none;
  border-color: #d9d9d9 !important;
}

.SumoSelect.open .CaptionCont {
  box-shadow: none;
  border-color: #2409f1 !important;
}

.SumoSelect:hover .CaptionCont {
  box-shadow: none;
}

.SumoSelect .status-error + .CaptionCont,
.SumoSelect.open .status-error + .CaptionCont,
.SumoSelect:hover .status-error + .CaptionCont {
  background-color: rgba(237, 89, 29, 0.1) !important;
  border-color: #ed591d !important;
}

/* Mappy */
.mappy {
  z-index: 1 !important;
}
.mappy .mappy-button-zoom-in,
.mappy .mappy-button-zoom-out {
  height: 38px;
}

/* LAYOUT */
/* main: ../styles.scss*/
footer {
  padding: 60px 0;
  border-top: 1px solid #d9d9d9;
}
footer ul {
  margin-bottom: 40px;
}
footer ul li {
  display: inline-block;
  margin-right: 40px;
}
footer ul li a {
  color: black;
  font-weight: bold;
}
footer ul li a:hover {
  color: #2409f1;
  text-decoration: none;
}
footer p {
  color: #747474;
  font-size: 0.9em;
  line-height: 1.5em;
}
footer p a {
  color: #747474;
  text-decoration: none;
}
footer p a:hover {
  color: #2409f1;
  text-decoration: none;
}
footer p:last-child {
  margin-bottom: 0;
}

.footer-bottom-fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}
.footer-bottom-fixed a,
.footer-bottom-fixed button,
.footer-bottom-fixed .btn,
.footer-bottom-fixed input,
.footer-bottom-fixed .sales-box,
.footer-bottom-fixed .cookie-banner {
  pointer-events: auto;
}
.footer-bottom-fixed .sales-box {
  margin-bottom: 0;
}
.footer-bottom-fixed .btn-big {
  padding: 12px 16px;
  font-size: 1.6em;
  line-height: 1.2em;
}
.footer-bottom-fixed .btn-big small {
  display: block;
  margin-top: 2px;
  font-size: 0.65em;
}
.footer-bottom-fixed .btn-big .icon {
  margin: 0 10px 0 0;
  font-size: 30px;
  line-height: 30px;
}

/* Responsive styles */
@media only screen and (max-width: calc(1120px + 20px)) {
  footer {
    padding: 40px 0;
  }
  footer ul {
    margin-bottom: 30px;
  }
  footer ul li {
    display: block;
    margin: 0 0 15px 0;
  }
  .footer-bottom-fixed .btn-big {
    width: 100%;
    margin-bottom: 0;
  }
}
/* main: ../styles.scss*/
/* B-Flex */
.b-flex {
  align-items: stretch;
  flex-wrap: wrap;
  display: flex;
  margin: 0 0 0 -20px;
}
.b-flex .flex-auto,
.b-flex .flex-1-2 {
  position: relative;
  flex: 1 1 0;
  padding-left: 20px;
}
.b-flex .flex-auto::after,
.b-flex .flex-1-2::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 20px;
  display: block;
  content: "";
  border-bottom: 1px solid #d9d9d9;
}
.b-flex .flex-auto {
  flex: 1 1 0;
}
.b-flex .flex-1-2 {
  flex: 0 0 50%;
}

@media only screen and (max-width: 1024px) {
  .b-flex .sm-flex-1-1 {
    flex: 100%;
  }
  .b-flex .sm-flex-1-2 {
    flex: 50%;
  }
}
/* Row and columns */
.row {
  margin: 0 0 0 -20px;
}
.row:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.row > .col-1-1 {
  float: left;
  width: 100%;
}
.row > .col-1-2 {
  float: left;
  width: 50%;
}
.row > .col-1-3 {
  float: left;
  width: 33.3332%;
}
.row > .col-2-3 {
  float: left;
  width: 66.6665%;
}
.row > .col-1-4 {
  float: left;
  width: 25%;
}
.row > .col-3-4 {
  float: left;
  width: 75%;
}
.row > .col-1-5 {
  float: left;
  width: 20%;
}
.row > .col-2-5 {
  float: left;
  width: 40%;
}
.row > .col-3-5 {
  float: left;
  width: 60%;
}
.row > .col-4-5 {
  float: left;
  width: 80%;
}
.row > .col-1-6 {
  float: left;
  width: 16.6666%;
}
.row > .col-5-6 {
  float: left;
  width: 83.3333%;
}
.row > .col-1-1,
.row > .col-1-2,
.row > .col-1-3,
.row > .col-2-3,
.row > .col-1-4,
.row > .col-3-4,
.row > .col-1-5,
.row > .col-2-5,
.row > .col-3-5,
.row > .col-4-5,
.row > .col-1-6,
.row > .col-5-6 {
  padding: 0 0 0 20px;
}

/* Gutters size modification */
.row-small-gutters {
  padding: 0;
  margin: 0 0 0 -10px;
}
.row-small-gutters > .col-1-1,
.row-small-gutters > .col-1-2,
.row-small-gutters > .col-1-3,
.row-small-gutters > .col-2-3,
.row-small-gutters > .col-1-4,
.row-small-gutters > .col-3-4,
.row-small-gutters > .col-1-5,
.row-small-gutters > .col-2-5,
.row-small-gutters > .col-3-5,
.row-small-gutters > .col-4-5,
.row-small-gutters > .col-1-6,
.row-small-gutters > .col-5-6 {
  padding: 0 0 0 10px;
}

.row-large-gutters {
  padding: 0;
  margin: 0 0 0 -40px;
}
.row-large-gutters > .col-1-1,
.row-large-gutters > .col-1-2,
.row-large-gutters > .col-1-3,
.row-large-gutters > .col-2-3,
.row-large-gutters > .col-1-4,
.row-large-gutters > .col-3-4,
.row-large-gutters > .col-1-5,
.row-large-gutters > .col-2-5,
.row-large-gutters > .col-3-5,
.row-large-gutters > .col-4-5,
.row-large-gutters > .col-1-6,
.row-large-gutters > .col-5-6 {
  padding: 0 0 0 40px;
}

.row-no-gutters {
  padding: 0;
  margin: 0;
}
.row-no-gutters > .col-1-1,
.row-no-gutters > .col-1-2,
.row-no-gutters > .col-1-3,
.row-no-gutters > .col-2-3,
.row-no-gutters > .col-1-4,
.row-no-gutters > .col-3-4,
.row-no-gutters > .col-1-5,
.row-no-gutters > .col-2-5,
.row-no-gutters > .col-3-5,
.row-no-gutters > .col-4-5,
.row-no-gutters > .col-1-6,
.row-no-gutters > .col-5-6 {
  padding: 0;
}

/* Specials rows */
.row-addition > div {
  position: relative;
}
.row-addition > div:after {
  position: absolute;
  top: 40px;
  left: -7px;
  display: block;
  width: 30px;
  height: 30px;
  color: #747474;
  content: "+";
  font-size: 40px;
  font-weight: bold;
  text-align: center;
}
.row-addition > div:first-child:after {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .row {
    margin-top: 20px !important;
  }
  .row:first-child {
    margin-top: 0 !important;
  }
  .row > .col-1-1,
  .row > .col-1-2,
  .row > .col-1-3,
  .row > .col-2-3,
  .row > .col-1-4,
  .row > .col-3-4,
  .row > .col-1-5,
  .row > .col-2-5,
  .row > .col-3-5,
  .row > .col-4-5,
  .row > .col-1-6,
  .row > .col-5-6 {
    width: 100%;
    margin-bottom: 20px;
  }
  .row > .col-1-1:last-child,
  .row > .col-1-2:last-child,
  .row > .col-1-3:last-child,
  .row > .col-2-3:last-child,
  .row > .col-1-4:last-child,
  .row > .col-3-4:last-child,
  .row > .col-1-5:last-child,
  .row > .col-2-5:last-child,
  .row > .col-3-5:last-child,
  .row > .col-4-5:last-child,
  .row > .col-1-6:last-child,
  .row > .col-5-6:last-child {
    margin-bottom: 0;
  }
  .row > .sm-col-1-2,
  .row > .sm-col-1-3,
  .row > .sm-col-2-3,
  .row > .sm-col-1-4,
  .row > .sm-col-1-5 {
    float: left;
    margin-bottom: 0;
  }
  .row > .sm-col-1-2 {
    width: 50% !important;
  }
  .row > .sm-col-1-3 {
    width: 33.3332% !important;
  }
  .row > .sm-col-2-3 {
    width: 66.6665% !important;
  }
  .row > .sm-col-1-4 {
    width: 25% !important;
  }
  .row > .sm-col-1-5 {
    width: 20% !important;
  }
  .row-addition > div {
    margin-bottom: 40px !important;
  }
  .row-addition > div:after {
    top: -44px;
    right: 0;
    left: 0;
    width: calc(100% + 20px);
  }
}
/* main: ../styles.scss*/
header {
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  padding: 15px 20px;
  background: white;
}
header + div,
header + iframe + div,
header + section,
header ~ .margin-top-header,
header ~ .lg-margin-top-header {
  margin-top: 92px !important;
}
header .brand-box {
  float: left;
}
header .brand-box .logo-pap {
  position: relative;
  display: block;
  width: 306px;
  height: 62px;
  overflow: hidden;
  background: url("../images/logos/logo-pap-baseline.svg") no-repeat;
  background-position: top right;
  background-size: 110px;
  outline: none;
}
@-webkit-keyframes hue {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@-moz-keyframes hue {
  0% {
    -moz-filter: hue-rotate(0deg);
  }
  100% {
    -moz-filter: hue-rotate(-360deg);
  }
}
@-ms-keyframes hue {
  0% {
    -ms-filter: hue-rotate(0deg);
  }
  100% {
    -ms-filter: hue-rotate(-360deg);
  }
}
@keyframes hue {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(-360deg);
  }
}
header .brand-box .logo-pap:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #ff3d32;
  content: "a";
  font-size: 62px;
  line-height: 62px;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: -webkit-linear-gradient(92deg, #ff3d32, #ff3d32);
  background-image: -moz-linear-gradient(92deg, #ff3d32, #ff3d32);
  background-image: -ms-linear-gradient(92deg, #ff3d32, #ff3d32);
  background-image: linear-gradient(92deg, #ff3d32, #ff3d32);
  animation: hue 60s infinite linear;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  text-fill-color: transparent;
}
header .brand-box .logo-papcommerces,
header .brand-box .logo-papvacances {
  position: relative;
  display: block;
  width: 306px;
  height: 62px;
  overflow: hidden;
  background: url("../images/logos/logo-pap-baseline.svg") no-repeat;
  background-position: top right;
  background-size: 110px;
  outline: none;
}
header .brand-box .logo-papcommerces:before,
header .brand-box .logo-papvacances:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 0;
  left: 0;
  content: "a";
  font-size: 62px;
  line-height: 62px;
}
header .brand-box .logo-papcommerces:before {
  color: #ff3d32;
}
header .brand-box .logo-papvacances:before {
  color: #ff7319;
}
header .brand-box .logo-immoneuf,
header .brand-box .logo-construiresamaison,
header .brand-box .logo-ddc,
header .brand-box .logo-acceslogement {
  position: relative;
  display: block;
  height: 62px;
  overflow: hidden;
  outline: none;
}
header .brand-box .logo-immoneuf {
  width: 320px;
  background: url("../images/logos/logo-immoneuf.svg") no-repeat center left;
}
header .brand-box .logo-immoneuf:before {
  display: none;
}
header .brand-box .logo-construiresamaison {
  width: 246px;
  background: url("../images/logos/logo-fcm.svg") no-repeat center left;
}
header .brand-box .logo-construiresamaison:before {
  display: none;
}
header .brand-box .logo-ddc {
  width: 226px;
  background: url("../images/logos/logo-ddc.svg") no-repeat center left;
}
header .brand-box .logo-ddc:before {
  display: none;
}
header .brand-box .logo-acceslogement {
  width: 290px;
  background: url("../images/logos/logo-acceslogement.svg") no-repeat center left;
}
header .brand-box .logo-acceslogement:before {
  display: none;
}
header .brand-box .logo-acceslogement:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 61px;
  height: 61px;
  content: "";
  background-image: url("../images/logos/logo-pap-tampon.svg");
  background-repeat: no-repeat;
}
header .icon-hamburger {
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
  zoom: 1;
  -webkit-transition: 0.5s 0.1s ease-in-out;
  -khtml-transition: 0.5s 0.1s ease-in-out;
  -moz-transition: 0.5s 0.1s ease-in-out;
  -ms-transition: 0.5s 0.1s ease-in-out;
  -o-transition: 0.5s 0.1s ease-in-out;
  transition: 0.5s 0.1s ease-in-out;
  position: relative;
  position: fixed;
  top: 18px;
  right: 20px;
  z-index: 2;
  display: none;
  width: 28px;
  height: 25px;
  background: white;
  cursor: pointer;
}
header .icon-hamburger span {
  -webkit-transform: rotate(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
  zoom: 1;
  -webkit-transition: 0.25s 0.1s ease-in-out;
  -khtml-transition: 0.25s 0.1s ease-in-out;
  -moz-transition: 0.25s 0.1s ease-in-out;
  -ms-transition: 0.25s 0.1s ease-in-out;
  -o-transition: 0.25s 0.1s ease-in-out;
  transition: 0.25s 0.1s ease-in-out;
  position: absolute;
  left: 4px;
  display: block;
  width: 20px;
  height: 3px;
  margin-top: 4px;
  background: #b6b6b6;
  opacity: 1;
}
header .icon-hamburger span:nth-child(1) {
  top: 0;
}
header .icon-hamburger span:nth-child(2) {
  top: 8px;
}
header .icon-hamburger span:nth-child(3) {
  top: 8px;
}
header .icon-hamburger span:nth-child(4) {
  top: 16px;
}
header .icon-close-transformation span {
  left: 0;
  width: 100%;
  height: 5px;
  margin-top: 0;
}
header .icon-close-transformation span:nth-child(1) {
  top: 10px;
  left: 50%;
  width: 0;
}
header .icon-close-transformation span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -khtml-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
  zoom: 1;
}
header .icon-close-transformation span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -khtml-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod="auto expand");
  zoom: 1;
}
header .icon-close-transformation span:nth-child(4) {
  top: 10px;
  left: 50%;
  width: 0;
}
header .topnav {
  float: right;
  margin-top: 6px;
}
header .topnav a:not(.btn),
header .topnav button:not(.btn) {
  display: inline-block;
  padding: 12px 8px;
  color: black;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  background-color: transparent;
}
header .topnav a:not(.btn) small,
header .topnav button:not(.btn) small {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100px;
  font-size: 0.7em;
  font-weight: normal;
  line-height: 1em;
}
header .topnav a:not(.btn):hover,
header .topnav button:not(.btn):hover {
  color: #2409f1;
  text-decoration: none;
}
header .topnav .btn {
  margin-right: 12px;
  line-height: inherit;
  vertical-align: bottom;
}
header .topnav .dropdown {
  display: inline-block;
  vertical-align: bottom;
}
header .topnav .dropdown div {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1;
  display: none;
  min-width: 160px;
  background: white;
}
header .topnav .dropdown div a {
  display: block;
  float: none;
  padding: 12px 20px;
  color: black;
  text-align: left;
  text-decoration: none;
}
header .topnav .dropdown div a:hover {
  color: #2409f1;
}
header .topnav .dropdown:last-child div {
  right: 20px;
}
header .topnav .dropdown:hover div {
  display: block;
}
header .topnav-extended {
  margin-top: -6px;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  header {
    padding: 10px 20px;
  }
  header + div,
  header + section,
  header + iframe + div,
  header ~ .margin-top-header,
  header ~ .sm-margin-top-header {
    margin-top: 62px !important;
  }
  header .brand-box {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    -khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: box-shadow 0.5s ease-in-out;
    -khtml-transition: box-shadow 0.5s ease-in-out;
    -moz-transition: box-shadow 0.5s ease-in-out;
    -ms-transition: box-shadow 0.5s ease-in-out;
    -o-transition: box-shadow 0.5s ease-in-out;
    transition: box-shadow 0.5s ease-in-out;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    float: none;
    padding: 11px 20px;
    background: white;
  }
  header .brand-box-hamburgered {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
  }
  header .logo-pap,
  header .logo-papcommerces,
  header .logo-papvacances {
    width: 209px !important;
    height: 40px !important;
    background-color: !important;
    background-size: 82px !important;
  }
  header .logo-pap:before,
  header .logo-papcommerces:before,
  header .logo-papvacances:before {
    font-size: 40px !important;
    line-height: 40px !important;
  }
  header .logo-immoneuf {
    width: 231px !important;
    height: 40px !important;
  }
  header .logo-construiresamaison {
    width: 160px !important;
    height: 40px !important;
  }
  header .logo-ddc {
    width: 146px !important;
    height: 40px !important;
  }
  header .logo-acceslogement {
    width: 185px !important;
    height: 40px !important;
  }
  header .logo-acceslogement:after {
    width: 40px !important;
    height: 40px !important;
  }
  header .icon-hamburger {
    display: block;
  }
  header .topnav {
    -webkit-transition: 0.5s 0.1s ease-in-out;
    -khtml-transition: 0.5s 0.1s ease-in-out;
    -moz-transition: 0.5s 0.1s ease-in-out;
    -ms-transition: 0.5s 0.1s ease-in-out;
    -o-transition: 0.5s 0.1s ease-in-out;
    transition: 0.5s 0.1s ease-in-out;
    -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    top: -82px;
    left: 0;
    z-index: 1;
    float: none;
    width: 100%;
    height: 0;
    padding-top: 82px;
    margin: 0;
    overflow-x: hidden;
    background: white;
  }
  header .topnav a,
  header .topnav button {
    display: block !important;
    padding: 10px 20px !important;
    margin: 0 0 6px 0;
    color: #2409f1;
    font-size: 1.4em;
    background-color: white;
  }
  header .topnav a:hover,
  header .topnav button:hover {
    color: #2008d8;
    background-color: white;
  }
  header .topnav .dropdown {
    display: block;
  }
  header .topnav .dropdown div {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    position: inherit;
    display: none;
    margin: -5px 0 20px 0;
    background: white;
  }
  header .topnav .dropdown div a {
    float: none;
    padding: 10px 20px 10px 40px;
    margin: 0 0 0 20px;
    color: black;
    font-size: 1.2em;
  }
  header .topnav-hamburgered {
    top: 0;
    height: 100%;
  }
  header .topnav-hamburgered .slide-toggle-content {
    padding-left: 20px;
    margin-bottom: 20px;
  }
  header .topnav-hamburgered .slide-toggle-content a:first-child {
    padding-top: 5px;
  }
  .has-list-searchbar-mobile header + div,
  .has-list-searchbar-mobile header + section,
  .has-list-searchbar-mobile header + iframe + div,
  .has-list-searchbar-mobile header ~ .margin-top-header {
    margin-top: 136px !important;
  }
  .has-list-searchbar-mobile header .brand-box {
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0);
    -webkit-transition: box-shadow 0s ease-in-out;
    -khtml-transition: box-shadow 0s ease-in-out;
    -moz-transition: box-shadow 0s ease-in-out;
    -ms-transition: box-shadow 0s ease-in-out;
    -o-transition: box-shadow 0s ease-in-out;
    transition: box-shadow 0s ease-in-out;
  }
  .has-list-searchbar-mobile .breadcrumb {
    display: none;
  }
}
/* IE styles */
@media screen and (min-width: 0\0 ) {
  header .brand-box .logo-pap:before {
    display: none;
  }
  header .brand-box .logo-pap:after {
    font-family: "brownie-icon-set" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: absolute;
    top: -40px;
    left: 0;
    color: #2aa7da;
    content: "$";
    font-size: 163px;
    line-height: 163px;
  }
}
/* main: ../styles.scss*/
/* Basic wrapper */
.wrapper {
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
}

.wrapper {
  max-width: 1120px;
}

.wrapper-small {
  max-width: 860px;
}

.wrapper-big {
  max-width: 1280px;
}

/* Video wrapper */
.video-wrapper {
  position: relative;
  height: 0;
  max-width: 100%;
  padding-bottom: 56.25%;
  margin-bottom: 25px;
  overflow: hidden;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Sidebar layout */
.sidebar-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-layout .main-content {
  -ms-flex: 1;
  flex: 1;
  max-width: calc(1120px + 20px);
  min-width: 0;
  padding: 0 50px 0 20px;
  -webkit-box-flex: 1;
}
.sidebar-layout .sidebar {
  flex-shrink: 0;
  width: 300px;
  -ms-flex-negative: 0;
}
.sidebar-layout .sidebar + .main-content {
  padding: 0 20px 0 50px;
}
.sidebar-layout .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sidebar-layout .wrapper .main-content {
  padding: 0 50px 0 0;
}
.sidebar-layout .wrapper .sidebar + .main-content {
  padding: 0 0 0 50px;
}

/* Map layout*/
.map-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 160px);
  padding-top: 0 !important;
  margin-top: 160px;
}
.map-layout .main-content {
  flex-shrink: 0;
  width: 45%;
  padding: 30px;
  overflow: auto;
  -ms-flex-negative: 0;
}
.map-layout .map {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  -webkit-box-flex: 1;
}
.map-layout .map #map {
  z-index: 0;
  height: 100% !important;
}
.map-layout .map #map .mappy-control {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
  border: 0;
  border-radius: 0;
}
.map-layout .map #map .mappy-control .mappy-button-zoom-in,
.map-layout .map #map .mappy-control .mappy-button-zoom-out {
  height: inherit;
  background: rgba(255, 255, 255, 0.8);
}
.map-layout .map #map .mappy-control .mappy-button-zoom-out {
  margin-top: 1px;
  border-top: 0;
}
.map-layout .map form {
  position: absolute;
  top: 0;
  right: 100px;
  left: 0;
  z-index: 1;
  padding: 10px;
  margin: 10px 0 0 10px;
  background: rgba(255, 255, 255, 0.8);
}
.map-layout .map form fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.map-layout .map form fieldset > div {
  flex-shrink: 1;
}
.map-layout .map form fieldset > div:first-child {
  flex-grow: 1;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .sidebar-layout {
    display: block;
  }
  .sidebar-layout .sidebar {
    display: none;
  }
  .sidebar-layout .main-content {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .sidebar-layout .wrapper {
    display: block;
  }
  .sidebar-layout .wrapper .sidebar {
    padding: 0;
  }
  .sidebar-layout .wrapper .main-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .map-layout {
    display: block;
    height: auto;
    margin-top: 120px;
  }
  .map-layout .main-content {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .map-layout .map {
    padding: 0;
  }
  .map-layout .map #map {
    height: 410px !important;
  }
  .map-layout .map #map .mappy-control {
    display: none;
  }
  .map-layout .map #map .legend {
    display: none;
  }
  .map-layout .map form {
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    background: #f5f5f5;
  }
  /* Overflow touch wrapper */
  .wrapper-overflow-touch {
    width: 100%;
    padding: 0 0 10px 20px;
    margin: 0;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .wrapper-overflow-touch .row {
    width: calc(1120px + 20px);
    padding-right: 20px;
    margin: 0 0 0 -20px;
  }
  .wrapper-overflow-touch .row > .col-1-1,
  .wrapper-overflow-touch .row > .col-1-2,
  .wrapper-overflow-touch .row > .col-1-3,
  .wrapper-overflow-touch .row > .col-2-3,
  .wrapper-overflow-touch .row > .col-1-4,
  .wrapper-overflow-touch .row > .col-3-4,
  .wrapper-overflow-touch .row > .col-1-5,
  .wrapper-overflow-touch .row > .col-2-5,
  .wrapper-overflow-touch .row > .col-3-5,
  .wrapper-overflow-touch .row > .col-4-5,
  .wrapper-overflow-touch .row > .col-1-6,
  .wrapper-overflow-touch .row > .col-5-6 {
    padding: 0 0 0 20px;
    margin-bottom: 0;
  }
  .wrapper-overflow-touch .row > .col-1-1 {
    width: 100%;
  }
  .wrapper-overflow-touch .row > .col-1-2 {
    width: 50%;
  }
  .wrapper-overflow-touch .row > .col-1-3 {
    width: 33.3332%;
  }
  .wrapper-overflow-touch .row > .col-2-3 {
    width: 66.6665%;
  }
  .wrapper-overflow-touch .row > .col-1-4 {
    width: 25%;
  }
  .wrapper-overflow-touch .row > .col-3-4 {
    width: 75%;
  }
  .wrapper-overflow-touch .row > .col-1-5 {
    width: 20%;
  }
  .wrapper-overflow-touch .row > .col-2-5 {
    width: 40%;
  }
  .wrapper-overflow-touch .row > .col-3-5 {
    width: 60%;
  }
  .wrapper-overflow-touch .row > .col-4-5 {
    width: 80%;
  }
  .wrapper-overflow-touch .row > .col-1-6 {
    width: 16.6666%;
  }
  .wrapper-overflow-touch .row > .col-5-6 {
    width: 83.3333%;
  }
}
/* main: ../styles.scss*/
/* Messagerie */
.conversation-layout {
  flex-direction: column;
  display: flex;
  height: 100dvh;
}
.conversation-layout .chip.tag-indicator:hover .icon-bullet:before,
.conversation-layout a.tag-indicator:hover .icon-bullet:before {
  content: "\e90d";
}
.conversation-layout .chip.tag-indicator.active .icon-bullet:before,
.conversation-layout a.tag-indicator.active .icon-bullet:before {
  content: "\e90c";
}
.conversation-layout .chip.tag-indicator.active:hover .icon-bullet:before,
.conversation-layout a.tag-indicator.active:hover .icon-bullet:before {
  content: "\e90e";
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-indigo {
  color: #2409f1;
  border: 1px solid #2409f1 !important;
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-light-green {
  color: #8bc34a;
  border: 1px solid #8bc34a !important;
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-purple {
  color: #9c27b0;
  border: 1px solid #9c27b0 !important;
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-yellow {
  color: #ffd200;
  border: 1px solid #ffd200 !important;
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-light-blue {
  color: #0291dc;
  border: 1px solid #0291dc !important;
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-pink {
  color: #e91e63;
  border: 1px solid #e91e63 !important;
}
.conversation-layout .chip.tag-indicator.active.tag-indicator-orange {
  color: #ff7319;
  border: 1px solid #ff7319 !important;
}
.conversation-layout .inbox-list-item {
  position: relative;
  cursor: pointer;
}
.conversation-layout .inbox-list-item:hover {
  background: #f5f5f5;
}
.conversation-layout .inbox-list-item .item-container {
  display: flex;
  padding: 20px 20px 20px 0;
  margin-left: 30px;
  border-top: 1px solid #d9d9d9;
}
.conversation-layout .inbox-list-item .item-container .form-group .options-group .option input[type=checkbox] + label:before {
  top: 20px;
  left: -10px;
}
.conversation-layout .inbox-list-item .item-container .form-group .options-group .option-active input[type=checkbox] + label:after {
  top: 18px;
  left: -8px;
}
.conversation-layout .inbox-list-item:last-child .item-container {
  border-bottom: 1px solid #d9d9d9;
}
.conversation-layout .inbox-list-item .item-image {
  flex-grow: 0;
  flex-shrink: 0;
}
.conversation-layout .inbox-list-item .item-image img {
  width: 116px;
  height: 92px;
  object-fit: cover;
}
.conversation-layout .inbox-list-item .item-body {
  flex-grow: 1;
  min-width: 0;
  padding: 0 0 0 26px;
}
.conversation-layout .inbox-list-item .item-body .item-date {
  position: absolute;
  top: 6px;
  right: 10px;
  color: #747474;
  font-size: 0.9em;
}
.conversation-layout .inbox-list-item .item-body .item-title {
  margin-right: 80px;
  margin-bottom: 6px;
  font-size: 1.1em;
  font-weight: bold;
}
.conversation-layout .inbox-list-item .item-body .item-title span:nth-child(2),
.conversation-layout .inbox-list-item .item-body .item-title span:nth-child(3) {
  font-size: 0.8em;
}
.conversation-layout .inbox-list-item .item-body .item-title span:nth-child(2)::before,
.conversation-layout .inbox-list-item .item-body .item-title span:nth-child(3)::before {
  margin-right: 4px;
  content: "-";
}
.conversation-layout .inbox-list-item .item-body .item-title small {
  font-weight: normal;
}
.conversation-layout .inbox-list-item .item-body .item-description {
  margin-bottom: 9px;
  overflow: hidden;
  font-size: 0.9em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.conversation-layout .inbox-list-item .item-body .item-extras {
  margin-bottom: 0;
  color: #747474;
  font-size: 0.9em;
}
.conversation-layout .inbox-list-item .item-body .item-extras .btn-small,
.conversation-layout .inbox-list-item .item-body .item-extras .chip {
  padding: 4px 10px;
  margin-bottom: 0;
}
.conversation-layout .inbox-list-item .item-body .item-extras .btn-small .icon,
.conversation-layout .inbox-list-item .item-body .item-extras .chip .icon {
  margin-right: 2px;
}
.conversation-layout .inbox-list-item .item-body .item-extras .chip .icon {
  margin: -2px 2px 0 0;
  font-size: 18px;
  line-height: 18px;
}
.conversation-layout .inbox-list-item.status-new-message::before, .conversation-layout .inbox-list-item.tag-indicator::before {
  position: absolute;
  top: 62px;
  left: 10px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #2409f1;
  border-radius: 50px;
}
.conversation-layout .inbox-list-item.tag-indicator-light-green::before {
  background: #8bc34a;
}
.conversation-layout .inbox-list-item.tag-indicator-purple::before {
  background: #9c27b0;
}
.conversation-layout .inbox-list-item.tag-indicator-yellow::before {
  background: #ffd200;
}
.conversation-layout .inbox-list-item.tag-indicator-light-blue::before {
  background: #0291dc;
}
.conversation-layout .inbox-list-item.tag-indicator-pink::before {
  background: #e91e63;
}
.conversation-layout .inbox-list-item.tag-indicator-orange::before {
  background: #ff7319;
}
.conversation-layout .inbox-list-item.status-new-message.tag-indicator::after {
  position: absolute;
  top: 62px;
  left: 4px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background: #2409f1;
  border: 1px solid white;
  border-radius: 50px;
}
.conversation-layout .inbox-list-item.status-new-message.tag-indicator::before {
  top: 63px;
  left: 11px;
}
.conversation-layout .inbox-list-item.status-deleted .item-image {
  opacity: 0.4;
}
.conversation-layout .header {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
  border-bottom: 1px solid #d9d9d9;
}
.conversation-layout .header .wrapper {
  width: inherit;
  max-width: inherit;
  min-height: 66px;
  padding: 16px 0;
  margin: inherit;
}
.conversation-layout .header .col-1-2:nth-child(2) {
  text-align: right;
}
.conversation-layout .header .logo-pap {
  position: relative;
  display: block;
  width: 180px;
  height: 35px;
  overflow: hidden;
  background: url("../images/logos/logo-pap-baseline.svg") no-repeat;
  background-position: top right;
  background-size: 70px;
  outline: none;
}
@-webkit-keyframes hue {
  0% {
    -webkit-filter: hue-rotate(0deg);
  }
  100% {
    -webkit-filter: hue-rotate(-360deg);
  }
}
@-moz-keyframes hue {
  0% {
    -moz-filter: hue-rotate(0deg);
  }
  100% {
    -moz-filter: hue-rotate(-360deg);
  }
}
@-ms-keyframes hue {
  0% {
    -ms-filter: hue-rotate(0deg);
  }
  100% {
    -ms-filter: hue-rotate(-360deg);
  }
}
@keyframes hue {
  0% {
    filter: hue-rotate(0deg);
  }
  100% {
    filter: hue-rotate(-360deg);
  }
}
.conversation-layout .header .logo-pap:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #ff3d32;
  content: "a";
  font-size: 34px;
  line-height: 35px;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: -webkit-linear-gradient(92deg, #ff3d32, #ff3d32);
  background-image: -moz-linear-gradient(92deg, #ff3d32, #ff3d32);
  background-image: -ms-linear-gradient(92deg, #ff3d32, #ff3d32);
  background-image: linear-gradient(92deg, #ff3d32, #ff3d32);
  animation: hue 60s infinite linear;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  text-fill-color: transparent;
}
.conversation-layout .header .btn-link {
  margin-top: 4px;
  color: #2409f1;
}
.conversation-layout .header .btn-link .icon {
  margin-right: 5px;
  color: #2409f1;
}
.conversation-layout .header .btn-link:hover {
  color: #624ef8;
  text-decoration: none;
}
.conversation-layout .header .btn-link:hover .icon {
  color: #624ef8;
}
.conversation-layout .header .inbox-list-item {
  margin-top: 16px;
  cursor: inherit;
}
.conversation-layout .header .inbox-list-item:hover {
  background: white;
}
.conversation-layout .header .inbox-list-item .item-container {
  min-height: 81px;
  padding: 16px 16px 0 22px;
  margin-left: 0;
  border-bottom: 0;
}
.conversation-layout .header .inbox-list-item .item-image img {
  width: 75px;
  height: 65px;
}
.conversation-layout .header .inbox-list-item.tag-indicator::before {
  top: 46px;
  left: 0;
  width: 10px;
  height: 10px;
}
.conversation-layout .header .inbox-list-item .item-body .item-title {
  margin-right: 0;
}
.conversation-layout .header .inbox-list-item .item-actions {
  flex-shrink: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link {
  padding: 10px;
  margin-left: 5px;
  color: #747474;
  text-align: center;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link .icon {
  display: block;
  margin-right: 0;
  color: #747474;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link .icon-dots-menu::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 0.8em;
  line-height: 21px;
  border: 1px solid #747474;
  border-radius: 50%;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link span:not(.icon) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 160px;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link:hover {
  color: #2409f1;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link:hover .icon {
  color: #2409f1;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-link:hover .icon-dots-menu::before {
  border-color: #2409f1;
}
.conversation-layout .header .inbox-list-item .item-actions .btn-menu {
  display: none;
}
.conversation-layout .header .inbox-list-item .item-actions .item-dropdown {
  position: relative;
  display: inline-block;
}
.conversation-layout .header .inbox-list-item .item-actions .item-dropdown .item-dropdown-menu {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 65px;
  right: -16px;
  z-index: 1;
  display: none;
  background: white;
}
.conversation-layout .header .inbox-list-item .item-actions .item-dropdown .item-dropdown-menu a {
  display: block;
  padding: 8px 14px;
  color: black;
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
.conversation-layout .header .inbox-list-item .item-actions .item-dropdown .item-dropdown-menu a .icon {
  margin-right: 5px;
  font-size: 22px;
  vertical-align: sub;
}
.conversation-layout .header .inbox-list-item .item-actions .item-dropdown .item-dropdown-menu a:hover {
  color: #2409f1;
}
.conversation-layout .header .inbox-list-item .item-actions .item-dropdown:hover div {
  display: block;
}
.conversation-layout .main-content {
  align-self: auto;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  order: 0;
  display: block;
  overflow-y: auto;
}
.conversation-layout .main-content .message-sent,
.conversation-layout .main-content .message-received,
.conversation-layout .main-content .message-system {
  margin-bottom: 30px;
}
.conversation-layout .main-content .message-sent .message-date,
.conversation-layout .main-content .message-received .message-date,
.conversation-layout .main-content .message-system .message-date {
  padding-top: 6px;
  color: #747474;
  font-size: 0.7em;
}
.conversation-layout .main-content .message-sent .message-bubble,
.conversation-layout .main-content .message-received .message-bubble,
.conversation-layout .main-content .message-system .message-bubble {
  padding: 16px 22px;
  font-size: 0.95em;
  background: #f5f5f5;
  border-radius: 15px;
}
.conversation-layout .main-content .message-received,
.conversation-layout .main-content .message-system {
  padding-right: 20%;
}
.conversation-layout .main-content .message-received .message-date,
.conversation-layout .main-content .message-system .message-date {
  text-align: right;
}
.conversation-layout .main-content .message-received .message-bubble,
.conversation-layout .main-content .message-system .message-bubble {
  border-bottom-left-radius: 0;
}
.conversation-layout .main-content .message-sent {
  padding-left: 20%;
}
.conversation-layout .main-content .message-sent .message-bubble {
  color: white;
  background: #2409f1;
  border-bottom-right-radius: 0;
}
.conversation-layout .main-content .message-system .message-bubble {
  background: #d7e3ea;
}
.conversation-layout .footer {
  background: #f5f5f5;
  border-top: 1px solid #d9d9d9;
}
.conversation-layout .footer .wrapper {
  padding: 24px 20px 16px 20px;
}
.conversation-layout .footer .compose-suggestions {
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow-x: auto;
  white-space: nowrap;
}
.conversation-layout .footer .compose-suggestions button {
  padding: 8px 12px;
  margin-right: 6px;
  font-size: 0.9em;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 40px;
}
.conversation-layout .footer .compose-suggestions button:hover {
  color: white;
  background: #33ab9f;
  border-color: #33ab9f;
}
.conversation-layout .footer .compose-form {
  display: flex;
}
.conversation-layout .footer .compose-form .compose-form-field {
  flex-grow: 1;
}
.conversation-layout .footer .compose-form .compose-form-field textarea {
  box-sizing: padding-box;
  display: block;
  min-height: inherit;
  padding: 14px 20px;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
  border: 2px solid transparent;
  border-radius: 40px;
  resize: none;
}
.conversation-layout .footer .compose-form .compose-form-field textarea:focus {
  border-color: #2409f1;
  outline: none;
}
.conversation-layout .footer .compose-form .btn {
  width: 50px;
  height: 50px;
  margin-left: 20px;
  text-indent: -10000px;
  background-image: url("../images/icons/ui/icon-send-light.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  border-radius: 50%;
}
.conversation-layout .footer .process-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  background: white;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.conversation-layout .footer .process-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.conversation-layout .footer .process-panel .panel-header h3.h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}
.conversation-layout .footer .process-panel .close-btn {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.conversation-layout .footer .process-panel .panel-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.conversation-layout .footer .process-panel label.label {
  font-size: 14px;
  font-weight: 500;
}
.conversation-layout .footer .process-panel input.input {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
}
.conversation-layout .footer .slide-up-enter-active, .conversation-layout .footer .slide-up-leave-active {
  transition: transform 0.3s ease-in-out;
}
.conversation-layout .footer .slide-up-enter-from, .conversation-layout .footer .slide-up-leave-to {
  transform: translateY(100%);
}
.conversation-layout .footer .slide-up-enter-to, .conversation-layout .footer .slide-up-leave-from {
  transform: translateY(0);
}
.conversation-layout .bottomnav {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  padding: 20px 0;
  text-align: center;
  background: white;
  border-top: 1px solid #d9d9d9;
}

@media only screen and (max-width: 1120px) {
  .conversation-layout .header {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .conversation-layout {
    font-size: 1.1em;
  }
  .conversation-layout .ui-tabs {
    position: relative;
    background-color: #f5f5f5;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav {
    padding-bottom: 16px;
    font-size: 0;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block !important;
    height: 16px;
    content: "";
    background-color: white;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav:after {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    z-index: 0;
    display: block !important;
    height: 1px;
    content: "";
    background-color: #d9d9d9;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav .ui-state-default {
    display: inline-block;
    float: none;
    font-size: 13px;
    border: 0;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav .ui-state-default a {
    padding: 10px 16px 20px 16px;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav .ui-state-default a span:last-child {
    width: auto !important;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav .ui-state-default .icon {
    margin-bottom: 10px;
  }
  .conversation-layout .ui-tabs .ui-tabs-nav .ui-state-active:before {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    z-index: 1;
    height: 3px;
    content: "";
    background-color: #2409f1;
  }
  .conversation-layout .inbox-list-item:hover {
    background: inherit;
  }
  .conversation-layout .inbox-list-item .item-container {
    position: relative;
    display: flex;
    padding: 16px 0;
    margin-left: 0;
  }
  .conversation-layout .inbox-list-item .item-image img {
    width: 75px;
    height: 65px;
  }
  .conversation-layout .inbox-list-item .item-body {
    padding-left: 16px;
  }
  .conversation-layout .inbox-list-item .item-body .item-title span:nth-child(2),
  .conversation-layout .inbox-list-item .item-body .item-title span:nth-child(3) {
    display: block;
    color: #2409f1;
    font-weight: normal;
  }
  .conversation-layout .inbox-list-item .item-body .item-title span:nth-child(2)::before,
  .conversation-layout .inbox-list-item .item-body .item-title span:nth-child(3)::before {
    margin-right: 0;
    content: "";
  }
  .conversation-layout .inbox-list-item .item-body .item-title span:nth-child(2) {
    margin-top: 3px;
  }
  .conversation-layout .inbox-list-item .item-body .item-date {
    font-size: 0.8em;
  }
  .conversation-layout .inbox-list-item .item-body .item-extras .btn-small {
    display: inline-block;
  }
  .conversation-layout .inbox-list-item.status-new-message::before, .conversation-layout .inbox-list-item.tag-indicator::before {
    top: 46px;
    left: -15px;
    width: 9px;
    height: 9px;
  }
  .conversation-layout .inbox-list-item.status-new-message.tag-indicator::after {
    top: 46px;
    left: -19px;
    width: 9px;
    height: 9px;
  }
  .conversation-layout .inbox-list-item.status-new-message.tag-indicator::before {
    top: 47px;
    left: -13px;
  }
  .conversation-layout .header {
    position: relative;
    padding-right: 0;
    padding-left: 0;
  }
  .conversation-layout .header .logo-pap {
    margin: 0 auto;
  }
  .conversation-layout .header .btn-link:not(.btn-menu, .btn-tag, .btn-archive, .btn-signal) {
    position: absolute;
    top: -312px;
    left: 10px;
  }
  .conversation-layout .header .btn-link:not(.btn-menu, .btn-tag, .btn-archive, .btn-signal) .icon {
    position: absolute;
    top: 334px;
    font-size: 38px;
  }
  .conversation-layout .header .btn-archive,
  .conversation-layout .header .btn-signal {
    display: none;
  }
  .conversation-layout .header .btn-menu {
    display: inline-block !important;
  }
  .conversation-layout .header .row > div {
    margin-bottom: 0;
  }
  .conversation-layout .header .inbox-list-item .item-image {
    padding-right: 16px;
  }
  .conversation-layout .header .inbox-list-item .item-image img {
    width: 65px;
    height: 55px;
  }
  .conversation-layout .header .inbox-list-item.tag-indicator::before {
    top: 42px;
    left: 6px;
    width: 9px;
    height: 9px;
  }
  .conversation-layout .header .inbox-list-item .item-body {
    padding-left: 0;
  }
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(1) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(2),
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(3) {
    display: inline;
  }
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(2)::before,
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(3)::before {
    margin-right: 0;
    content: "";
  }
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(2) {
    margin-top: 0;
  }
  .conversation-layout .header .inbox-list-item .item-body .item-title span:nth-child(3)::before {
    margin-right: 3px;
    content: "-";
  }
  .conversation-layout .header .inbox-list-item .item-actions {
    padding-left: 10px;
  }
  .conversation-layout .header .inbox-list-item .item-actions .btn-link {
    padding: 0 0 10px 0;
    margin-left: 8px;
  }
  .conversation-layout .header .inbox-list-item .item-actions .btn-phone,
  .conversation-layout .header .inbox-list-item .item-actions .btn-mail {
    top: -60px !important;
    right: 54px !important;
    left: inherit !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .conversation-layout .header .inbox-list-item .item-actions .btn-phone .icon,
  .conversation-layout .header .inbox-list-item .item-actions .btn-mail .icon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 40px;
    color: #2409f1 !important;
    font-size: 30px;
    line-height: 48px;
  }
  .conversation-layout .header .inbox-list-item .item-actions .btn-phone span:not(.icon),
  .conversation-layout .header .inbox-list-item .item-actions .btn-mail span:not(.icon) {
    display: none;
  }
  .conversation-layout .header .inbox-list-item .item-actions .btn-mail {
    right: 10px !important;
  }
  .conversation-layout .header .inbox-list-item .item-actions .item-dropdown .item-dropdown-menu {
    top: 54px;
  }
  .conversation-layout .main-content .message-sent,
  .conversation-layout .main-content .message-received {
    margin-bottom: 20px;
  }
  .conversation-layout .main-content .message-sent .message-bubble,
  .conversation-layout .main-content .message-received .message-bubble {
    font-size: 1.05em;
  }
  .conversation-layout .main-content .message-sent:last-child,
  .conversation-layout .main-content .message-received:last-child {
    margin-bottom: 0;
  }
  .conversation-layout .footer .wrapper {
    padding: 12px 20px;
  }
  .conversation-layout .footer .compose-suggestions {
    margin-bottom: 5px;
  }
  .conversation-layout .footer .compose-form .compose-form-field textarea {
    padding: 10px 14px 10px 14px;
  }
  .conversation-layout .footer .compose-form .btn {
    width: 43px;
    height: 43px;
    margin-bottom: 0;
    margin-left: 10px;
    background-size: 30px;
  }
}
/* BASE */
/* main: ../styles.scss*/
.article .faq details {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.article .faq details summary {
  padding: 10px 40px;
  transition: margin 250ms ease-out;
  cursor: pointer;
}
.article .faq details summary h2 {
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: normal;
}
.article .faq details summary::before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  position: absolute;
  top: 23px;
  left: 4px;
  content: "\e912";
  font-size: 31px;
}
.article .faq details summary::after {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  position: absolute;
  top: 23px;
  right: 4px;
  content: "b";
  font-size: 28px;
  transition: transform 250ms ease-out;
}
.article .faq details[open] summary {
  margin-bottom: 10px;
}
.article .faq details[open] summary::after {
  content: "b";
  transform: rotate(180deg);
}
.article .consent-youtube,
.article .consent-youtube-short,
.article .consent-tiktok {
  text-align: center;
}
.article .consent-youtube .item-inner,
.article .consent-youtube-short .item-inner,
.article .consent-tiktok .item-inner {
  display: inline-block;
  padding: 20px;
  border: 20px solid #ffd200;
}
.article .consent-youtube .dialog-box-handler,
.article .consent-youtube-short .dialog-box-handler,
.article .consent-tiktok .dialog-box-handler {
  display: block;
}
.article .consent-youtube blockquote,
.article .consent-youtube-short blockquote,
.article .consent-tiktok blockquote {
  margin: 0;
}
.article .consent-youtube iframe,
.article .consent-youtube-short iframe,
.article .consent-tiktok iframe {
  width: 100% !important;
}
.article .consent-tiktok .dialog-box-handler img {
  width: 100%;
  max-width: 324px;
}
.article .consent-tiktok iframe {
  height: 757px !important;
  max-height: 757px !important;
  aspect-ratio: 9/21 !important;
}
.article .consent-youtube-short .dialog-box-handler img {
  width: 100%;
  max-width: 321px;
}
.article .consent-youtube-short iframe {
  height: 577px !important;
  max-height: 577px !important;
  aspect-ratio: 9/16 !important;
}
.article .consent-ausha {
  padding: 10px;
}
.article .consent-ausha a,
.article .consent-ausha a:hover {
  text-decoration: none;
}
.article .consent-ausha .item-inner {
  position: relative;
  min-height: 200px;
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;
  border-radius: 4px;
}
.article .consent-ausha .item-inner:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.article .consent-ausha .item-inner .col-left {
  padding-right: 190px;
}
.article .consent-ausha .item-inner .col-left .p-small {
  margin-bottom: 14px;
  color: #9d9aab;
  font-size: 0.9em;
  font-weight: 600;
}
.article .consent-ausha .item-inner .col-left .item-title {
  position: relative;
  padding-left: 60px;
}
.article .consent-ausha .item-inner .col-left .item-title:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.article .consent-ausha .item-inner .col-left .item-title:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 46px;
  height: 46px;
  content: "";
  background-image: url("/images/visuels/ausha/ausha-play.svg");
  background-size: 46px;
}
.article .consent-ausha .item-inner .col-left .item-title .h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-size: 1.4em;
  font-weight: 800;
}
.article .consent-ausha .item-inner .col-left:after {
  display: block;
  height: 35px;
  content: "";
  background-image: url("/images/visuels/ausha/ausha-timeline.svg");
  background-repeat: repeat-x;
  background-size: 90px;
}
.article .consent-ausha .item-inner .col-right {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 170px;
}
.article .consent-ausha .item-inner .col-right img {
  height: 170px;
  border-radius: 4px;
}
.article .publisher {
  margin: -25px 0 30px 0;
  color: #747474;
  font-size: 0.9em;
}
.article .publisher a {
  color: #747474;
  text-decoration: none;
}
.article .publisher a:hover {
  color: #2409f1;
  text-decoration: underline;
}
.article .chapo {
  font-size: 1.4em;
  line-height: 1.2em;
}
.article h2,
.article p.h2 {
  color: #2409f1;
}
.article h3,
.article p.h3 {
  margin-bottom: 20px;
  font-size: 1.1em;
}
.article h4,
.article p.h4 {
  margin-bottom: 20px;
  font-size: 1em;
}
.article p:not(.h1, .h2, .h3, .h4, .h5) {
  margin: 0 0 20px 0;
  line-height: 1.6em;
}
.article p:not(.h1, .h2, .h3, .h4, .h5) a {
  color: #2409f1;
  text-decoration: underline;
}
.article p:not(.h1, .h2, .h3, .h4, .h5) a:hover {
  color: #2409f1;
}
.article p:not(.h1, .h2, .h3, .h4, .h5) a.btn {
  text-decoration: none;
}
.article li {
  line-height: 1.6em;
}
.article ol:not(.breadcrumb, .pagination, .sommaire-h2) li a,
.article ul:not(.breadcrumb, .pagination, .sommaire-h2) li a {
  text-decoration: underline;
}
.article img {
  height: auto;
}
.article .grosse-liste li,
.article .petite-liste li {
  position: relative;
  padding-left: 20px;
}
.article .grosse-liste li:before,
.article .petite-liste li:before {
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 10px;
  height: 2px;
  content: "";
  background: black;
}
.article .grosse-liste li {
  margin: 16px 0;
}
.article .exemple,
.article .note,
.article .important {
  position: relative;
  padding: 15px 20px 15px 52px;
  margin-bottom: 25px;
  clear: both;
}
.article .exemple a,
.article .note a,
.article .important a {
  font-weight: bold;
  text-decoration: none;
}
.article .exemple a:hover,
.article .note a:hover,
.article .important a:hover {
  text-decoration: underline;
}
.article .exemple p:last-child,
.article .note p:last-child,
.article .important p:last-child {
  margin-bottom: 0;
}
.article .exemple:before,
.article .note:before,
.article .important:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.article .exemple .btn,
.article .note .btn,
.article .important .btn {
  color: white;
}
.article .exemple .btn:hover,
.article .note .btn:hover,
.article .important .btn:hover {
  text-decoration: none;
}
.article .exemple,
.article .important,
.article .note {
  color: #2409f1;
  background: rgba(36, 9, 241, 0.1);
}
.article .exemple a,
.article .important a,
.article .note a {
  color: #2409f1;
}
.article .exemple:before,
.article .important:before,
.article .note:before {
  content: "h";
}
.article .exemple .grosse-liste li:before,
.article .exemple .petite-liste li:before,
.article .important .grosse-liste li:before,
.article .important .petite-liste li:before,
.article .note .grosse-liste li:before,
.article .note .petite-liste li:before {
  background: #2409f1;
}
.article .exemple .btn,
.article .important .btn,
.article .note .btn {
  background-color: #2409f1;
}
.article .exemple .btn:hover,
.article .important .btn:hover,
.article .note .btn:hover {
  background-color: #361df7;
}
.article .source {
  color: #747474;
  font-size: 0.85em;
}
.article .source a {
  color: #747474;
}
.article .source p {
  margin: 10px 0;
}
.article .source .grosse-liste,
.article .source .petite-liste {
  margin: 10px 0;
}
.article .source .grosse-liste li:before,
.article .source .petite-liste li:before {
  background: #747474;
}
.article .big-image,
.article .small-image {
  margin-bottom: 25px;
  text-align: center;
}
.article .big-image img,
.article .small-image img {
  display: block;
  margin: 0 auto;
}
.article .big-image .caption,
.article .big-image .credit,
.article .small-image .caption,
.article .small-image .credit {
  display: inline-block;
  padding-top: 15px;
  color: #747474;
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: center;
}
.article .big-image .caption,
.article .small-image .caption {
  font-weight: normal;
}
.article .big-image .caption + .credit,
.article .small-image .caption + .credit {
  margin-left: 8px;
}
.article .small-image img {
  max-width: 400px;
  margin: 0 auto;
}
.article .small-image .caption,
.article .small-image .credit {
  background: white;
}
.article .calc-results {
  padding: 20px 25px;
  margin-bottom: 30px;
  border: 10px solid #f5f5f5;
}
.article .calc-results h1,
.article .calc-results .h1,
.article .calc-results h2,
.article .calc-results .h2 {
  color: #2409f1 !important;
}
.article .calc-results table {
  margin-bottom: 30px;
}
.article .table-responsive {
  margin-bottom: 30px;
}
.article .float-left-image,
.article .float-right-image {
  float: left;
  max-width: 280px;
  margin: 6px 40px 15px 0;
}
.article .float-left-image img,
.article .float-right-image img {
  max-width: 280px;
}
.article .float-left-image .credit,
.article .float-right-image .credit {
  display: block;
  padding-top: 10px;
  color: #747474;
  font-size: 0.8em;
  line-height: 1.4em;
  text-align: left;
}
.article .float-right-image {
  float: right;
  margin: 6px 0 15px 40px;
}
.article .float-right-image .credit {
  text-align: right;
}
.article .owl-carousel {
  margin-bottom: 25px;
}
.article .author-and-sharebar {
  padding: 0 0 15px;
  margin: 30px 0 20px;
}
.article .author-and-sharebar:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.article .author-and-sharebar .author {
  float: left;
}
.article .author-and-sharebar .author img {
  display: inline-block;
  width: 50px;
  margin-right: 15px;
  vertical-align: middle;
}
.article .author-and-sharebar .author .author-details {
  display: inline-block;
  color: #747474;
  line-height: 1.4em;
  vertical-align: middle;
}
.article .author-and-sharebar .author .author-details strong {
  display: block;
  color: black;
}
.article .author-and-sharebar .author:hover {
  text-decoration: none;
}
.article .author-and-sharebar .author:hover .author-details strong {
  color: #2409f1;
}
.article .author-and-sharebar .sharebar {
  float: right;
  margin: 12px 0;
  text-align: right;
}
.article .author-and-sharebar .sharebar a {
  margin: 0 0 0 5px !important;
}
.article .sharebar a {
  display: inline-block;
  margin-right: 5px;
}
.article .sharebar a img {
  height: 30px;
}
.article .readmore-btn-group {
  margin-top: 40px;
}
.article .readmore-btn-group .btn {
  width: 100%;
  padding: 10px 10px 8px 20px;
  margin-bottom: 20px;
  color: black;
  font-size: 1.05em;
  line-height: 1.4em;
  text-align: left;
  background: white;
  border: 1px solid black;
}
.article .readmore-btn-group .btn .icon {
  float: right;
  margin: 3px 0 0 0;
  color: black;
  font-size: 1.3em;
}
.article .readmore-btn-group .btn:hover {
  color: #2409f1;
  border-color: #2409f1;
}
.article .readmore-btn-group .btn:hover .icon {
  color: #2409f1;
}
.article .readmore-btn-group .current {
  color: #2409f1;
  border: 1px solid #2409f1;
}
.article .readmore-btn-group .current .icon {
  color: #2409f1;
}
.article .modele-lettre {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  padding: 40px;
  margin-bottom: 60px;
}
.article .modele-lettre .expediteur,
.article .modele-lettre .destinataire,
.article .modele-lettre .date,
.article .modele-lettre .signature,
.article .modele-lettre i {
  font-style: italic;
}
.article .modele-lettre .expediteur,
.article .modele-lettre .destinataire,
.article .modele-lettre .date,
.article .modele-lettre .signature {
  margin-bottom: 20px;
}
.article .modele-lettre .destinataire,
.article .modele-lettre .signature {
  text-align: right;
}
.article .modele-lettre-overlay .content {
  max-height: 1000px;
  min-height: 700px;
  overflow: hidden;
}
.article .modele-lettre-overlay .overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 30px;
  background: aqua;
  background: white;
}
.article .modele-lettre-overlay .overlay form {
  padding: 30px;
  background: #f5f5f5;
}
.article .modele-lettre-overlay .overlay:before {
  position: absolute;
  top: -200px;
  right: 0;
  left: 0;
  display: block;
  height: 200px;
  content: "";
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .article .faq details {
    padding: 10px 0;
  }
  .article .faq details summary {
    padding: 10px 34px 10px 38px;
  }
  .article .faq details summary h2 {
    font-size: 1.3em;
    line-height: 1.4em;
  }
  .article .faq details summary::before {
    top: 23px;
    left: 0;
    font-size: 24px;
  }
  .article .faq details summary::after {
    top: 23px;
    right: 0;
    content: "b";
    font-size: 22px;
  }
  .article .faq details summary::-webkit-details-marker {
    display: none;
  }
  .article .chapo {
    font-size: 1.15em;
    line-height: 1.3em;
  }
  .article .float-left-image,
  .article .float-right-image {
    float: none;
    max-width: 100%;
    margin: 0 0 15px 0;
    text-align: center;
  }
  .article .float-left-image img,
  .article .float-right-image img {
    max-width: 100%;
  }
  .article .float-left-image .credit,
  .article .float-right-image .credit {
    text-align: center;
  }
  .article .float-right-image {
    float: none;
    margin: 0 0 15px 0;
  }
  .article .float-right-image .credit {
    text-align: center;
  }
  .article .small-image,
  .article .float-right-image {
    max-width: 100%;
  }
  .article .small-image img,
  .article .float-right-image img {
    max-width: 100%;
  }
  .article .author-and-sharebar .author {
    display: inline-block;
    float: none;
  }
  .article .author-and-sharebar .author img {
    float: left;
  }
  .article .author-and-sharebar .author .author-details {
    display: inline;
    color: #747474;
    line-height: 1.4em;
    vertical-align: middle;
  }
  .article .author-and-sharebar .author .author-details strong {
    display: block;
    color: black;
  }
  .article .author-and-sharebar .sharebar {
    display: none;
    float: none;
    padding: 15px 0 0 0;
    margin-bottom: 0;
    text-align: center;
    border-top: 1px solid #d9d9d9;
  }
  .article .consent-youtube .item-inner,
  .article .consent-tiktok .item-inner {
    padding: 10px;
    border-width: 10px;
  }
}
@media only screen and (max-width: 554px) {
  .article .consent-ausha {
    text-align: center;
  }
  .article .consent-ausha .item-inner {
    position: relative;
    display: inline-block;
    max-width: 300px;
    min-height: 500px;
  }
  .article .consent-ausha .item-inner:after {
    display: block;
    height: 0;
    clear: both;
    content: ".";
    line-height: 0;
    visibility: hidden;
  }
  .article .consent-ausha .item-inner .col-left {
    padding-right: 0;
    text-align: left;
  }
  .article .consent-ausha .item-inner .col-left .item-title:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 46px;
    height: 46px;
    content: "";
    background-image: url("/images/visuels/ausha/ausha-play.svg");
    background-size: 46px;
  }
  .article .consent-ausha .item-inner .col-left .item-title .h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    font-size: 1.4em;
    font-weight: 800;
  }
  .article .consent-ausha .item-inner .col-left:after {
    display: block;
    height: 35px;
    content: "";
    background-image: url("/images/visuels/ausha/ausha-timeline.svg");
    background-repeat: repeat-x;
    background-size: 90px;
  }
  .article .consent-ausha .item-inner .col-right {
    position: static;
    top: 0;
    right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .article .consent-ausha .item-inner .col-right img {
    height: inherit;
  }
}
/* main: ../styles.scss*/
/* Buttons reset */
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

button {
  border: none;
}

input.btn {
  line-height: 1.4em;
}

input[type=submit].btn,
input[type=submit].btn-link {
  text-align: left;
  -webkit-appearance: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

input[type=submit].btn-link {
  padding: 0;
  background: none;
}

/* Buttons */
.btn {
  display: inline-block;
  padding: 12px 18px;
  color: white;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  background: black;
  border-radius: 8px;
  cursor: pointer;
}
.btn .icon {
  display: inline-block;
  margin: -4px 10px 0 0;
  overflow: hidden;
  color: white;
  font-size: 22px;
  line-height: 22px;
  vertical-align: middle;
}
.btn:hover {
  color: white;
  text-decoration: none;
  background: #2409f1;
}
.btn:hover .icon {
  color: white;
}

.btn[value=Rechercher],
.btn[value=Actualiser],
.btn[value=Search],
.btn[value=Refresh] {
  padding-left: 50px;
  background-image: url("../images/icons/ui/icon-search-light.svg");
  background-repeat: no-repeat;
  background-position: 18px center;
  background-size: 22px;
}

.btn-upload {
  position: relative;
  overflow: hidden;
}
.btn-upload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  direction: ltr;
  font-size: 200px;
  cursor: pointer;
  opacity: 0;
}

input[type=submit]:disabled.btn,
.btn-disabled {
  color: #b6b6b6;
  background: #f5f5f5;
  cursor: not-allowed;
}
input[type=submit]:disabled.btn .icon,
.btn-disabled .icon {
  color: #b6b6b6 !important;
}
input[type=submit]:disabled.btn:hover,
.btn-disabled:hover {
  color: #b6b6b6;
  background: #f5f5f5;
}

/* Buttons shapes */
.btn-rounded {
  border-radius: 6px;
}

.btn-circle {
  border-radius: 50px;
}

/* Buttons sizes */
.btn-big {
  padding: 14px 22px;
  font-size: 1.4em;
  line-height: 28px !important;
}
.btn-big .icon {
  font-size: 26px;
  line-height: 26px;
}

.btn-small {
  padding: 8px 16px;
  font-size: 0.9em;
  line-height: 22px !important;
}
.btn-small .icon {
  margin: -2px 8px 0 0;
  font-size: 18px;
  line-height: 18px;
}

.btn-full-width {
  display: block;
  width: 100%;
}

input[type=submit].btn-full-width {
  width: 100%;
}

/* Buttons link */
.btn-link,
input[type=submit].btn-link {
  display: inline-block;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.btn-link .icon,
input[type=submit].btn-link .icon {
  display: inline-block;
  margin: -4px 10px 0 0;
  color: black;
  font-size: 22px;
  line-height: 22px;
  vertical-align: middle;
}
.btn-link:hover,
input[type=submit].btn-link:hover {
  color: #2409f1;
  text-decoration: underline;
}
.btn-link:hover .icon,
input[type=submit].btn-link:hover .icon {
  color: #2409f1;
}

/* Buttons colors and types */
.btn-green {
  background-color: #5eae46;
}
.btn-green:hover {
  background-color: #6bba53;
}

.btn-light-green {
  background-color: #8bc34a;
}
.btn-light-green:hover {
  background-color: #97c95d;
}

.btn-lime {
  background-color: #cddc39;
}
.btn-lime:hover {
  background-color: #d2e04f;
}

.btn-yellow {
  background-color: #ffd200;
}
.btn-yellow:hover {
  background-color: #ffd71a;
}

.btn-amber {
  background-color: #ffc11a;
}
.btn-amber:hover {
  background-color: #ffc834;
}

.btn-orange {
  background-color: #ff7319;
}
.btn-orange:hover {
  background-color: #ff8333;
}

.btn-deep-orange {
  background-color: #ed591d;
}
.btn-deep-orange:hover {
  background-color: #ef6a35;
}

.btn-red {
  background-color: #ff3d32;
}
.btn-red:hover {
  background-color: #ff554c;
}

.btn-corail {
  background-color: #fd6b6b;
}
.btn-corail:hover {
  background-color: #fd8484;
}

.btn-pink {
  background-color: #e91e63;
}
.btn-pink:hover {
  background-color: #eb3573;
}

.btn-purple {
  background-color: #9c27b0;
}
.btn-purple:hover {
  background-color: #af2cc5;
}

.btn-deep-purple {
  background-color: #2f257b;
}
.btn-deep-purple:hover {
  background-color: #362b8f;
}

.btn-indigo {
  background-color: #2409f1;
}
.btn-indigo:hover {
  background-color: #361df7;
}

.btn-blue {
  background-color: #086ffc;
}
.btn-blue:hover {
  background-color: #217efc;
}

.btn-light-blue {
  background-color: #0291dc;
}
.btn-light-blue:hover {
  background-color: #02a2f5;
}

.btn-teal {
  background-color: #33ab9f;
}
.btn-teal:hover {
  background-color: #39bfb1;
}

.btn-almond {
  background-color: #71cb8e;
}
.btn-almond:hover {
  background-color: #84d29d;
}

.btn-dark-gold {
  background-color: #da9f00;
}
.btn-dark-gold:hover {
  background-color: #f4b200;
}

.btn-light-clay {
  background-color: #c26e60;
}
.btn-light-clay:hover {
  background-color: #c97f72;
}

.btn-forest {
  background-color: #7a957e;
}
.btn-forest:hover {
  background-color: #88a08c;
}

.btn-light-forest {
  background-color: #9aad8b;
}
.btn-light-forest:hover {
  background-color: #a7b89a;
}

.btn-outline {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -khtml-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -ms-box-shadow: inset 0 0 0 1px black;
  -o-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
  color: black;
  background: transparent;
}
.btn-outline .icon {
  color: black;
}
.btn-outline:hover {
  -webkit-box-shadow: inset 0 0 0 1px #2409f1;
  -khtml-box-shadow: inset 0 0 0 1px #2409f1;
  -moz-box-shadow: inset 0 0 0 1px #2409f1;
  -ms-box-shadow: inset 0 0 0 1px #2409f1;
  -o-box-shadow: inset 0 0 0 1px #2409f1;
  box-shadow: inset 0 0 0 1px #2409f1;
  color: #2409f1;
  background: transparent;
}
.btn-outline:hover .icon {
  color: #2409f1;
}

.btn-outline.btn-white {
  -webkit-box-shadow: inset 0 0 0 1px white;
  -khtml-box-shadow: inset 0 0 0 1px white;
  -moz-box-shadow: inset 0 0 0 1px white;
  -ms-box-shadow: inset 0 0 0 1px white;
  -o-box-shadow: inset 0 0 0 1px white;
  box-shadow: inset 0 0 0 1px white;
  color: white;
}
.btn-outline.btn-white .icon {
  color: white;
}
.btn-outline.btn-white:hover {
  -webkit-box-shadow: inset 0 0 0 1px white;
  -khtml-box-shadow: inset 0 0 0 1px white;
  -moz-box-shadow: inset 0 0 0 1px white;
  -ms-box-shadow: inset 0 0 0 1px white;
  -o-box-shadow: inset 0 0 0 1px white;
  box-shadow: inset 0 0 0 1px white;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.btn-outline.btn-white:hover .icon {
  color: white;
}

.btn-outline.btn-green {
  -webkit-box-shadow: inset 0 0 0 1px #5eae46;
  -khtml-box-shadow: inset 0 0 0 1px #5eae46;
  -moz-box-shadow: inset 0 0 0 1px #5eae46;
  -ms-box-shadow: inset 0 0 0 1px #5eae46;
  -o-box-shadow: inset 0 0 0 1px #5eae46;
  box-shadow: inset 0 0 0 1px #5eae46;
  color: #5eae46;
}
.btn-outline.btn-green .icon {
  color: #5eae46;
}
.btn-outline.btn-green:hover {
  -webkit-box-shadow: inset 0 0 0 1px #549c3f;
  -khtml-box-shadow: inset 0 0 0 1px #549c3f;
  -moz-box-shadow: inset 0 0 0 1px #549c3f;
  -ms-box-shadow: inset 0 0 0 1px #549c3f;
  -o-box-shadow: inset 0 0 0 1px #549c3f;
  box-shadow: inset 0 0 0 1px #549c3f;
  color: #549c3f;
}
.btn-outline.btn-green:hover .icon {
  color: #549c3f;
}

.btn-outline.btn-light-green {
  -webkit-box-shadow: inset 0 0 0 1px #8bc34a;
  -khtml-box-shadow: inset 0 0 0 1px #8bc34a;
  -moz-box-shadow: inset 0 0 0 1px #8bc34a;
  -ms-box-shadow: inset 0 0 0 1px #8bc34a;
  -o-box-shadow: inset 0 0 0 1px #8bc34a;
  box-shadow: inset 0 0 0 1px #8bc34a;
  color: #8bc34a;
}
.btn-outline.btn-light-green .icon {
  color: #8bc34a;
}
.btn-outline.btn-light-green:hover {
  -webkit-box-shadow: inset 0 0 0 1px #7eb73d;
  -khtml-box-shadow: inset 0 0 0 1px #7eb73d;
  -moz-box-shadow: inset 0 0 0 1px #7eb73d;
  -ms-box-shadow: inset 0 0 0 1px #7eb73d;
  -o-box-shadow: inset 0 0 0 1px #7eb73d;
  box-shadow: inset 0 0 0 1px #7eb73d;
  color: #7eb73d;
}
.btn-outline.btn-light-green:hover .icon {
  color: #7eb73d;
}

.btn-outline.btn-lime {
  -webkit-box-shadow: inset 0 0 0 1px #cddc39;
  -khtml-box-shadow: inset 0 0 0 1px #cddc39;
  -moz-box-shadow: inset 0 0 0 1px #cddc39;
  -ms-box-shadow: inset 0 0 0 1px #cddc39;
  -o-box-shadow: inset 0 0 0 1px #cddc39;
  box-shadow: inset 0 0 0 1px #cddc39;
  color: #cddc39;
}
.btn-outline.btn-lime .icon {
  color: #cddc39;
}
.btn-outline.btn-lime:hover {
  -webkit-box-shadow: inset 0 0 0 1px #c6d626;
  -khtml-box-shadow: inset 0 0 0 1px #c6d626;
  -moz-box-shadow: inset 0 0 0 1px #c6d626;
  -ms-box-shadow: inset 0 0 0 1px #c6d626;
  -o-box-shadow: inset 0 0 0 1px #c6d626;
  box-shadow: inset 0 0 0 1px #c6d626;
  color: #c6d626;
}
.btn-outline.btn-lime:hover .icon {
  color: #c6d626;
}

.btn-outline.btn-yellow {
  -webkit-box-shadow: inset 0 0 0 1px #ffd200;
  -khtml-box-shadow: inset 0 0 0 1px #ffd200;
  -moz-box-shadow: inset 0 0 0 1px #ffd200;
  -ms-box-shadow: inset 0 0 0 1px #ffd200;
  -o-box-shadow: inset 0 0 0 1px #ffd200;
  box-shadow: inset 0 0 0 1px #ffd200;
  color: #ffd200;
}
.btn-outline.btn-yellow .icon {
  color: #ffd200;
}
.btn-outline.btn-yellow:hover {
  -webkit-box-shadow: inset 0 0 0 1px #e6bd00;
  -khtml-box-shadow: inset 0 0 0 1px #e6bd00;
  -moz-box-shadow: inset 0 0 0 1px #e6bd00;
  -ms-box-shadow: inset 0 0 0 1px #e6bd00;
  -o-box-shadow: inset 0 0 0 1px #e6bd00;
  box-shadow: inset 0 0 0 1px #e6bd00;
  color: #e6bd00;
}
.btn-outline.btn-yellow:hover .icon {
  color: #e6bd00;
}

.btn-outline.btn-amber {
  -webkit-box-shadow: inset 0 0 0 1px #ffc11a;
  -khtml-box-shadow: inset 0 0 0 1px #ffc11a;
  -moz-box-shadow: inset 0 0 0 1px #ffc11a;
  -ms-box-shadow: inset 0 0 0 1px #ffc11a;
  -o-box-shadow: inset 0 0 0 1px #ffc11a;
  box-shadow: inset 0 0 0 1px #ffc11a;
  color: #ffc11a;
}
.btn-outline.btn-amber .icon {
  color: #ffc11a;
}
.btn-outline.btn-amber:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ffba01;
  -khtml-box-shadow: inset 0 0 0 1px #ffba01;
  -moz-box-shadow: inset 0 0 0 1px #ffba01;
  -ms-box-shadow: inset 0 0 0 1px #ffba01;
  -o-box-shadow: inset 0 0 0 1px #ffba01;
  box-shadow: inset 0 0 0 1px #ffba01;
  color: #ffba01;
}
.btn-outline.btn-amber:hover .icon {
  color: #ffba01;
}

.btn-outline.btn-orange {
  -webkit-box-shadow: inset 0 0 0 1px #ff7319;
  -khtml-box-shadow: inset 0 0 0 1px #ff7319;
  -moz-box-shadow: inset 0 0 0 1px #ff7319;
  -ms-box-shadow: inset 0 0 0 1px #ff7319;
  -o-box-shadow: inset 0 0 0 1px #ff7319;
  box-shadow: inset 0 0 0 1px #ff7319;
  color: #ff7319;
}
.btn-outline.btn-orange .icon {
  color: #ff7319;
}
.btn-outline.btn-orange:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ff6400;
  -khtml-box-shadow: inset 0 0 0 1px #ff6400;
  -moz-box-shadow: inset 0 0 0 1px #ff6400;
  -ms-box-shadow: inset 0 0 0 1px #ff6400;
  -o-box-shadow: inset 0 0 0 1px #ff6400;
  box-shadow: inset 0 0 0 1px #ff6400;
  color: #ff6400;
}
.btn-outline.btn-orange:hover .icon {
  color: #ff6400;
}

.btn-outline.btn-deep-orange {
  -webkit-box-shadow: inset 0 0 0 1px #ed591d;
  -khtml-box-shadow: inset 0 0 0 1px #ed591d;
  -moz-box-shadow: inset 0 0 0 1px #ed591d;
  -ms-box-shadow: inset 0 0 0 1px #ed591d;
  -o-box-shadow: inset 0 0 0 1px #ed591d;
  box-shadow: inset 0 0 0 1px #ed591d;
  color: #ed591d;
}
.btn-outline.btn-deep-orange .icon {
  color: #ed591d;
}
.btn-outline.btn-deep-orange:hover {
  -webkit-box-shadow: inset 0 0 0 1px #df4d12;
  -khtml-box-shadow: inset 0 0 0 1px #df4d12;
  -moz-box-shadow: inset 0 0 0 1px #df4d12;
  -ms-box-shadow: inset 0 0 0 1px #df4d12;
  -o-box-shadow: inset 0 0 0 1px #df4d12;
  box-shadow: inset 0 0 0 1px #df4d12;
  color: #df4d12;
}
.btn-outline.btn-deep-orange:hover .icon {
  color: #df4d12;
}

.btn-outline.btn-red {
  -webkit-box-shadow: inset 0 0 0 1px red;
  -khtml-box-shadow: inset 0 0 0 1px red;
  -moz-box-shadow: inset 0 0 0 1px red;
  -ms-box-shadow: inset 0 0 0 1px red;
  -o-box-shadow: inset 0 0 0 1px red;
  box-shadow: inset 0 0 0 1px red;
  color: red;
}
.btn-outline.btn-red .icon {
  color: red;
}
.btn-outline.btn-red:hover {
  -webkit-box-shadow: inset 0 0 0 1px #e60000;
  -khtml-box-shadow: inset 0 0 0 1px #e60000;
  -moz-box-shadow: inset 0 0 0 1px #e60000;
  -ms-box-shadow: inset 0 0 0 1px #e60000;
  -o-box-shadow: inset 0 0 0 1px #e60000;
  box-shadow: inset 0 0 0 1px #e60000;
  color: #e60000;
}
.btn-outline.btn-red:hover .icon {
  color: #e60000;
}

.btn-outline.btn-corail {
  -webkit-box-shadow: inset 0 0 0 1px #fd6b6b;
  -khtml-box-shadow: inset 0 0 0 1px #fd6b6b;
  -moz-box-shadow: inset 0 0 0 1px #fd6b6b;
  -ms-box-shadow: inset 0 0 0 1px #fd6b6b;
  -o-box-shadow: inset 0 0 0 1px #fd6b6b;
  box-shadow: inset 0 0 0 1px #fd6b6b;
  color: #fd6b6b;
}
.btn-outline.btn-corail .icon {
  color: #fd6b6b;
}
.btn-outline.btn-corail:hover {
  -webkit-box-shadow: inset 0 0 0 1px #fd5252;
  -khtml-box-shadow: inset 0 0 0 1px #fd5252;
  -moz-box-shadow: inset 0 0 0 1px #fd5252;
  -ms-box-shadow: inset 0 0 0 1px #fd5252;
  -o-box-shadow: inset 0 0 0 1px #fd5252;
  box-shadow: inset 0 0 0 1px #fd5252;
  color: #fd5252;
}
.btn-outline.btn-corail:hover .icon {
  color: #fd5252;
}

.btn-outline.btn-pink {
  -webkit-box-shadow: inset 0 0 0 1px #e91e63;
  -khtml-box-shadow: inset 0 0 0 1px #e91e63;
  -moz-box-shadow: inset 0 0 0 1px #e91e63;
  -ms-box-shadow: inset 0 0 0 1px #e91e63;
  -o-box-shadow: inset 0 0 0 1px #e91e63;
  box-shadow: inset 0 0 0 1px #e91e63;
  color: #e91e63;
}
.btn-outline.btn-pink .icon {
  color: #e91e63;
}
.btn-outline.btn-pink:hover {
  -webkit-box-shadow: inset 0 0 0 1px #d81558;
  -khtml-box-shadow: inset 0 0 0 1px #d81558;
  -moz-box-shadow: inset 0 0 0 1px #d81558;
  -ms-box-shadow: inset 0 0 0 1px #d81558;
  -o-box-shadow: inset 0 0 0 1px #d81558;
  box-shadow: inset 0 0 0 1px #d81558;
  color: #d81558;
}
.btn-outline.btn-pink:hover .icon {
  color: #d81558;
}

.btn-outline.btn-purple {
  -webkit-box-shadow: inset 0 0 0 1px #9c27b0;
  -khtml-box-shadow: inset 0 0 0 1px #9c27b0;
  -moz-box-shadow: inset 0 0 0 1px #9c27b0;
  -ms-box-shadow: inset 0 0 0 1px #9c27b0;
  -o-box-shadow: inset 0 0 0 1px #9c27b0;
  box-shadow: inset 0 0 0 1px #9c27b0;
  color: #9c27b0;
}
.btn-outline.btn-purple .icon {
  color: #9c27b0;
}
.btn-outline.btn-purple:hover {
  -webkit-box-shadow: inset 0 0 0 1px #89229b;
  -khtml-box-shadow: inset 0 0 0 1px #89229b;
  -moz-box-shadow: inset 0 0 0 1px #89229b;
  -ms-box-shadow: inset 0 0 0 1px #89229b;
  -o-box-shadow: inset 0 0 0 1px #89229b;
  box-shadow: inset 0 0 0 1px #89229b;
  color: #89229b;
}
.btn-outline.btn-purple:hover .icon {
  color: #89229b;
}

.btn-outline.btn-deep-purple {
  -webkit-box-shadow: inset 0 0 0 1px #2f257b;
  -khtml-box-shadow: inset 0 0 0 1px #2f257b;
  -moz-box-shadow: inset 0 0 0 1px #2f257b;
  -ms-box-shadow: inset 0 0 0 1px #2f257b;
  -o-box-shadow: inset 0 0 0 1px #2f257b;
  box-shadow: inset 0 0 0 1px #2f257b;
  color: #2f257b;
}
.btn-outline.btn-deep-purple .icon {
  color: #2f257b;
}
.btn-outline.btn-deep-purple:hover {
  -webkit-box-shadow: inset 0 0 0 1px #281f67;
  -khtml-box-shadow: inset 0 0 0 1px #281f67;
  -moz-box-shadow: inset 0 0 0 1px #281f67;
  -ms-box-shadow: inset 0 0 0 1px #281f67;
  -o-box-shadow: inset 0 0 0 1px #281f67;
  box-shadow: inset 0 0 0 1px #281f67;
  color: #281f67;
}
.btn-outline.btn-deep-purple:hover .icon {
  color: #281f67;
}

.btn-outline.btn-indigo {
  -webkit-box-shadow: inset 0 0 0 1px #2409f1;
  -khtml-box-shadow: inset 0 0 0 1px #2409f1;
  -moz-box-shadow: inset 0 0 0 1px #2409f1;
  -ms-box-shadow: inset 0 0 0 1px #2409f1;
  -o-box-shadow: inset 0 0 0 1px #2409f1;
  box-shadow: inset 0 0 0 1px #2409f1;
  color: #2409f1;
}
.btn-outline.btn-indigo .icon {
  color: #2409f1;
}
.btn-outline.btn-indigo:hover {
  -webkit-box-shadow: inset 0 0 0 1px #2008d8;
  -khtml-box-shadow: inset 0 0 0 1px #2008d8;
  -moz-box-shadow: inset 0 0 0 1px #2008d8;
  -ms-box-shadow: inset 0 0 0 1px #2008d8;
  -o-box-shadow: inset 0 0 0 1px #2008d8;
  box-shadow: inset 0 0 0 1px #2008d8;
  color: #2008d8;
}
.btn-outline.btn-indigo:hover .icon {
  color: #2008d8;
}

.btn-outline.btn-blue {
  -webkit-box-shadow: inset 0 0 0 1px #086ffc;
  -khtml-box-shadow: inset 0 0 0 1px #086ffc;
  -moz-box-shadow: inset 0 0 0 1px #086ffc;
  -ms-box-shadow: inset 0 0 0 1px #086ffc;
  -o-box-shadow: inset 0 0 0 1px #086ffc;
  box-shadow: inset 0 0 0 1px #086ffc;
  color: #086ffc;
}
.btn-outline.btn-blue .icon {
  color: #086ffc;
}
.btn-outline.btn-blue:hover {
  -webkit-box-shadow: inset 0 0 0 1px #0363e8;
  -khtml-box-shadow: inset 0 0 0 1px #0363e8;
  -moz-box-shadow: inset 0 0 0 1px #0363e8;
  -ms-box-shadow: inset 0 0 0 1px #0363e8;
  -o-box-shadow: inset 0 0 0 1px #0363e8;
  box-shadow: inset 0 0 0 1px #0363e8;
  color: #0363e8;
}
.btn-outline.btn-blue:hover .icon {
  color: #0363e8;
}

.btn-outline.btn-light-blue {
  -webkit-box-shadow: inset 0 0 0 1px #0291dc;
  -khtml-box-shadow: inset 0 0 0 1px #0291dc;
  -moz-box-shadow: inset 0 0 0 1px #0291dc;
  -ms-box-shadow: inset 0 0 0 1px #0291dc;
  -o-box-shadow: inset 0 0 0 1px #0291dc;
  box-shadow: inset 0 0 0 1px #0291dc;
  color: #0291dc;
}
.btn-outline.btn-light-blue .icon {
  color: #0291dc;
}
.btn-outline.btn-light-blue:hover {
  -webkit-box-shadow: inset 0 0 0 1px #0280c3;
  -khtml-box-shadow: inset 0 0 0 1px #0280c3;
  -moz-box-shadow: inset 0 0 0 1px #0280c3;
  -ms-box-shadow: inset 0 0 0 1px #0280c3;
  -o-box-shadow: inset 0 0 0 1px #0280c3;
  box-shadow: inset 0 0 0 1px #0280c3;
  color: #0280c3;
}
.btn-outline.btn-light-blue:hover .icon {
  color: #0280c3;
}

.btn-outline.btn-teal {
  -webkit-box-shadow: inset 0 0 0 1px #33ab9f;
  -khtml-box-shadow: inset 0 0 0 1px #33ab9f;
  -moz-box-shadow: inset 0 0 0 1px #33ab9f;
  -ms-box-shadow: inset 0 0 0 1px #33ab9f;
  -o-box-shadow: inset 0 0 0 1px #33ab9f;
  box-shadow: inset 0 0 0 1px #33ab9f;
  color: #33ab9f;
}
.btn-outline.btn-teal .icon {
  color: #33ab9f;
}
.btn-outline.btn-teal:hover {
  -webkit-box-shadow: inset 0 0 0 1px #2d978d;
  -khtml-box-shadow: inset 0 0 0 1px #2d978d;
  -moz-box-shadow: inset 0 0 0 1px #2d978d;
  -ms-box-shadow: inset 0 0 0 1px #2d978d;
  -o-box-shadow: inset 0 0 0 1px #2d978d;
  box-shadow: inset 0 0 0 1px #2d978d;
  color: #2d978d;
}
.btn-outline.btn-teal:hover .icon {
  color: #2d978d;
}

.btn-outline.btn-almond {
  -webkit-box-shadow: inset 0 0 0 1px #71cb8e;
  -khtml-box-shadow: inset 0 0 0 1px #71cb8e;
  -moz-box-shadow: inset 0 0 0 1px #71cb8e;
  -ms-box-shadow: inset 0 0 0 1px #71cb8e;
  -o-box-shadow: inset 0 0 0 1px #71cb8e;
  box-shadow: inset 0 0 0 1px #71cb8e;
  color: #71cb8e;
}
.btn-outline.btn-almond .icon {
  color: #71cb8e;
}
.btn-outline.btn-almond:hover {
  -webkit-box-shadow: inset 0 0 0 1px #5ec47f;
  -khtml-box-shadow: inset 0 0 0 1px #5ec47f;
  -moz-box-shadow: inset 0 0 0 1px #5ec47f;
  -ms-box-shadow: inset 0 0 0 1px #5ec47f;
  -o-box-shadow: inset 0 0 0 1px #5ec47f;
  box-shadow: inset 0 0 0 1px #5ec47f;
  color: #5ec47f;
}
.btn-outline.btn-almond:hover .icon {
  color: #5ec47f;
}

.btn-outline.btn-dark-gold {
  -webkit-box-shadow: inset 0 0 0 1px #da9f00;
  -khtml-box-shadow: inset 0 0 0 1px #da9f00;
  -moz-box-shadow: inset 0 0 0 1px #da9f00;
  -ms-box-shadow: inset 0 0 0 1px #da9f00;
  -o-box-shadow: inset 0 0 0 1px #da9f00;
  box-shadow: inset 0 0 0 1px #da9f00;
  color: #da9f00;
}
.btn-outline.btn-dark-gold .icon {
  color: #da9f00;
}
.btn-outline.btn-dark-gold:hover {
  -webkit-box-shadow: inset 0 0 0 1px #c18c00;
  -khtml-box-shadow: inset 0 0 0 1px #c18c00;
  -moz-box-shadow: inset 0 0 0 1px #c18c00;
  -ms-box-shadow: inset 0 0 0 1px #c18c00;
  -o-box-shadow: inset 0 0 0 1px #c18c00;
  box-shadow: inset 0 0 0 1px #c18c00;
  color: #c18c00;
}
.btn-outline.btn-dark-gold:hover .icon {
  color: #c18c00;
}

.btn-outline.btn-light-clay {
  -webkit-box-shadow: inset 0 0 0 1px #c26e60;
  -khtml-box-shadow: inset 0 0 0 1px #c26e60;
  -moz-box-shadow: inset 0 0 0 1px #c26e60;
  -ms-box-shadow: inset 0 0 0 1px #c26e60;
  -o-box-shadow: inset 0 0 0 1px #c26e60;
  box-shadow: inset 0 0 0 1px #c26e60;
  color: #c26e60;
}
.btn-outline.btn-light-clay .icon {
  color: #c26e60;
}
.btn-outline.btn-light-clay:hover {
  -webkit-box-shadow: inset 0 0 0 1px #bb5d4e;
  -khtml-box-shadow: inset 0 0 0 1px #bb5d4e;
  -moz-box-shadow: inset 0 0 0 1px #bb5d4e;
  -ms-box-shadow: inset 0 0 0 1px #bb5d4e;
  -o-box-shadow: inset 0 0 0 1px #bb5d4e;
  box-shadow: inset 0 0 0 1px #bb5d4e;
  color: #bb5d4e;
}
.btn-outline.btn-light-clay:hover .icon {
  color: #bb5d4e;
}

.btn-outline.btn-forest {
  -webkit-box-shadow: inset 0 0 0 1px #7a957e;
  -khtml-box-shadow: inset 0 0 0 1px #7a957e;
  -moz-box-shadow: inset 0 0 0 1px #7a957e;
  -ms-box-shadow: inset 0 0 0 1px #7a957e;
  -o-box-shadow: inset 0 0 0 1px #7a957e;
  box-shadow: inset 0 0 0 1px #7a957e;
  color: #7a957e;
}
.btn-outline.btn-forest .icon {
  color: #7a957e;
}
.btn-outline.btn-forest:hover {
  -webkit-box-shadow: inset 0 0 0 1px #6d8971;
  -khtml-box-shadow: inset 0 0 0 1px #6d8971;
  -moz-box-shadow: inset 0 0 0 1px #6d8971;
  -ms-box-shadow: inset 0 0 0 1px #6d8971;
  -o-box-shadow: inset 0 0 0 1px #6d8971;
  box-shadow: inset 0 0 0 1px #6d8971;
  color: #6d8971;
}
.btn-outline.btn-forest:hover .icon {
  color: #6d8971;
}

.btn-outline.btn-light-forest {
  -webkit-box-shadow: inset 0 0 0 1px #9aad8b;
  -khtml-box-shadow: inset 0 0 0 1px #9aad8b;
  -moz-box-shadow: inset 0 0 0 1px #9aad8b;
  -ms-box-shadow: inset 0 0 0 1px #9aad8b;
  -o-box-shadow: inset 0 0 0 1px #9aad8b;
  box-shadow: inset 0 0 0 1px #9aad8b;
  color: #9aad8b;
}
.btn-outline.btn-light-forest .icon {
  color: #9aad8b;
}
.btn-outline.btn-light-forest:hover {
  -webkit-box-shadow: inset 0 0 0 1px #8da27c;
  -khtml-box-shadow: inset 0 0 0 1px #8da27c;
  -moz-box-shadow: inset 0 0 0 1px #8da27c;
  -ms-box-shadow: inset 0 0 0 1px #8da27c;
  -o-box-shadow: inset 0 0 0 1px #8da27c;
  box-shadow: inset 0 0 0 1px #8da27c;
  color: #8da27c;
}
.btn-outline.btn-light-forest:hover .icon {
  color: #8da27c;
}

.btn-outline.btn-disabled {
  -webkit-box-shadow: inset 0 0 0 1px #b6b6b6;
  -khtml-box-shadow: inset 0 0 0 1px #b6b6b6;
  -moz-box-shadow: inset 0 0 0 1px #b6b6b6;
  -ms-box-shadow: inset 0 0 0 1px #b6b6b6;
  -o-box-shadow: inset 0 0 0 1px #b6b6b6;
  box-shadow: inset 0 0 0 1px #b6b6b6;
  color: #b6b6b6;
}
.btn-outline.btn-disabled .icon {
  color: #b6b6b6;
}
.btn-outline.btn-disabled:hover {
  -webkit-box-shadow: inset 0 0 0 1px #b6b6b6;
  -khtml-box-shadow: inset 0 0 0 1px #b6b6b6;
  -moz-box-shadow: inset 0 0 0 1px #b6b6b6;
  -ms-box-shadow: inset 0 0 0 1px #b6b6b6;
  -o-box-shadow: inset 0 0 0 1px #b6b6b6;
  box-shadow: inset 0 0 0 1px #b6b6b6;
  color: #b6b6b6;
}
.btn-outline.btn-disabled:hover .icon {
  color: #b6b6b6;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  a.btn,
  input.btn {
    display: block;
    margin-bottom: 10px;
    text-align: left;
  }
  input.btn,
  button.btn {
    width: 100%;
  }
  button {
    outline: none;
  }
  .btn-big {
    padding: 9px 15px;
    font-size: 1em;
  }
  .sm-button-auto-width {
    width: auto !important;
  }
  /* Buttons sticky mobile */
  .btn-sticky-wrapper {
    position: fixed;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 99;
    text-align: center;
  }
  .btn-sticky-wrapper .btn {
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    padding: 9px 15px;
  }
  .btn-sticky-wrapper .btn .icon {
    display: inline-block !important;
  }
}
/* main: ../styles.scss*/
/* Backgrounds */
.bg-white {
  background: white !important;
}

.bg-black {
  background: black !important;
}

.bg-grey-1 {
  background: #f5f5f5 !important;
}

.bg-grey-2 {
  background: #d9d9d9 !important;
}

.bg-grey-3 {
  background: #b6b6b6 !important;
}

.bg-grey-4 {
  background: #747474 !important;
}

.bg-light-green {
  background: #8bc34a !important;
}

.bg-yellow {
  background: #ffd200 !important;
}

.bg-amber {
  background: #ffc11a !important;
}

.bg-deep-orange {
  background: #ed591d !important;
}

.bg-pink {
  background: #e91e63 !important;
}

.bg-green {
  background: #5eae46 !important;
}

.bg-lime {
  background: #cddc39 !important;
}

.bg-red {
  background: #ff3d32 !important;
}

.bg-corail {
  background: #fd6b6b !important;
}

.bg-orange {
  background: #ff7319 !important;
}

.bg-purple {
  background: #9c27b0 !important;
}

.bg-deep-purple {
  background: #2f257b !important;
}

.bg-indigo {
  background: #2409f1 !important;
}

.bg-light-blue {
  background: #0291dc !important;
}

.bg-light-indigo {
  background: #d7e3ea !important;
}

.bg-blue {
  background: #086ffc !important;
}

.bg-teal {
  background: #33ab9f !important;
}

.bg-almond {
  background: #71cb8e !important;
}

.bg-dark-gold {
  background: #da9f00 !important;
}

.bg-light-clay {
  background: #c26e60 !important;
}

.bg-forest {
  background: #7a957e !important;
}

.bg-light-forest {
  background: #9aad8b !important;
}

.bg-bright-slate {
  background: #ccdbe3 !important;
}

.bg-light-slate {
  background: #ebf0f3 !important;
}

/* Texts */
.txt-shadow {
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

.txt-white {
  color: white !important;
}
.txt-white:after {
  background-color: white !important;
}

.txt-black {
  color: black !important;
}
.txt-black:after {
  background-color: black !important;
}

.txt-grey-1 {
  color: #f5f5f5 !important;
}

.txt-grey-2 {
  color: #d9d9d9 !important;
}

.txt-grey-3 {
  color: #b6b6b6 !important;
}

.txt-grey-4 {
  color: #747474 !important;
}

.txt-light-green {
  color: #8bc34a !important;
}

.txt-yellow {
  color: #ffd200 !important;
}

.txt-amber {
  color: #ffc11a !important;
}

.txt-deep-orange {
  color: #ed591d !important;
}

.txt-pink {
  color: #e91e63 !important;
}

.txt-green {
  color: #5eae46 !important;
}

.txt-lime {
  color: #cddc39 !important;
}

.txt-red {
  color: #ff3d32 !important;
}

.txt-corail {
  color: #fd6b6b !important;
}

.txt-orange {
  color: #ff7319 !important;
}

.txt-purple {
  color: #9c27b0 !important;
}

.txt-deep-purple {
  color: #2f257b !important;
}

.txt-indigo {
  color: #2409f1 !important;
}

.txt-light-blue {
  color: #0291dc !important;
}

.txt-blue {
  color: #086ffc !important;
}

.txt-teal {
  color: #33ab9f !important;
}

.txt-almond {
  color: #71cb8e !important;
}

.txt-dark-gold {
  color: #da9f00 !important;
}

.txt-light-clay {
  color: #c26e60 !important;
}

.txt-forest {
  color: #7a957e !important;
}

.txt-light-forest {
  color: #9aad8b !important;
}

.h-alt.txt-white:after {
  background: white !important;
}

.h-alt.txt-black:after {
  background: black !important;
}

.h-alt.txt-grey-1:after {
  background: #f5f5f5 !important;
}

.h-alt.txt-grey-2:after {
  background: #d9d9d9 !important;
}

.h-alt.txt-grey-3:after {
  background: #b6b6b6 !important;
}

.h-alt.txt-grey-4:after {
  background: #747474 !important;
}

.h-alt.txt-light-green:after {
  background: #8bc34a !important;
}

.h-alt.txt-yellow:after {
  background: #ffd200 !important;
}

.h-alt.txt-amber:after {
  background: #ffc11a !important;
}

.h-alt.txt-deep-orange:after {
  background: #ed591d !important;
}

.h-alt.txt-pink:after {
  background: #e91e63 !important;
}

.h-alt.txt-green:after {
  background: #5eae46 !important;
}

.h-alt.txt-lime:after {
  background: #cddc39 !important;
}

.h-alt.txt-red:after {
  background: #ff3d32 !important;
}

.h-alt.txt-corail:after {
  background: #fd6b6b !important;
}

.h-alt.txt-orange:after {
  background: #ff7319 !important;
}

.h-alt.txt-purple:after {
  background: #9c27b0 !important;
}

.h-alt.txt-deep-purple:after {
  background: #2f257b !important;
}

.h-alt.txt-indigo:after {
  background: #2409f1 !important;
}

.h-alt.txt-light-blue:after {
  background: #0291dc !important;
}

.h-alt.txt-blue:after {
  background: #086ffc !important;
}

.h-alt.txt-teal:after {
  background: #33ab9f !important;
}

.h-alt.txt-almond:after {
  background: #71cb8e !important;
}

.h-alt.txt-dark-gold:after {
  background: #da9f00 !important;
}

.h-alt.txt-light-clay:after {
  background: #c26e60 !important;
}

.h-alt.txt-forest:after {
  background: #7a957e !important;
}

.h-alt.txt-light-forest:after {
  background: #9aad8b !important;
}

/* Borders */
.no-border {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0) inset !important;
  border: 0 !important;
}

.border-white {
  border: 1px solid white !important;
}

.border-grey-1 {
  border: 1px solid #f5f5f5 !important;
}

.border-grey-2 {
  border: 1px solid #d9d9d9 !important;
}

.border-grey-3 {
  border: 1px solid #b6b6b6 !important;
}

.border-grey-4 {
  border: 1px solid #747474 !important;
}

.border-light-green {
  border: 1px solid #8bc34a !important;
}

.border-yellow {
  border: 1px solid #ffd200 !important;
}

.border-amber {
  border: 1px solid #ffc11a !important;
}

.border-deep-orange {
  border: 1px solid #ed591d !important;
}

.border-pink {
  border: 1px solid #e91e63 !important;
}

.border-green {
  border: 1px solid #5eae46 !important;
}

.border-lime {
  border: 1px solid #cddc39 !important;
}

.border-red {
  border: 1px solid #ff3d32 !important;
}

.border-corail {
  border: 1px solid #fd6b6b !important;
}

.border-orange {
  border: 1px solid #ff7319 !important;
}

.border-purple {
  border: 1px solid #9c27b0 !important;
}

.border-deep-purple {
  border: 1px solid #2f257b !important;
}

.border-indigo {
  border: 1px solid #2409f1 !important;
}

.border-light-blue {
  border: 1px solid #0291dc !important;
}

.border-blue {
  border: 1px solid #086ffc !important;
}

.border-teal {
  border: 1px solid #33ab9f !important;
}

.border-almond {
  border: 1px solid #71cb8e !important;
}

.border-dark-gold {
  border: 1px solid #da9f00 !important;
}

.border-light-clay {
  border: 1px solid #c26e60 !important;
}

.border-forest {
  border: 1px solid #7a957e !important;
}

.border-light-forest {
  border: 1px solid #9aad8b !important;
}

.border-big {
  border-width: 10px !important;
}

.border-shadow {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  border: none !important;
}

.border-shadow-small {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.border-radius {
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.border-radius-top {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border-radius-bottom {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.border-radius-topleft {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border-radius-topright {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.border-radius-bottomleft {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}

.border-radius-bottomright {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
}

.border-radius-no-topleft {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.border-radius-no-topright {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.border-radius-no-bottomleft {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 0;
}

.border-radius-no-bottomright {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}

/* Hr */
.hr-grey-1 {
  border-color: #f5f5f5 !important;
}

.hr-grey-2 {
  border-color: #d9d9d9 !important;
}

.hr-grey-3 {
  border-color: #b6b6b6 !important;
}

.hr-grey-4 {
  border-color: #747474 !important;
}

.hr-light-green {
  border-color: #8bc34a !important;
}

.hr-yellow {
  border-color: #ffd200 !important;
}

.hr-amber {
  border-color: #ffc11a !important;
}

.hr-deep-orange {
  border-color: #ed591d !important;
}

.hr-pink {
  border-color: #e91e63 !important;
}

.hr-green {
  border-color: #5eae46 !important;
}

.hr-lime {
  border-color: #cddc39 !important;
}

.hr-red {
  border-color: #ff3d32 !important;
}

.hr-corail {
  border-color: #fd6b6b !important;
}

.hr-orange {
  border-color: #ff7319 !important;
}

.hr-purple {
  border-color: #9c27b0 !important;
}

.hr-deep-purple {
  border-color: #2f257b !important;
}

.hr-indigo {
  border-color: #2409f1 !important;
}

.hr-light-blue {
  border-color: #0291dc !important;
}

.hr-blue {
  border-color: #086ffc !important;
}

.hr-teal {
  border-color: #33ab9f !important;
}

.hr-almond {
  border-color: #71cb8e !important;
}

.hr-dark-gold {
  border-color: #da9f00 !important;
}

.hr-light-clay {
  border-color: #c26e60 !important;
}

.hr-forest {
  border-color: #7a957e !important;
}

.hr-light-forest {
  border-color: #9aad8b !important;
}

/* Icon input */
.icon-input-light-green:before {
  color: #8bc34a !important;
}

.icon-input-yellow:before {
  color: #ffd200 !important;
}

.icon-input-amber:before {
  color: #ffc11a !important;
}

.icon-input-deep-orange:before {
  color: #ed591d !important;
}

.icon-input-pink:before {
  color: #e91e63 !important;
}

.icon-input-green:before {
  color: #5eae46 !important;
}

.icon-input-lime:before {
  color: #cddc39 !important;
}

.icon-input-red:before {
  color: #ff3d32 !important;
}

.icon-input-corail:before {
  color: #fd6b6b !important;
}

.icon-input-orange:before {
  color: #ff7319 !important;
}

.icon-input-purple:before {
  color: #9c27b0 !important;
}

.icon-input-deep-purple:before {
  color: #2f257b !important;
}

.icon-input-indigo:before {
  color: #2409f1 !important;
}

.icon-input-light-blue:before {
  color: #0291dc !important;
}

.icon-input-blue:before {
  color: #086ffc !important;
}

.icon-input-teal:before {
  color: #33ab9f !important;
}

.icon-input-almond:before {
  color: #71cb8e !important;
}

.icon-input-dark-gold:before {
  color: #da9f00 !important;
}

.icon-input-light-clay:before {
  color: #c26e60 !important;
}

.icon-input-forest:before {
  color: #7a957e !important;
}

.icon-input-light-forest:before {
  color: #9aad8b !important;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .sm-bg-white {
    background: white !important;
  }
  .sm-bg-grey-1 {
    background: #f5f5f5 !important;
  }
  .sm-bg-grey-2 {
    background: #d9d9d9 !important;
  }
  .sm-bg-grey-3 {
    background: #b6b6b6 !important;
  }
  .sm-bg-grey-4 {
    background: #747474 !important;
  }
  .sm-bg-light-green {
    background: #8bc34a !important;
  }
  .sm-bg-yellow {
    background: #ffd200 !important;
  }
  .sm-bg-amber {
    background: #ffc11a !important;
  }
  .sm-bg-deep-orange {
    background: #ed591d !important;
  }
  .sm-bg-pink {
    background: #e91e63 !important;
  }
  .sm-bg-green {
    background: #5eae46 !important;
  }
  .sm-bg-lime {
    background: #cddc39 !important;
  }
  .sm-bg-red {
    background: #ff3d32 !important;
  }
  .sm-bg-corail {
    background: #fd6b6b !important;
  }
  .sm-bg-orange {
    background: #ff7319 !important;
  }
  .sm-bg-purple {
    background: #9c27b0 !important;
  }
  .sm-bg-deep-purple {
    background: #2f257b !important;
  }
  .sm-bg-indigo {
    background: #2409f1 !important;
  }
  .sm-bg-light-blue {
    background: #0291dc !important;
  }
  .sm-bg-blue {
    background: #086ffc !important;
  }
  .sm-bg-teal {
    background: #33ab9f !important;
  }
  .sm-bg-almond {
    background: #71cb8e !important;
  }
  .sm-bg-dark-gold {
    background: #da9f00 !important;
  }
  .sm-bg-light-clay {
    background: #c26e60 !important;
  }
  .sm-bg-forest {
    background: #7a957e !important;
  }
  .sm-bg-light-forest {
    background: #9aad8b !important;
  }
}
/* main: ../styles.scss*/
/* Box sizing */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* iFrame border */
iframe {
  border: 0;
}

/* Clearfix */
.clearfix {
  display: block;
}
.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}

/* main: ../styles.scss*/
/* Fieldset */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0 0 30px 0;
  border: none;
}
fieldset:last-child {
  margin-bottom: 0;
}

/* Legend */
legend {
  width: 100%;
  margin-bottom: 25px;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.1em;
}
legend small {
  display: block;
  margin-top: 10px;
  font-size: 0.7em;
  line-height: 1.3em;
}

/* Progress */
progress {
  width: 100%;
}

/* Label */
label:not(.p-component + label),
.label {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: bold;
  line-height: inherit;
  cursor: default;
}
label:not(.p-component + label) p,
.label p {
  margin-bottom: 0;
}
label:not(.p-component + label) small,
.label small {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.6em;
}
label:not(.p-component + label) .tooltip,
.label .tooltip {
  display: inline-block;
  margin: 0 0 5px 5px;
}
label:not(.p-component + label) .tooltip:before,
.label .tooltip:before {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  color: white;
  content: "?";
  font-size: 14px !important;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  background: black;
  cursor: pointer;
}

/* Inputs */
input[type=text]:not(.p-component),
input[type=password]:not(.p-component),
input[type=url]:not(.p-component),
input[type=number]:not(.p-component),
input[type=datetime-local]:not(.p-component),
input[type=file]:not(.p-component),
textarea:not(.p-component) {
  display: block;
  width: 100%;
  padding: 12px;
  line-height: 1.2em;
  -webkit-appearance: none;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
}
input[type=text]:not(.p-component):focus,
input[type=password]:not(.p-component):focus,
input[type=url]:not(.p-component):focus,
input[type=number]:not(.p-component):focus,
input[type=datetime-local]:not(.p-component):focus,
input[type=file]:not(.p-component):focus,
textarea:not(.p-component):focus {
  border-color: #2409f1;
  border-style: solid;
  border-width: 1px;
  outline: none;
}

input[type=file]::-webkit-file-upload-button,
input[type=file]::file-selector-button {
  padding: 9px 15px;
  margin-right: 20px;
  color: white;
  font-family: "Lato", Arial, Verdana, sans-serif;
  font-weight: bold;
  line-height: 26px;
  text-align: left;
  text-decoration: none;
  background-color: #2409f1;
  border: none;
  cursor: pointer;
}
input[type=file]::-webkit-file-upload-button:hover,
input[type=file]::file-selector-button:hover {
  background-color: #361df7;
}

input[type=text]:disabled:not(.p-component),
input[type=password]:disabled:not(.p-component),
input[type=url]:disabled:not(.p-component),
input[type=number]:disabled:not(.p-component),
textarea:disabled:not(.p-component) {
  color: rgba(0, 0, 0, 0.4);
  background-color: #f5f5f5 !important;
  cursor: not-allowed;
}

input[readonly],
textarea[readonly] {
  color: rgba(0, 0, 0, 0.4);
  background-color: white !important;
  cursor: default;
}

textarea {
  min-height: 250px;
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  margin-right: 40px;
  vertical-align: baseline;
  cursor: pointer;
}

input[readonly].h1,
input[readonly].h2,
input[readonly].h3,
input[readonly].h4 {
  padding: 0;
  margin: 0;
  font-weight: 900;
  background: none !important;
  border: 0;
}

input[readonly].h1 {
  font-size: 5em;
}

input[readonly].h2 {
  font-size: 3.5em;
}

input[readonly].h3 {
  font-size: 2.5em;
}

input[readonly].h4 {
  font-size: 2em;
}

/* Dropzone */
.dropzone {
  padding: 30px;
  background: #d7e3ea;
  border: 3px dashed #2409f1;
  cursor: pointer;
}
.dropzone label {
  display: block;
  color: #2409f1;
  font-weight: normal;
  text-align: center;
  cursor: pointer;
}
.dropzone input {
  display: none;
}
.dropzone.dropzone-dragging {
  background-color: #c6d7e1;
}

/* Errors */
input[type=text].status-error,
input[type=password].status-error,
input[type=url].status-error,
input[type=number].status-error,
textarea.status-error {
  background-color: rgba(237, 89, 29, 0.1);
  border-color: #ed591d;
}
input[type=text].status-error:focus,
input[type=password].status-error:focus,
input[type=url].status-error:focus,
input[type=number].status-error:focus,
textarea.status-error:focus {
  border-color: #2409f1;
}

.error-message,
.infos-message {
  display: block;
  margin: 5px 0 0 0;
  clear: both;
  font-size: 0.9em;
  font-style: italic;
}

.error-message {
  color: #ed591d;
}

.infos-message {
  color: #747474;
}

/* Judo select */
.judo-select {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.judo-select div {
  min-height: 47px;
  padding: 12px 38px 12px 12px;
  color: black;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: white;
  border: 1px solid;
  border-color: #d9d9d9;
}
.judo-select div:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 12px;
  right: 10px;
  content: "m";
  font-size: 18px;
}
.judo-select ul {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 47px !important;
  right: 0;
  left: 0;
  z-index: 1;
}
.judo-select ul li button {
  width: 100%;
  padding: 10px 12px;
  text-align: left;
  background: white;
}
.judo-select ul li button:hover {
  background-color: #f5f5f5;
}

/* Form group */
.form-group {
  position: relative;
  margin-bottom: 25px;
}
.form-group:last-child {
  margin-bottom: 0;
}

/* Form group inline */
.form-group-inline:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.form-group-inline > label,
.form-group-inline > .label {
  float: left;
  width: 25%;
  padding-right: 20px;
  margin: 8px 0 0 0;
}
.form-group-inline .error-message,
.form-group-inline .infos-message {
  margin-left: 25%;
}
.form-group-inline .fields-group .error-message {
  margin-left: 0;
}
.form-group-inline input[type=text],
.form-group-inline input[type=password],
.form-group-inline input[type=url],
.form-group-inline input[type=number],
.form-group-inline input[type=file],
.form-group-inline textarea,
.form-group-inline .options-group,
.form-group-inline .fields-group,
.form-group-inline .icon-input-wrapper,
.form-group-inline .SumoSelect,
.form-group-inline .token-input-list {
  float: left;
  width: 75% !important;
  clear: none;
}
.form-group-inline li.token-input-input-token input {
  width: auto !important;
}

/* Options group */
.options-group .option {
  margin-bottom: 8px;
}
.options-group .option:last-child {
  margin-bottom: 0;
}
.options-group .option label {
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.options-group .option input[type=radio],
.options-group .option input[type=checkbox] {
  display: none;
}
.options-group .option input[type=radio] + label,
.options-group .option input[type=checkbox] + label {
  position: relative;
  padding-left: 28px;
}
.options-group .option input[type=radio] + label:before,
.options-group .option input[type=checkbox] + label:before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: white;
  border: 1px solid #d9d9d9;
}
.options-group .option input[type=radio] + label:before {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.options-group .option-active input[type=radio] + label:before {
  border-color: #2409f1;
}
.options-group .option-active input[type=radio] + label:after {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 5px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background: #2409f1;
}
.options-group .option-active input[type=checkbox] + label:before {
  background: #2409f1;
  border-color: #2409f1;
}
.options-group .option-active input[type=checkbox] + label:after {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 0;
  left: 2px;
  display: block;
  width: 8px;
  height: 8px;
  color: white;
  content: "k";
  font-size: 14px;
}

.form-group-inline .options-group {
  margin-top: 8px;
}

.options-group-inline .option {
  display: inline-block;
  margin-right: 30px;
}

.options-group-radio-alt,
.options-group-radio-alt-2,
.options-group-checkbox-alt {
  margin-top: 0 !important;
}
.options-group-radio-alt:after,
.options-group-radio-alt-2:after,
.options-group-checkbox-alt:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.options-group-radio-alt .option,
.options-group-radio-alt-2 .option,
.options-group-checkbox-alt .option {
  float: left;
  padding: 8px 16px;
  margin: 0 0 10px 0;
  background: white;
  border: 1px solid #d9d9d9;
  border-right: none;
  cursor: pointer;
}
.options-group-radio-alt .option:last-child,
.options-group-radio-alt-2 .option:last-child,
.options-group-checkbox-alt .option:last-child {
  border-right: 1px solid #d9d9d9;
}
.options-group-radio-alt .option .icon,
.options-group-radio-alt-2 .option .icon,
.options-group-checkbox-alt .option .icon {
  display: block;
  margin-bottom: 5px;
  font-size: 30px;
  text-align: center;
}
.options-group-radio-alt .option-active,
.options-group-radio-alt-2 .option-active,
.options-group-checkbox-alt .option-active {
  background: #2409f1;
  border-color: #2409f1;
}
.options-group-radio-alt .option-active .icon,
.options-group-radio-alt-2 .option-active .icon,
.options-group-checkbox-alt .option-active .icon {
  color: white;
}
.options-group-radio-alt .option-active input[type=radio] + label,
.options-group-radio-alt .option-active input[type=checkbox] + label,
.options-group-radio-alt-2 .option-active input[type=radio] + label,
.options-group-radio-alt-2 .option-active input[type=checkbox] + label,
.options-group-checkbox-alt .option-active input[type=radio] + label,
.options-group-checkbox-alt .option-active input[type=checkbox] + label {
  color: white;
}
.options-group-radio-alt .option-active + .option,
.options-group-radio-alt-2 .option-active + .option,
.options-group-checkbox-alt .option-active + .option {
  border-left-color: #2409f1;
}
.options-group-radio-alt .option-active:last-child,
.options-group-radio-alt-2 .option-active:last-child,
.options-group-checkbox-alt .option-active:last-child {
  border-color: #2409f1;
}

.options-group-radio-alt-2 .option {
  padding: 12px 30px;
  margin: 0;
  text-align: center;
  background: #f5f5f5;
}
.options-group-radio-alt-2 .option input[type=radio] + label,
.options-group-radio-alt-2 .option input[type=checkbox] + label {
  font-weight: bold;
}
.options-group-radio-alt-2 .option-link {
  padding: 0;
}
.options-group-radio-alt-2 .option-link a {
  display: block;
  padding: 12px 30px;
  color: black;
  font-weight: bold;
}
.options-group-radio-alt-2 .option-link a:hover {
  text-decoration: none;
}
.options-group-radio-alt-2 .option-active {
  padding: 10px 30px 12px 30px;
  background: white;
  border-top: 3px solid #2409f1;
  border-bottom: 1px solid white;
  border-left: 1px solid #d9d9d9;
}
.options-group-radio-alt-2 .option-active input[type=radio] + label,
.options-group-radio-alt-2 .option-active input[type=checkbox] + label {
  color: #2409f1;
}
.options-group-radio-alt-2 .option-active + .option {
  border-left-color: #d9d9d9;
}
.options-group-radio-alt-2 .option-active:last-child {
  border-top: 3px solid #2409f1;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid white;
  border-left: 1px solid #d9d9d9;
}

.options-group-radio-alt .option input[type=radio] + label,
.options-group-radio-alt-2 .option input[type=radio] + label {
  padding-left: 0;
}
.options-group-radio-alt .option input[type=radio] + label:before,
.options-group-radio-alt-2 .option input[type=radio] + label:before {
  display: none;
}
.options-group-radio-alt .option-active input[type=radio] + label:after,
.options-group-radio-alt-2 .option-active input[type=radio] + label:after {
  display: none;
}

.options-group-checkbox-alt .option {
  margin-right: 15px;
  border-right: 1px solid #d9d9d9;
}
.options-group-checkbox-alt .option-active {
  border-color: #2409f1;
}
.options-group-checkbox-alt .option-active + .option {
  border-left-color: #d9d9d9;
}
.options-group-checkbox-alt .option-active + .option-active {
  border-left-color: #2409f1;
}

.options-group-checkbox-alt-2 {
  margin-top: 0 !important;
  background: white;
  border: 1px solid #d9d9d9;
}
.options-group-checkbox-alt-2:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.options-group-checkbox-alt-2 > .option {
  position: relative;
  width: 100%;
  min-height: 192px;
  padding: 20px;
  cursor: pointer;
}
.options-group-checkbox-alt-2 > .option .option-title {
  display: block;
  padding-left: 40px;
  margin-bottom: 20px;
  color: black;
  font-family: "Lato", Arial, Verdana, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1em;
}
.options-group-checkbox-alt-2 > .option .option-title:before {
  position: absolute;
  top: 19px;
  left: 20px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background: white;
  border: 1px solid #d9d9d9;
}
.options-group-checkbox-alt-2 > .option .option-title .option-price {
  display: inline-block;
  margin-left: 10px;
  font-weight: normal;
}
.options-group-checkbox-alt-2 > .option hr {
  margin: 0 0 20px 0;
}
.options-group-checkbox-alt-2 > .option .option-content {
  position: relative;
  padding-right: 160px;
}
.options-group-checkbox-alt-2 > .option .option-content p {
  margin-bottom: 0;
}
.options-group-checkbox-alt-2 > .option .option-content .option-img {
  position: absolute;
  top: 0;
  right: 20px;
  width: 100px;
}
.options-group-checkbox-alt-2 > .option .option-content .option-img video {
  width: 100px;
}
.options-group-checkbox-alt-2 > .option .option-content .option-img img {
  width: 100px;
  max-height: 84px;
}
.options-group-checkbox-alt-2 .option-extra {
  padding: 0 20px 20px 20px;
}
.options-group-checkbox-alt-2 .option-extra hr {
  margin: 0 0 20px 0;
}
.options-group-checkbox-alt-2 > .option-active {
  border-color: #2409f1;
}
.options-group-checkbox-alt-2 > .option-active .option-title:before {
  background: #2409f1;
  border-color: #2409f1;
}
.options-group-checkbox-alt-2 > .option-active .option-title:after {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 20px;
  left: 24px;
  display: block;
  width: 8px;
  height: 8px;
  color: white;
  content: "k";
  font-size: 14px;
}

.options-group-checkbox-alt-2-active {
  border-color: #2409f1;
}

/* Width label options */
.small-width-label > label,
.small-width-label p.label {
  width: 15%;
}
.small-width-label .error-message,
.small-width-label .infos-message {
  margin-left: 15%;
}
.small-width-label input[type=text],
.small-width-label input[type=password],
.small-width-label input[type=url],
.small-width-label input[type=number],
.small-width-label input[type=file],
.small-width-label textarea,
.small-width-label .options-group,
.small-width-label .fields-group,
.small-width-label .icon-input-wrapper,
.small-width-label .ui-multiselect,
.small-width-label .SumoSelect,
.small-width-label .token-input-list {
  width: 85% !important;
}

.large-width-label > label,
.large-width-label p.label {
  width: 35%;
}
.large-width-label .error-message,
.large-width-label .infos-message {
  margin-left: 35%;
}
.large-width-label input[type=text],
.large-width-label input[type=password],
.large-width-label input[type=url],
.large-width-label input[type=number],
.large-width-label input[type=file],
.large-width-label textarea,
.large-width-label .options-group,
.large-width-label .fields-group,
.large-width-label .icon-input-wrapper,
.large-width-label .ui-multiselect,
.large-width-label .SumoSelect,
.large-width-label .token-input-list {
  width: 65% !important;
}

.xlarge-width-label > label,
.xlarge-width-label p.label {
  width: 50%;
}
.xlarge-width-label .error-message,
.xlarge-width-label .infos-message {
  margin-left: 50%;
}
.xlarge-width-label input[type=text],
.xlarge-width-label input[type=password],
.xlarge-width-label input[type=url],
.xlarge-width-label input[type=number],
.xlarge-width-label input[type=file],
.xlarge-width-label textarea,
.xlarge-width-label .options-group,
.xlarge-width-label .fields-group,
.xlarge-width-label .icon-input-wrapper,
.xlarge-width-label .ui-multiselect,
.xlarge-width-label .SumoSelect,
.xlarge-width-label .token-input-list {
  width: 50% !important;
}

/* Width field options */
.xxsmall-width-field input[type=text],
.xxsmall-width-field input[type=password],
.xxsmall-width-field input[type=url],
.xxsmall-width-field input[type=number],
.xxsmall-width-field input[type=file],
.xxsmall-width-field textarea,
.xxsmall-width-field .options-group,
.xxsmall-width-field .fields-group,
.xxsmall-width-field .icon-input-wrapper,
.xxsmall-width-field .ui-multiselect,
.xxsmall-width-field .SumoSelect,
.xxsmall-width-field .token-input-list {
  width: 10% !important;
}

.xsmall-width-field input[type=text],
.xsmall-width-field input[type=password],
.xsmall-width-field input[type=url],
.xsmall-width-field input[type=number],
.xsmall-width-field input[type=file],
.xsmall-width-field textarea,
.xsmall-width-field .options-group,
.xsmall-width-field .fields-group,
.xsmall-width-field .icon-input-wrapper,
.xsmall-width-field .ui-multiselect,
.xsmall-width-field .SumoSelect,
.xsmall-width-field .token-input-list {
  width: 25% !important;
}

.small-width-field input[type=text],
.small-width-field input[type=password],
.small-width-field input[type=url],
.small-width-field input[type=number],
.small-width-field input[type=file],
.small-width-field textarea,
.small-width-field .options-group,
.small-width-field .fields-group,
.small-width-field .icon-input-wrapper,
.small-width-field .ui-multiselect,
.small-width-field .SumoSelect,
.small-width-field .token-input-list {
  width: 35% !important;
}

.medium-width-field input[type=text],
.medium-width-field input[type=password],
.medium-width-field input[type=url],
.medium-width-field input[type=number],
.medium-width-field input[type=file],
.medium-width-field textarea,
.medium-width-field .options-group,
.medium-width-field .fields-group,
.medium-width-field .icon-input-wrapper,
.medium-width-field .ui-multiselect,
.medium-width-field .SumoSelect,
.medium-width-field .token-input-list {
  width: 50% !important;
}

/* Fields group */
.fields-group .field {
  margin-bottom: 15px;
}
.fields-group .field:last-child {
  margin-bottom: 0;
}
.fields-group .field:first-child > label {
  margin-top: 8px;
}
.fields-group .options-group,
.fields-group input[type=text],
.fields-group input[type=password],
.fields-group input[type=url],
.fields-group input[type=number],
.fields-group input[type=file],
.fields-group textarea,
.fields-group .icon-input-wrapper,
.fields-group .SumoSelect,
.fields-group .token-input-list {
  float: none !important;
  width: 100% !important;
  clear: both !important;
}

.fields-group-inline .field {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
}
.fields-group-inline .field:last-child {
  margin-right: 0;
}

/* Icon input */
.icon-input-wrapper {
  position: relative;
}
.icon-input-wrapper input[type=text],
.icon-input-wrapper input[type=password],
.icon-input-wrapper input[type=url],
.icon-input-wrapper input[type=number],
.icon-input-wrapper textarea,
.icon-input-wrapper .options-group,
.icon-input-wrapper .SumoSelect,
.icon-input-wrapper .token-input-list {
  width: 100% !important;
}

.icon-input-wrapper.icon-input-search input[type=text],
.icon-input-wrapper.icon-input-search input[type=password],
.icon-input-wrapper.icon-input-search input[type=url],
.icon-input-wrapper.icon-input-search input[type=number] {
  padding-right: 42px;
}
.icon-input-wrapper.icon-input-search:before {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  content: "j";
  font-family: "brownie-icon-set" !important;
  font-size: 22px;
  line-height: 22px;
  speak: never;
}

.icon-input-wrapper.icon-input-calendar input[type=text],
.icon-input-wrapper.icon-input-calendar input[type=password],
.icon-input-wrapper.icon-input-calendar input[type=url],
.icon-input-wrapper.icon-input-calendar input[type=number] {
  padding-right: 42px;
}
.icon-input-wrapper.icon-input-calendar:before {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  content: "P";
  font-family: "brownie-icon-set" !important;
  font-size: 22px;
  line-height: 22px;
  speak: never;
}

.icon-input-wrapper.icon-input-locate input[type=text],
.icon-input-wrapper.icon-input-locate input[type=password],
.icon-input-wrapper.icon-input-locate input[type=url],
.icon-input-wrapper.icon-input-locate input[type=number] {
  padding-right: 42px;
}
.icon-input-wrapper.icon-input-locate:before {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  content: "3";
  font-family: "brownie-icon-set" !important;
  font-size: 22px;
  line-height: 22px;
  speak: never;
}

.icon-input-wrapper.icon-input-people input[type=text],
.icon-input-wrapper.icon-input-people input[type=password],
.icon-input-wrapper.icon-input-people input[type=url],
.icon-input-wrapper.icon-input-people input[type=number] {
  padding-right: 42px;
}
.icon-input-wrapper.icon-input-people:before {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 22px;
  height: 22px;
  content: "Q";
  font-family: "brownie-icon-set" !important;
  font-size: 22px;
  line-height: 22px;
  speak: never;
}

.icon-input-wrapper.icon-input-euros input[type=text],
.icon-input-wrapper.icon-input-euros input[type=password],
.icon-input-wrapper.icon-input-euros input[type=url],
.icon-input-wrapper.icon-input-euros input[type=number] {
  padding-right: 30px;
}
.icon-input-wrapper.icon-input-euros:before {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  content: "€";
  font-family: "Lato" !important;
  text-align: right;
}

.icon-input-wrapper.icon-input-percent input[type=text],
.icon-input-wrapper.icon-input-percent input[type=password],
.icon-input-wrapper.icon-input-percent input[type=url],
.icon-input-wrapper.icon-input-percent input[type=number] {
  padding-right: 30px;
}
.icon-input-wrapper.icon-input-percent:before {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  content: "%";
  font-family: "Lato" !important;
  text-align: right;
}

.icon-input-wrapper.icon-input-surface input[type=text],
.icon-input-wrapper.icon-input-surface input[type=password],
.icon-input-wrapper.icon-input-surface input[type=url],
.icon-input-wrapper.icon-input-surface input[type=number] {
  padding-right: 40px;
}
.icon-input-wrapper.icon-input-surface:before {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  content: "m²";
  font-family: "Lato" !important;
  text-align: right;
}

.icon-input-wrapper.icon-input-euros-surface input[type=text],
.icon-input-wrapper.icon-input-euros-surface input[type=password],
.icon-input-wrapper.icon-input-euros-surface input[type=url],
.icon-input-wrapper.icon-input-euros-surface input[type=number] {
  padding-right: 60px;
}
.icon-input-wrapper.icon-input-euros-surface:before {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 44px;
  height: 24px;
  overflow: hidden;
  content: "€ / m²";
  font-family: "Lato" !important;
  text-align: right;
}

/* Icône cliquable des champs mot de passe */
.icon-password-wrapper {
  position: relative;
}
.icon-password-wrapper input {
  padding-right: 42px;
}
.icon-password-wrapper .icon {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  color: #b6b6b6;
  font-size: 1.3em;
  text-align: right;
  cursor: pointer;
}
.icon-password-wrapper .icon:hover {
  color: black;
}

/* Supprimer les flèches sur les input number sur desktop */
input.input-number::-webkit-outer-spin-button,
input.input-number::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input.input-number[type=number] {
  -moz-appearance: textfield;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .form-group-inline > label,
  .form-group-inline > p.label {
    float: none !important;
    width: 100% !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  .form-group-inline input[type=text],
  .form-group-inline input[type=password],
  .form-group-inline input[type=url],
  .form-group-inline input[type=number],
  .form-group-inline input[type=file],
  .form-group-inline textarea,
  .form-group-inline .options-group,
  .form-group-inline .fields-group,
  .form-group-inline .icon-input-wrapper,
  .form-group-inline .SumoSelect,
  .form-group-inline .token-input-list {
    float: none !important;
    width: 100% !important;
  }
  /* Width field options */
  .xxsmall-width-field input[type=text],
  .xxsmall-width-field input[type=password],
  .xxsmall-width-field input[type=url],
  .xxsmall-width-field input[type=number],
  .xxsmall-width-field input[type=file],
  .xxsmall-width-field textarea,
  .xxsmall-width-field .options-group,
  .xxsmall-width-field .fields-group,
  .xxsmall-width-field .icon-input-wrapper,
  .xxsmall-width-field .ui-multiselect,
  .xxsmall-width-field .SumoSelect,
  .xxsmall-width-field .token-input-list {
    width: 30% !important;
  }
  .xxsmall-width-field .icon-input-wrapper input {
    width: 100% !important;
  }
  .xsmall-width-field input[type=text],
  .xsmall-width-field input[type=password],
  .xsmall-width-field input[type=url],
  .xsmall-width-field input[type=number],
  .xsmall-width-field input[type=file],
  .xsmall-width-field textarea,
  .xsmall-width-field .options-group,
  .xsmall-width-field .fields-group,
  .xsmall-width-field .icon-input-wrapper,
  .xsmall-width-field .ui-multiselect,
  .xsmall-width-field .SumoSelect,
  .xsmall-width-field .token-input-list {
    width: 65% !important;
  }
  .xsmall-width-field .icon-input-wrapper input {
    width: 100% !important;
  }
  .small-width-field input[type=text],
  .small-width-field input[type=password],
  .small-width-field input[type=url],
  .small-width-field input[type=number],
  .small-width-field input[type=file],
  .small-width-field textarea,
  .small-width-field .options-group,
  .small-width-field .fields-group,
  .small-width-field .icon-input-wrapper,
  .small-width-field .ui-multiselect,
  .small-width-field .SumoSelect,
  .small-width-field .token-input-list {
    width: 100% !important;
  }
  .small-width-field .icon-input-wrapper input {
    width: 100% !important;
  }
  .medium-width-field input[type=text],
  .medium-width-field input[type=password],
  .medium-width-field input[type=url],
  .medium-width-field input[type=number],
  .medium-width-field input[type=file],
  .medium-width-field textarea,
  .medium-width-field .options-group,
  .medium-width-field .fields-group,
  .medium-width-field .icon-input-wrapper,
  .medium-width-field .ui-multiselect,
  .medium-width-field .SumoSelect,
  .medium-width-field .token-input-list {
    width: 50% !important;
  }
  .medium-width-field .icon-input-wrapper input {
    width: 100% !important;
  }
  .options-group-inline .option {
    display: block;
    margin-right: 0 !important;
  }
  .form-inline .form-group {
    display: block;
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .error-message,
  .infos-message {
    margin-left: 0 !important;
  }
  .options-group-checkbox-alt-2 > .option {
    min-height: 160px;
  }
  .options-group-checkbox-alt-2 > .option .option-content {
    padding-right: 90px;
  }
  .options-group-checkbox-alt-2 > .option .option-content .option-img {
    right: 0;
    width: 70px;
  }
  .options-group-checkbox-alt-2 > .option .option-content .option-img video {
    width: 70px;
  }
  .options-group-checkbox-alt-2 > .option .option-content .option-img img {
    width: 70px;
    max-height: 70px;
  }
  .options-group-checkbox-alt-2 .option-active {
    border-color: #2409f1;
  }
  .options-group-checkbox-alt-2 .option-active:before {
    background: #2409f1;
    border-color: #2409f1;
  }
  .options-group-checkbox-alt-2 .option-active:after {
    font-family: "brownie-icon-set" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: absolute;
    top: 20px;
    left: 24px;
    display: block;
    width: 8px;
    height: 8px;
    color: white;
    content: "k";
    font-size: 14px;
  }
  .sm-textarea-height-120 {
    min-height: 120px;
  }
}
/* main: ../styles.scss*/
.icon {
  display: inline-block;
  font-size: 30px;
  line-height: 26px;
  vertical-align: middle;
}

.icon-small {
  font-size: 22px;
  line-height: 18px;
}

.icon-big {
  font-size: 50px;
  line-height: 40px;
}

/* main: ../styles.scss*/
img {
  max-width: 100%;
  vertical-align: middle; /* Fix to delete the 3px under images with HTML5 Doctype */
}

.img-liquid {
  overflow: hidden;
}

figure {
  margin: 0;
}

/* main: ../styles.scss*/
.table-responsive {
  overflow-x: auto;
}

table:not(.p-datepicker-day-view) {
  width: 100%;
  border: 0;
}

td:not(.p-datepicker-day-cell),
th:not(.p-datepicker-weekday-cell) {
  padding: 4px 10px;
  text-align: left;
  border-bottom: 1px solid #d9d9d9;
}

table.no-border td,
table.no-border th {
  padding: 3px 10px;
  border-bottom: 0;
}

th {
  color: black;
}

thead td {
  color: black;
  font-weight: bold;
}

.table-small {
  font-size: 0.8em;
  line-height: 1.2em;
}
.table-small td,
.table-small th {
  padding: 2px 6px;
}

/* main: ../styles.scss*/
/* Body */
body {
  color: black;
  font-family: "Lato", Arial, Verdana, sans-serif;
  font-size: 1em;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4em;
}

/* Line separator */
hr,
.hr {
  box-sizing: content-box;
  height: 0;
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #d9d9d9;
}

.hr-big {
  border-width: 8px;
}

.divider-bar {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 1.5rem 0;
}
.divider-bar::before, .divider-bar::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #d9d9d9;
}
.divider-bar span {
  padding: 0 20px;
  color: #747474;
  background-color: white;
  white-space: nowrap;
  font-size: 0.9rem;
}

/* Headings */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  display: block;
  margin: 0;
  color: black;
  font-family: "Lato", Arial, Verdana, sans-serif;
  font-weight: bold;
  line-height: 1.1em;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  color: black;
}
h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover {
  color: #2409f1;
  text-decoration: none;
}
h1 .badge,
.h1 .badge,
h2 .badge,
.h2 .badge,
h3 .badge,
.h3 .badge,
h4 .badge,
.h4 .badge,
h5 .badge,
.h5 .badge {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  vertical-align: top;
  background: #2409f1;
}

h1,
.h1 {
  margin-bottom: 30px;
  font-size: 2em;
}
h1 .badge,
.h1 .badge {
  width: 26px;
  height: 26px;
  font-size: 14px;
  line-height: 26px;
}

h2,
.h2 {
  margin-bottom: 28px;
  font-size: 1.6em;
  line-height: 1.2em;
}

h3,
.h3 {
  margin-bottom: 26px;
  font-size: 1.4em;
  line-height: 1.3em;
}

h4,
.h4 {
  margin-bottom: 26px;
  font-size: 1.2em;
  line-height: 1.3em;
}

h5,
.h5 {
  margin-bottom: 24px;
  font-size: 1em;
  line-height: 1.3em;
}

* + h1,
* + .h1,
* + h2,
* + .h2,
* + h3,
* + .h3,
* + h4,
* + .h4,
* + h5,
* + .h5 {
  margin-top: 40px;
}

h1 + h2,
.h1 + .h2,
h2 + h3,
.h2 + .h3,
h3 + h4,
.h3 + .h4,
h4 + h5,
.h4 + .h5 {
  margin-top: 0;
}

a.h1,
a.h2,
a.h3,
a.h4,
a.h5 {
  text-decoration: none;
}
a.h1:hover,
a.h2:hover,
a.h3:hover,
a.h4:hover,
a.h5:hover {
  text-decoration: none;
}

/* Headings with icon */
h1 .icon,
.h1 .icon {
  margin-top: -6px;
  margin-right: 8px;
  font-size: 40px;
}

h2 .icon,
.h2 .icon {
  margin-top: -5px;
  margin-right: 7px;
  font-size: 34px;
}

h3 .icon,
.h3 .icon {
  margin-top: -4px;
  margin-right: 6px;
}

h4 .icon,
.h4 .icon {
  margin-top: -4px;
  margin-right: 6px;
}

h5 .icon,
.h5 .icon {
  margin-top: -2px;
  margin-right: 4px;
  font-size: 26px;
}

/* Headings ordered list style */
h1.h-ol span,
.h1.h-ol span,
h2.h-ol span,
.h2.h-ol span,
h3.h-ol span,
.h3.h-ol span,
h4.h-ol span,
.h4.h-ol span,
h5.h-ol span,
.h5.h-ol span {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  color: white;
  font-size: 0.6em;
  text-align: center;
  vertical-align: text-bottom;
  background-color: #2409f1;
}

h1.h-ol span,
.h1.h-ol span {
  width: 38px;
  height: 38px;
  line-height: 38px;
}

h2.h-ol span,
.h2.h-ol span {
  width: 34px;
  height: 34px;
  line-height: 34px;
}

h3.h-ol span,
.h3.h-ol span {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

h4.h-ol span,
.h4.h-ol span {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

h5.h-ol span,
.h5.h-ol span {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

/* Headings alternative style */
h1.h-alt:after,
.h1.h-alt:after,
h2.h-alt:after,
.h2.h-alt:after,
h3.h-alt:after,
.h3.h-alt:after,
h4.h-alt:after,
.h4.h-alt:after,
h5.h-alt:after,
.h5.h-alt:after {
  display: block;
  content: "";
  background: black;
}

h1.h-alt.align-center:after,
.h1.h-alt.align-center:after,
h2.h-alt.align-center:after,
.h2.h-alt.align-center:after,
h3.h-alt.align-center:after,
.h3.h-alt.align-center:after,
h4.h-alt.align-center:after,
.h4.h-alt.align-center:after,
h5.h-alt.align-center:after,
.h5.h-alt.align-center:after {
  display: inline-block;
}

h1.h-alt:after,
.h1.h-alt:after {
  width: 38px;
  height: 4px;
  margin-top: 18px;
}

h2.h-alt:after,
.h2.h-alt:after {
  width: 28px;
  height: 3px;
  margin-top: 16px;
}

h3.h-alt:after,
.h3.h-alt:after {
  width: 18px;
  height: 2px;
  margin-top: 12px;
}

h4.h-alt:after,
.h4.h-alt:after {
  width: 18px;
  height: 2px;
  margin-top: 12px;
}

h5.h-alt:after,
.h5.h-alt:after {
  width: 15px;
  height: 2px;
  margin-top: 12px;
}

h1.h-alt + h2.h-alt,
.h1.h-alt + .h2.h-alt,
h2.h-alt + h3.h-alt,
.h2.h-alt + .h3.h-alt,
h3.h-alt + h4.h-alt,
.h3.h-alt + .h4.h-alt,
h4.h-alt + h5.h-alt,
.h4.h-alt + .h5.h-alt {
  margin-top: 25px !important;
}

/* Headings alternative style 2 */
h1.h-alt-2,
.h1.h-alt-2,
h2.h-alt-2,
.h2.h-alt-2,
h3.h-alt-2,
.h3.h-alt-2,
h4.h-alt-2,
.h4.h-alt-2,
h5.h-alt-2,
.h5.h-alt-2 {
  font-family: "Saira Extra Condensed";
  text-transform: uppercase;
}

h1.h-alt-2,
.h1.h-alt-2 {
  font-size: 2.8em;
}

h2.h-alt-2,
.h2.h-alt-2 {
  font-size: 2.4em;
}

h3.h-alt-2,
.h3.h-alt-2 {
  font-size: 2.2em;
}

h4.h-alt-2,
.h4.h-alt-2 {
  font-size: 2em;
}

h5.h-alt-2,
.h5.h-alt-2 {
  font-size: 1.8em;
}

h1.h-alt-2 + h2.h-alt-2,
.h1.h-alt-2 + .h2.h-alt-2,
h2.h-alt-2 + h3.h-alt-2,
.h2.h-alt-2 + .h3.h-alt-2,
h3.h-alt-2 + h4.h-alt-2,
.h3.h-alt-2 + .h4.h-alt-2,
h4.h-alt-2 + h5.h-alt-2,
.h4.h-alt-2 + .h5.h-alt-2 {
  margin-top: 25px !important;
}

/* Text, link */
p,
.p {
  margin: 0 0 25px 0;
}

p.p-large {
  font-size: 1.4em;
  line-height: 1.2em;
}

p.p-xlarge {
  font-size: 1.6em;
  line-height: 1.2em;
}

p.p-small {
  font-size: 0.8em;
  line-height: 1.6em;
}

p small,
small {
  font-size: 0.8em;
  line-height: 1em !important;
}

a,
.a {
  color: #2409f1;
  text-decoration: none;
}
a:hover,
.a:hover {
  color: #2409f1;
  text-decoration: underline;
}

.a-underline {
  text-decoration: underline;
}

.a-no-underline {
  text-decoration: none !important;
}
.a-no-underline:hover {
  text-decoration: none !important;
}

.a-alt {
  color: black;
}
.a-alt:hover {
  color: #2409f1;
  text-decoration: none;
}

.txt-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.txt-no-truncate {
  overflow: inherit !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.txt-uppercase {
  text-transform: uppercase !important;
}

/* List */
ul {
  padding: 0;
  margin: 0 0 25px 0;
}
ul li {
  list-style: none;
}

.list-big li {
  margin-bottom: 15px;
}
.list-big li:last-child {
  margin-bottom: 0;
}

.list-inline {
  overflow: hidden;
}
.list-inline li {
  float: left;
  margin-right: 40px;
}

.list-truncate li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bullet-list li {
  position: relative;
  padding-left: 25px;
}
.bullet-list li:before {
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  position: absolute;
  top: 10px;
  left: 4px;
  width: 6px;
  height: 6px;
  content: "";
  background: black;
}

.angle-right-list li {
  position: relative;
  padding-left: 25px;
}
.angle-right-list li:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 2px;
  left: -3px;
  content: "d";
  font-size: 20px;
  line-height: 20px;
}

.dash-list li {
  position: relative;
  padding-left: 25px;
}
.dash-list li:before {
  position: absolute;
  top: 12px;
  left: 0;
  display: block;
  width: 10px;
  height: 2px;
  content: "";
  background: black;
}

.date-list li span {
  display: inline-block;
  margin-right: 15px;
  font-weight: bold;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  body {
    font-size: 0.94em;
  }
  /* Headings */
  h1,
  .h1 {
    margin-bottom: 30px;
    font-size: 1.8em;
  }
  h1 .badge,
  .h1 .badge {
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: 24px;
  }
  h2,
  .h2 {
    margin-bottom: 28px;
    font-size: 1.6em;
  }
  h2 .badge,
  .h2 .badge {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
  }
  h3,
  .h3 {
    margin-bottom: 26px;
    font-size: 1.4em;
  }
  * + h1,
  * + .h1,
  * + h2,
  * + .h2,
  * + h3,
  * + .h3,
  * + h4,
  * + .h4,
  * + h5,
  * + .h5 {
    margin-top: 30px;
  }
  /* Headings alternative style */
  h1.h-alt:after,
  .h1.h-alt:after {
    height: 3px;
  }
  h2.h-alt:after,
  .h2.h-alt:after {
    height: 3px;
  }
  h3.h-alt:after,
  .h3.h-alt:after {
    height: 2px;
  }
  h4.h-alt:after,
  .h4.h-alt:after {
    height: 2px;
  }
  h5.h-alt:after,
  .h5.h-alt:after {
    height: 2px;
  }
  /* Headings alternative style 2 */
  h1.h-alt-2,
  .h1.h-alt-2 {
    margin-bottom: 30px;
    font-size: 2.2em;
    line-height: 1em;
  }
  h2.h-alt-2,
  .h2.h-alt-2 {
    margin-bottom: 28px;
    font-size: 2em;
  }
  h3.h-alt-2,
  .h3.h-alt-2 {
    margin-bottom: 26px;
    font-size: 1.8em;
  }
  h4.h-alt-2,
  .h4.h-alt-2 {
    margin-bottom: 24px;
    font-size: 1.6em;
  }
  h5.h-alt-2,
  .h5.h-alt-2 {
    margin-bottom: 22px;
    font-size: 1.4em;
  }
  /* Headings ordered list style */
  h3.h-ol span,
  .h3.h-ol span,
  h4.h-ol span,
  .h4.h-ol span,
  h5.h-ol span,
  .h5.h-ol span {
    vertical-align: bottom;
  }
  /* Text, link */
  p.p-large {
    font-size: 1.15em;
    line-height: 1.3em;
  }
  p.p-xlarge {
    font-size: 1.3em;
    line-height: 1.2em;
  }
}
/* main: ../styles.scss*/
/* Display and position */
.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
  vertical-align: middle !important;
}

.flex-grow {
  display: flex;
}
.flex-grow > div {
  flex-grow: 1;
}
.flex-grow:after {
  display: none;
}

.hidden,
label.hidden:not(.p-component + label) {
  display: none;
}

.lg-hidden {
  display: none !important;
}

.empty {
  position: absolute;
}

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

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-inherit {
  position: inherit !important;
}

.position-fixed {
  position: fixed !important;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

/* Overflow and scroll */
.no-scroll {
  overflow-y: hidden;
}

/* Float */
.float-left {
  float: left !important;
}

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

/* Alignment */
.align-left {
  text-align: left !important;
}

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

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

.align-justify {
  text-align: justify !important;
}

/* Margin */
.no-margin {
  margin: 0 !important;
}

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

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

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

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

.margin-4 {
  margin: 4px !important;
}

.margin-6 {
  margin: 6px !important;
}

.margin-8 {
  margin: 8px !important;
}

.margin-10 {
  margin: 10px !important;
}

.margin-12 {
  margin: 12px !important;
}

.margin-14 {
  margin: 14px !important;
}

.margin-16 {
  margin: 16px !important;
}

.margin-18 {
  margin: 18px !important;
}

.margin-20 {
  margin: 20px !important;
}

.margin-30 {
  margin: 30px !important;
}

.margin-40 {
  margin: 40px !important;
}

.margin-50 {
  margin: 50px !important;
}

.margin-60 {
  margin: 60px !important;
}

.margin-top-4 {
  margin-top: 4px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-12 {
  margin-top: 12px !important;
}

.margin-top-14 {
  margin-top: 14px !important;
}

.margin-top-16 {
  margin-top: 16px !important;
}

.margin-top-18 {
  margin-top: 18px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

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

.margin-bottom-6 {
  margin-bottom: 6px !important;
}

.margin-bottom-8 {
  margin-bottom: 8px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

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

.margin-bottom-14 {
  margin-bottom: 14px !important;
}

.margin-bottom-16 {
  margin-bottom: 16px !important;
}

.margin-bottom-18 {
  margin-bottom: 18px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

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

.margin-right-6 {
  margin-right: 6px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

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

.margin-right-14 {
  margin-right: 14px !important;
}

.margin-right-16 {
  margin-right: 16px !important;
}

.margin-right-18 {
  margin-right: 18px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-left-4 {
  margin-left: 4px !important;
}

.margin-left-6 {
  margin-left: 6px !important;
}

.margin-left-8 {
  margin-left: 8px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-12 {
  margin-left: 12px !important;
}

.margin-left-14 {
  margin-left: 14px !important;
}

.margin-left-16 {
  margin-left: 16px !important;
}

.margin-left-18 {
  margin-left: 18px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

/* Padding */
.no-padding {
  padding: 0 !important;
}

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

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

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

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

.padding-4 {
  padding: 4px !important;
}

.padding-6 {
  padding: 6px !important;
}

.padding-8 {
  padding: 8px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-12 {
  padding: 12px !important;
}

.padding-14 {
  padding: 14px !important;
}

.padding-16 {
  padding: 16px !important;
}

.padding-18 {
  padding: 18px !important;
}

.padding-20 {
  padding: 20px !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-40 {
  padding: 40px !important;
}

.padding-50 {
  padding: 50px !important;
}

.padding-60 {
  padding: 60px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-6 {
  padding-top: 6px !important;
}

.padding-top-8 {
  padding-top: 8px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-12 {
  padding-top: 12px !important;
}

.padding-top-14 {
  padding-top: 14px !important;
}

.padding-top-16 {
  padding-top: 16px !important;
}

.padding-top-18 {
  padding-top: 18px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-bottom-4 {
  padding-bottom: 4px !important;
}

.padding-bottom-6 {
  padding-bottom: 6px !important;
}

.padding-bottom-8 {
  padding-bottom: 8px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-12 {
  padding-bottom: 12px !important;
}

.padding-bottom-14 {
  padding-bottom: 14px !important;
}

.padding-bottom-16 {
  padding-bottom: 16px !important;
}

.padding-bottom-18 {
  padding-bottom: 18px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

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

.padding-right-6 {
  padding-right: 6px !important;
}

.padding-right-8 {
  padding-right: 8px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-12 {
  padding-right: 12px !important;
}

.padding-right-14 {
  padding-right: 14px !important;
}

.padding-right-16 {
  padding-right: 16px !important;
}

.padding-right-18 {
  padding-right: 18px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

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

.padding-left-6 {
  padding-left: 6px !important;
}

.padding-left-8 {
  padding-left: 8px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-12 {
  padding-left: 12px !important;
}

.padding-left-14 {
  padding-left: 14px !important;
}

.padding-left-16 {
  padding-left: 16px !important;
}

.padding-left-18 {
  padding-left: 18px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

/* Responsive styles */
@media only screen and (max-width: calc(1120px + 20px)) {
  /* Display and position */
  .md-hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  /* Display and position */
  .sm-hidden {
    display: none !important;
  }
  .md-hidden {
    display: block !important;
  }
  .lg-hidden {
    display: block !important;
  }
  .sm-block {
    display: block !important;
  }
  /* Float */
  .sm-no-float {
    float: none !important;
  }
  /* Alignment */
  .sm-align-right {
    text-align: right !important;
  }
  .sm-align-center {
    text-align: center !important;
  }
  .sm-align-left {
    text-align: left !important;
  }
  /* Margin */
  .sm-no-margin {
    margin: 0 !important;
  }
  .sm-no-margin-bottom {
    margin-bottom: 0 !important;
  }
  .sm-no-margin-top {
    margin-top: 0 !important;
  }
  .sm-no-margin-right {
    margin-right: 0 !important;
  }
  .sm-no-margin-left {
    margin-left: 0 !important;
  }
  .sm-margin-4 {
    margin: 4px !important;
  }
  .sm-margin-6 {
    margin: 6px !important;
  }
  .sm-margin-8 {
    margin: 8px !important;
  }
  .sm-margin-10 {
    margin: 10px !important;
  }
  .sm-margin-12 {
    margin: 12px !important;
  }
  .sm-margin-14 {
    margin: 14px !important;
  }
  .sm-margin-16 {
    margin: 16px !important;
  }
  .sm-margin-18 {
    margin: 18px !important;
  }
  .sm-margin-20 {
    margin: 20px !important;
  }
  .sm-margin-30 {
    margin: 30px !important;
  }
  .sm-margin-40 {
    margin: 40px !important;
  }
  .sm-margin-50 {
    margin: 50px !important;
  }
  .sm-margin-60 {
    margin: 60px !important;
  }
  .sm-margin-top-4 {
    margin-top: 4px !important;
  }
  .sm-margin-top-6 {
    margin-top: 6px !important;
  }
  .sm-margin-top-8 {
    margin-top: 8px !important;
  }
  .sm-margin-top-10 {
    margin-top: 10px !important;
  }
  .sm-margin-top-12 {
    margin-top: 12px !important;
  }
  .sm-margin-top-14 {
    margin-top: 14px !important;
  }
  .sm-margin-top-16 {
    margin-top: 16px !important;
  }
  .sm-margin-top-18 {
    margin-top: 18px !important;
  }
  .sm-margin-top-20 {
    margin-top: 20px !important;
  }
  .sm-margin-top-30 {
    margin-top: 30px !important;
  }
  .sm-margin-top-40 {
    margin-top: 40px !important;
  }
  .sm-margin-top-50 {
    margin-top: 50px !important;
  }
  .sm-margin-top-60 {
    margin-top: 60px !important;
  }
  .sm-margin-bottom-4 {
    margin-bottom: 4px !important;
  }
  .sm-margin-bottom-6 {
    margin-bottom: 6px !important;
  }
  .sm-margin-bottom-8 {
    margin-bottom: 8px !important;
  }
  .sm-margin-bottom-10 {
    margin-bottom: 10px !important;
  }
  .sm-margin-bottom-12 {
    margin-bottom: 12px !important;
  }
  .sm-margin-bottom-14 {
    margin-bottom: 14px !important;
  }
  .sm-margin-bottom-16 {
    margin-bottom: 16px !important;
  }
  .sm-margin-bottom-18 {
    margin-bottom: 18px !important;
  }
  .sm-margin-bottom-20 {
    margin-bottom: 20px !important;
  }
  .sm-margin-bottom-30 {
    margin-bottom: 30px !important;
  }
  .sm-margin-bottom-40 {
    margin-bottom: 40px !important;
  }
  .sm-margin-bottom-50 {
    margin-bottom: 50px !important;
  }
  .sm-margin-bottom-60 {
    margin-bottom: 60px !important;
  }
  .sm-margin-right-4 {
    margin-right: 4px !important;
  }
  .sm-margin-right-6 {
    margin-right: 6px !important;
  }
  .sm-margin-right-8 {
    margin-right: 8px !important;
  }
  .sm-margin-right-10 {
    margin-right: 10px !important;
  }
  .sm-margin-right-12 {
    margin-right: 12px !important;
  }
  .sm-margin-right-14 {
    margin-right: 14px !important;
  }
  .sm-margin-right-16 {
    margin-right: 16px !important;
  }
  .sm-margin-right-18 {
    margin-right: 18px !important;
  }
  .sm-margin-right-20 {
    margin-right: 20px !important;
  }
  .sm-margin-right-30 {
    margin-right: 30px !important;
  }
  .sm-margin-right-40 {
    margin-right: 40px !important;
  }
  .sm-margin-right-50 {
    margin-right: 50px !important;
  }
  .sm-margin-right-60 {
    margin-right: 60px !important;
  }
  .sm-margin-left-4 {
    margin-left: 4px !important;
  }
  .sm-margin-left-6 {
    margin-left: 6px !important;
  }
  .sm-margin-left-8 {
    margin-left: 8px !important;
  }
  .sm-margin-left-10 {
    margin-left: 10px !important;
  }
  .sm-margin-left-12 {
    margin-left: 12px !important;
  }
  .sm-margin-left-14 {
    margin-left: 14px !important;
  }
  .sm-margin-left-16 {
    margin-left: 16px !important;
  }
  .sm-margin-left-18 {
    margin-left: 18px !important;
  }
  .sm-margin-left-20 {
    margin-left: 20px !important;
  }
  .sm-margin-left-30 {
    margin-left: 30px !important;
  }
  .sm-margin-left-40 {
    margin-left: 40px !important;
  }
  .sm-margin-left-50 {
    margin-left: 50px !important;
  }
  .sm-margin-left-60 {
    margin-left: 60px !important;
  }
  /* Padding */
  .sm-no-padding {
    padding: 0 !important;
  }
  .sm-no-padding-bottom {
    padding-bottom: 0 !important;
  }
  .sm-no-padding-top {
    padding-top: 0 !important;
  }
  .sm-no-padding-right {
    padding-right: 0 !important;
  }
  .sm-no-padding-left {
    padding-left: 0 !important;
  }
  .sm-padding-4 {
    padding: 4px !important;
  }
  .sm-padding-6 {
    padding: 6px !important;
  }
  .sm-padding-8 {
    padding: 8px !important;
  }
  .sm-padding-10 {
    padding: 10px !important;
  }
  .sm-padding-12 {
    padding: 12px !important;
  }
  .sm-padding-14 {
    padding: 14px !important;
  }
  .sm-padding-16 {
    padding: 16px !important;
  }
  .sm-padding-18 {
    padding: 18px !important;
  }
  .sm-padding-20 {
    padding: 20px !important;
  }
  .sm-padding-30 {
    padding: 30px !important;
  }
  .sm-padding-40 {
    padding: 40px !important;
  }
  .sm-padding-50 {
    padding: 50px !important;
  }
  .sm-padding-60 {
    padding: 60px !important;
  }
  .sm-padding-top-4 {
    padding-top: 4px !important;
  }
  .sm-padding-top-6 {
    padding-top: 6px !important;
  }
  .sm-padding-top-8 {
    padding-top: 8px !important;
  }
  .sm-padding-top-10 {
    padding-top: 10px !important;
  }
  .sm-padding-top-12 {
    padding-top: 12px !important;
  }
  .sm-padding-top-14 {
    padding-top: 14px !important;
  }
  .sm-padding-top-16 {
    padding-top: 16px !important;
  }
  .sm-padding-top-18 {
    padding-top: 18px !important;
  }
  .sm-padding-top-20 {
    padding-top: 20px !important;
  }
  .sm-padding-top-30 {
    padding-top: 30px !important;
  }
  .sm-padding-top-40 {
    padding-top: 40px !important;
  }
  .sm-padding-top-50 {
    padding-top: 50px !important;
  }
  .sm-padding-top-60 {
    padding-top: 60px !important;
  }
  .sm-padding-bottom-4 {
    padding-bottom: 4px !important;
  }
  .sm-padding-bottom-6 {
    padding-bottom: 6px !important;
  }
  .sm-padding-bottom-8 {
    padding-bottom: 8px !important;
  }
  .sm-padding-bottom-10 {
    padding-bottom: 10px !important;
  }
  .sm-padding-bottom-12 {
    padding-bottom: 12px !important;
  }
  .sm-padding-bottom-14 {
    padding-bottom: 14px !important;
  }
  .sm-padding-bottom-16 {
    padding-bottom: 16px !important;
  }
  .sm-padding-bottom-18 {
    padding-bottom: 18px !important;
  }
  .sm-padding-bottom-20 {
    padding-bottom: 20px !important;
  }
  .sm-padding-bottom-30 {
    padding-bottom: 30px !important;
  }
  .sm-padding-bottom-40 {
    padding-bottom: 40px !important;
  }
  .sm-padding-bottom-50 {
    padding-bottom: 50px !important;
  }
  .sm-padding-bottom-60 {
    padding-bottom: 60px !important;
  }
  .sm-padding-right-4 {
    padding-right: 4px !important;
  }
  .sm-padding-right-6 {
    padding-right: 6px !important;
  }
  .sm-padding-right-8 {
    padding-right: 8px !important;
  }
  .sm-padding-right-10 {
    padding-right: 10px !important;
  }
  .sm-padding-right-12 {
    padding-right: 12px !important;
  }
  .sm-padding-right-14 {
    padding-right: 14px !important;
  }
  .sm-padding-right-16 {
    padding-right: 16px !important;
  }
  .sm-padding-right-18 {
    padding-right: 18px !important;
  }
  .sm-padding-right-20 {
    padding-right: 20px !important;
  }
  .sm-padding-right-30 {
    padding-right: 30px !important;
  }
  .sm-padding-right-40 {
    padding-right: 40px !important;
  }
  .sm-padding-right-50 {
    padding-right: 50px !important;
  }
  .sm-padding-right-60 {
    padding-right: 60px !important;
  }
  .sm-padding-left-4 {
    padding-left: 4px !important;
  }
  .sm-padding-left-6 {
    padding-left: 6px !important;
  }
  .sm-padding-left-8 {
    padding-left: 8px !important;
  }
  .sm-padding-left-10 {
    padding-left: 10px !important;
  }
  .sm-padding-left-12 {
    padding-left: 12px !important;
  }
  .sm-padding-left-14 {
    padding-left: 14px !important;
  }
  .sm-padding-left-16 {
    padding-left: 16px !important;
  }
  .sm-padding-left-18 {
    padding-left: 18px !important;
  }
  .sm-padding-left-20 {
    padding-left: 20px !important;
  }
  .sm-padding-left-30 {
    padding-left: 30px !important;
  }
  .sm-padding-left-40 {
    padding-left: 40px !important;
  }
  .sm-padding-left-50 {
    padding-left: 50px !important;
  }
  .sm-padding-left-60 {
    padding-left: 60px !important;
  }
}
/* COMPONENTS */
/* main: ../styles.scss*/
.blockquote {
  position: relative;
  margin-bottom: 30px;
}
.blockquote:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.blockquote .item-body {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  padding: 60px 35px 60px 55px;
  background: white;
}
.blockquote .item-body p:not(small) {
  position: relative;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.3em;
}
.blockquote .item-body p:not(small)::before {
  position: absolute;
  top: 40px;
  left: -40px;
  content: "“";
  font-size: 240px;
  opacity: 0.05;
}
.blockquote .item-body small {
  font-size: 0.9em;
}
.blockquote .item-image {
  float: right;
  width: 70%;
  padding-top: 80px;
}
.blockquote .item-image .img-liquid {
  height: 360px;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .blockquote .item-body {
    position: static;
    width: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 160px;
  }
  .blockquote .item-body p:not(small)::before {
    top: 25px;
    left: -20px;
    font-size: 140px;
  }
  .blockquote .item-image {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 100px;
    padding-top: 0;
  }
  .blockquote .item-image .img-liquid {
    height: 100px;
  }
}
/* main: ../styles.scss*/
.box {
  padding: 20px 25px;
  margin-bottom: 25px;
  background: white;
  border: 1px solid #d9d9d9;
}
.box .box-header {
  margin-bottom: 25px;
  font-weight: bold;
  line-height: 1.1em;
}
.box .box-header h1,
.box .box-header .h1,
.box .box-header h2,
.box .box-header .h2,
.box .box-header h3,
.box .box-header .h3,
.box .box-header h4,
.box .box-header .h4,
.box .box-header h5,
.box .box-header .h5,
.box .box-header h6,
.box .box-header .h6 {
  margin-bottom: 0;
}
.box .box-footer {
  padding: 10px 25px;
  margin: 20px -25px -20px -25px;
  font-size: 0.9em;
  background: #f5f5f5;
}

/* Infos boxes */
.infos-box,
.alert-box,
.success-box {
  position: relative;
  padding: 15px 20px 15px 52px;
  margin-bottom: 25px;
}
.infos-box a,
.alert-box a,
.success-box a {
  font-weight: bold;
  text-decoration: underline;
}
.infos-box p:last-child,
.alert-box p:last-child,
.success-box p:last-child {
  margin-bottom: 0;
}
.infos-box:before,
.alert-box:before,
.success-box:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.infos-box .btn,
.alert-box .btn,
.success-box .btn {
  color: white !important;
  text-decoration: none !important;
}

.infos-box {
  color: #415ce7;
  background: rgba(65, 92, 231, 0.1);
}
.infos-box a,
.infos-box h1,
.infos-box .h1,
.infos-box h2,
.infos-box .h2,
.infos-box h3,
.infos-box .h3,
.infos-box h4,
.infos-box .h4,
.infos-box h5,
.infos-box .h5,
.infos-box h6,
.infos-box .h6 {
  color: #415ce7;
}
.infos-box:before {
  content: "h";
}
.infos-box .bullet-list li:before,
.infos-box .dash-list li:before {
  background: #415ce7;
}
.infos-box .btn {
  background-color: #415ce7;
}
.infos-box .btn:hover {
  background-color: #586fea;
}
.infos-box .btn.btn-outline {
  color: #ed591d !important;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #415ce7;
}
.infos-box .btn.btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0 1px #415ce7;
}

.alert-box {
  color: #ed591d;
  background: rgba(237, 89, 29, 0.1);
}
.alert-box a,
.alert-box h1,
.alert-box .h1,
.alert-box h2,
.alert-box .h2,
.alert-box h3,
.alert-box .h3,
.alert-box h4,
.alert-box .h4,
.alert-box h5,
.alert-box .h5,
.alert-box h6,
.alert-box .h6 {
  color: #ed591d;
}
.alert-box:before {
  content: "g";
}
.alert-box .bullet-list li:before,
.alert-box .dash-list li:before {
  background: #ed591d;
}
.alert-box .btn {
  background-color: #ed591d;
}
.alert-box .btn:hover {
  background-color: #ef6a35;
}
.alert-box .btn.btn-outline {
  color: #ed591d !important;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #ed591d;
}
.alert-box .btn.btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0 1px #ed591d;
}

.success-box {
  color: #33ab9f;
  background: rgba(51, 171, 159, 0.1);
}
.success-box a,
.success-box h1,
.success-box .h1,
.success-box h2,
.success-box .h2,
.success-box h3,
.success-box .h3,
.success-box h4,
.success-box .h4,
.success-box h5,
.success-box .h5,
.success-box h6,
.success-box .h6 {
  color: #33ab9f;
}
.success-box:before {
  content: "i";
}
.success-box .bullet-list li:before,
.success-box .dash-list li:before {
  background: #33ab9f;
}
.success-box .btn {
  background-color: #33ab9f;
}
.success-box .btn:hover {
  background-color: #39bfb1;
}
.success-box .btn.btn-outline {
  color: #ed591d !important;
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #33ab9f;
}
.success-box .btn.btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0 1px #33ab9f;
}

/* Tabs boxes */
.tabs-box .box-header .ui-tabs-nav {
  overflow-x: visible;
}
.tabs-box .box-header .ui-tabs-nav .ui-state-default,
.tabs-box .box-header .option {
  border-bottom: 0 !important;
}
.tabs-box .box-header .ui-tabs-nav .ui-state-active,
.tabs-box .box-header .option-active {
  -webkit-box-shadow: 0 1px 0 0 rgb(255, 255, 255);
  -khtml-box-shadow: 0 1px 0 0 rgb(255, 255, 255);
  -moz-box-shadow: 0 1px 0 0 rgb(255, 255, 255);
  -ms-box-shadow: 0 1px 0 0 rgb(255, 255, 255);
  -o-box-shadow: 0 1px 0 0 rgb(255, 255, 255);
  box-shadow: 0 1px 0 0 rgb(255, 255, 255);
}
.tabs-box .box-body {
  padding: 30px 25px;
  background: white;
  border: 1px solid #d9d9d9;
}
.tabs-box .box-body .ui-tabs-panel {
  padding: 0;
}

/* Sales boxes */
.sales-box {
  position: relative;
  padding: 30px;
  margin-bottom: 25px;
  background: #ffc11a;
}
.sales-box .h1,
.sales-box .h2,
.sales-box .h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.sales-box .item-tag {
  display: inline-block;
  padding: 4px 10px;
  margin-bottom: 15px;
  color: white;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  background: black;
}
.sales-box .btn-close {
  position: absolute;
  top: 0;
  right: -20px;
  padding: 5px 8px;
  background: transparent;
}
.sales-box .btn-close .icon {
  margin: 0;
  color: black;
}
.sales-box .btn-close .icon:hover {
  color: white;
}

/* main: ../styles.scss*/
.breadcrumb {
  padding: 0;
  margin: 0;
}
.breadcrumb li {
  display: inline;
  list-style: none;
}
.breadcrumb li:after {
  display: inline-block;
  margin: 0 8px;
  content: "/";
}
.breadcrumb li:before {
  content: "" !important;
}
.breadcrumb li h1,
.breadcrumb li span,
.breadcrumb li a {
  display: inline;
  margin: inherit;
  font-size: inherit;
  font-weight: normal;
}
.breadcrumb li a {
  color: black;
}
.breadcrumb li a span {
  font-size: inherit;
}
.breadcrumb li a:hover {
  color: #2409f1;
  text-decoration: none;
}
.breadcrumb li:last-child:after {
  margin-right: 0;
  content: "";
}

.step-breadcrumb {
  padding: 0;
  margin: 0;
}
.step-breadcrumb:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.step-breadcrumb li {
  position: relative;
  float: left;
  min-width: 60px;
  padding-bottom: 30px;
  list-style: none;
}
.step-breadcrumb li:after {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 30px;
  color: white;
  font-size: 1.2em;
  line-height: 28px;
  text-align: center;
  background-color: #b6b6b6;
}
.step-breadcrumb li:before {
  position: absolute;
  bottom: 13px;
  left: 0;
  width: 100%;
  height: 3px;
  margin: 0;
  content: "";
  background: #d9d9d9;
}
.step-breadcrumb li.current:after {
  background-color: #2409f1;
}
.step-breadcrumb li:last-child {
  min-width: 100px;
}
.step-breadcrumb li:last-child:before {
  display: none;
}
.step-breadcrumb li:nth-child(1):after {
  content: "1";
}
.step-breadcrumb li:nth-child(2):after {
  content: "2";
}
.step-breadcrumb li:nth-child(3):after {
  content: "3";
}
.step-breadcrumb li:nth-child(4):after {
  content: "4";
}
.step-breadcrumb li:nth-child(5):after {
  content: "5";
}
.step-breadcrumb li:nth-child(6):after {
  content: "6";
}
.step-breadcrumb li:nth-child(7):after {
  content: "7";
}
.step-breadcrumb li:nth-child(8):after {
  content: "8";
}
.step-breadcrumb li:nth-child(9):after {
  content: "9";
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .step-breadcrumb li {
    min-width: 35px;
    padding-right: 30px;
    padding-bottom: 24px;
  }
  .step-breadcrumb li:after {
    width: 24px;
    height: 24px;
    color: white;
    font-size: 0.9em;
    line-height: 23px;
    text-align: center;
  }
  .step-breadcrumb li:before {
    bottom: 10px;
  }
  .step-breadcrumb li:last-child {
    min-width: 50px;
  }
  .step-breadcrumb li.current span {
    text-indent: 0;
  }
}
/* main: ../styles.scss*/
.bottomnav-mobile {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none;
  background: white;
}
.bottomnav-mobile .btn {
  padding: 12px 0 20px 0;
  margin-bottom: 0;
  color: #333;
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.4em;
  text-align: center;
  background: white;
  border-top: 1px solid #d9d9d9;
  border-radius: 0 !important;
}
.bottomnav-mobile .btn .icon {
  display: block;
  margin: 0;
  color: #747474;
  font-size: 26px;
  line-height: 26px;
}
.bottomnav-mobile .sm-col-1-1 .btn {
  padding-top: 18px;
  font-size: 1.1em;
  font-weight: bold;
}
.bottomnav-mobile .sm-col-1-1 .btn .icon {
  display: inline-block;
  margin: 0 10px 0 0;
}
.bottomnav-mobile .sm-col-1-2 .btn {
  font-size: 1em;
  font-weight: bold;
}
.bottomnav-mobile .btn-indigo {
  color: white;
  background: #2409f1;
  border-top: 1px solid #2409f1;
}
.bottomnav-mobile .btn-indigo .icon {
  color: white;
}
.bottomnav-mobile .btn-orange {
  color: white;
  background: #ff7319;
  border-top: 1px solid #ff7319;
}
.bottomnav-mobile .btn-orange .icon {
  color: white;
}
.bottomnav-mobile .btn-deep-orange {
  color: white;
  background: #ed591d;
  border-top: 1px solid #ed591d;
}
.bottomnav-mobile .btn-deep-orange .icon {
  color: white;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .bottomnav-mobile {
    display: block;
  }
}
/* main: ../styles.scss*/
.owl-carousel-calendar {
  padding: 0 50px !important;
}
.owl-carousel-calendar .owl-stage {
  height: inherit;
  background: inherit;
}
.owl-carousel-calendar .owl-item {
  display: block;
  height: inherit;
}
.owl-carousel-calendar .owl-item div {
  display: block;
}
.owl-carousel-calendar .owl-prev,
.owl-carousel-calendar .owl-next {
  position: absolute;
  top: 122px;
  z-index: 1;
  width: 38px;
  height: 38px;
  margin: 0;
  outline: none;
  cursor: pointer;
}
.owl-carousel-calendar .owl-prev span,
.owl-carousel-calendar .owl-next span {
  display: none;
}
.owl-carousel-calendar .owl-prev:before,
.owl-carousel-calendar .owl-next:before {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  width: 38px;
  height: 38px;
  color: white;
  font-size: 20px;
  line-height: 38px;
  background: #2409f1;
}
.owl-carousel-calendar .owl-prev:hover:before,
.owl-carousel-calendar .owl-next:hover:before {
  background: #2409f1;
}
.owl-carousel-calendar .owl-prev {
  left: 0;
}
.owl-carousel-calendar .owl-prev:before {
  width: 36px;
  height: 36px;
  padding: 0;
  content: "c";
  line-height: 36px;
}
.owl-carousel-calendar .owl-next {
  right: 0;
}
.owl-carousel-calendar .owl-next:before {
  width: 36px;
  height: 36px;
  padding: 0;
  content: "d";
  line-height: 36px;
}

.calendar {
  background: white;
}
.calendar td,
.calendar th {
  position: relative;
  padding: 8px 10px;
  text-align: center;
  border: 0;
}
.calendar td {
  cursor: pointer;
}
.calendar td.tooltip:hover {
  background: rgba(65, 92, 231, 0.1);
}
.calendar .date-passed {
  -webkit-box-shadow: inset 0 0 0 2px white;
  -khtml-box-shadow: inset 0 0 0 2px white;
  -moz-box-shadow: inset 0 0 0 2px white;
  -ms-box-shadow: inset 0 0 0 2px white;
  -o-box-shadow: inset 0 0 0 2px white;
  box-shadow: inset 0 0 0 2px white;
  color: #b6b6b6;
  background: repeating-linear-gradient(-45deg, rgb(255, 255, 255), rgb(255, 255, 255) 3px, rgb(235, 235, 235) 3px, rgb(235, 235, 235) 4px);
  cursor: default;
}
.calendar .date-reserved {
  color: rgba(204, 3, 3, 0.5);
  background: #fe9d9d;
}
.calendar .date-reserved-start {
  background: linear-gradient(-45deg, #fe9d9d, #fe9d9d 49%, white 50%, white 100%);
}
.calendar .date-reserved-end {
  background: linear-gradient(-45deg, white, white 49%, #fe9d9d 50%, #fe9d9d 100%);
}
.calendar .date-promo {
  position: absolute;
  top: 2px;
  right: 0;
  left: 0;
  color: #ed591d;
  font-size: 0.5em;
  font-weight: 900;
  line-height: 1em;
  text-transform: uppercase;
}
.calendar .date-default:hover {
  background: #f5f5f5;
}
.calendar .date-highlight {
  opacity: 0.5;
}

.calendar-caption {
  padding-left: 50px;
  margin-top: 30px;
  color: #747474;
  font-size: 0.9em;
}
.calendar-caption .item {
  display: inline-block;
  margin-right: 30px;
}
.calendar-caption .item:last-child {
  margin-right: 0;
}
.calendar-caption .item:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  content: "";
  vertical-align: top;
  background: white;
  border: 1px solid #d9d9d9;
}
.calendar-caption .item-status-unavailable:before {
  background: #fe9d9d;
  border-color: #fe9d9d;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .owl-carousel-calendar {
    padding: 0 !important;
  }
  .owl-carousel-calendar .owl-prev,
  .owl-carousel-calendar .owl-next {
    top: 6px;
    width: 24px;
    height: 24px;
  }
  .owl-carousel-calendar .owl-prev:before,
  .owl-carousel-calendar .owl-next:before {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-family: "brownie-icon-set" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    display: block;
    width: 22px;
    height: 24px;
    padding-top: 0;
  }
  .owl-carousel-calendar .owl-prev {
    left: 6px;
  }
  .owl-carousel-calendar .owl-prev:before {
    width: 24px;
    height: 24px;
  }
  .owl-carousel-calendar .owl-next {
    right: 6px;
  }
  .calendar-caption {
    padding-left: 0;
    text-align: center;
  }
}
/* main: ../styles.scss*/
.card {
  position: relative;
  display: block;
  color: black;
  white-space: normal !important;
}
.card .img-liquid {
  height: 180px;
}
.card .item-tag {
  position: absolute;
  top: -10px;
  left: -10px;
}
.card .item-tag span {
  display: inline-block;
  padding: 0 6px;
  color: white;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  background: #ed591d;
}
.card .item-icon {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  margin-bottom: 10px;
  line-height: 102px;
  text-align: center;
  background-color: #2409f1;
}
.card .item-icon .icon {
  color: white;
  font-size: 46px;
}
.card .item-img + *,
.card .item-icon + * {
  display: block;
  margin-top: 20px;
}
.card .item-img + a:hover,
.card .item-icon + a:hover {
  text-decoration: none;
}
.card .item-img img {
  height: inherit;
  object-fit: cover;
  object-position: center;
}
.card p,
.card h4,
.card .h4,
.card h5,
.card .h5 {
  margin-bottom: 10px;
  color: black;
}
.card h4,
.card .h4,
.card h5,
.card .h5 {
  line-height: 1.3em;
}

a.card:hover {
  color: black;
  text-decoration: none;
}
a.card:hover h4,
a.card:hover .h4,
a.card:hover h5,
a.card:hover .h5 {
  color: #2409f1;
}
a.card:hover .icon {
  color: #2409f1;
}
a.card:hover .item-icon .icon {
  color: white;
}

.card-small .img-liquid {
  height: 90px;
}
.card-small .item-icon {
  width: 55px;
  height: 55px;
  margin-bottom: 5px;
  line-height: 50px;
}
.card-small .item-icon .icon {
  font-size: 28px;
}
.card-small .item-img + *,
.card-small .item-icon + * {
  margin-top: 10px;
}
.card-small p,
.card-small h4,
.card-small .h4,
.card-small h5,
.card-small .h5 {
  margin-bottom: 10px;
}

.status-card {
  position: relative;
  align-items: center;
  display: flex;
  padding: 20px 15px;
  background: #d7e3ea;
  border-bottom: 2px solid #2409f1;
}
.status-card .btn {
  margin-bottom: 0;
}
.status-card .item-icon .icon {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  font-size: 42px;
  line-height: 48px;
  text-align: center;
}
.status-card .item-icon .icon-user {
  font-size: 38px;
  background: white;
  border-radius: 50%;
}
.status-card .item-title {
  flex: 1 1 auto;
  padding-right: 15px;
  color: black;
  font-weight: bold;
}
.status-card .item-title .item-title-status {
  display: block;
  color: #2409f1;
}
.status-card .item-title .item-title-details {
  display: block;
  font-weight: normal;
}
.status-card .item-actions {
  flex-shrink: 0;
}
.status-card .item-actions > button,
.status-card .item-actions > a {
  display: inline-block;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  text-align: center;
  background: transparent;
  border-radius: 50%;
}
.status-card .item-actions > button .icon,
.status-card .item-actions > a .icon {
  color: #2409f1;
  font-size: 26px;
  line-height: 38px;
}
.status-card .item-actions > button:hover,
.status-card .item-actions > a:hover {
  background: rgba(36, 9, 241, 0.08);
}
.status-card .item-actions > button:focus,
.status-card .item-actions > a:focus {
  background: rgba(36, 9, 241, 0.12);
}
.status-card .item-actions > button:first-child,
.status-card .item-actions > a:first-child {
  margin-left: 0;
}
.status-card .item-actions .item-actions-dropdown {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 55px;
  right: 23px;
  z-index: 1;
  background: white;
}
.status-card .item-actions .item-actions-dropdown a {
  display: block;
  padding: 12px 16px;
  color: black;
  font-size: 0.9em;
  text-align: left;
  text-decoration: none;
}
.status-card .item-actions .item-actions-dropdown a .icon {
  margin-right: 5px;
  font-size: 22px;
}
.status-card .item-actions .item-actions-dropdown a:hover {
  color: #2409f1;
}
.status-card.status-card-success {
  border-color: #33ab9f;
}
.status-card.status-card-success .item-icon .icon {
  color: #33ab9f;
}
.status-card.status-card-success .item-icon .icon-user {
  color: #2409f1;
}
.status-card.status-card-success .item-title .item-title-status {
  color: #33ab9f;
}
.status-card.status-card-error {
  border-color: #fd6b6b;
}
.status-card.status-card-error .item-icon .icon {
  color: #fd6b6b;
}
.status-card.status-card-error .item-icon .icon-user {
  color: #2409f1;
}
.status-card.status-card-error .item-title .item-title-status {
  color: #fd6b6b;
}
.status-card.status-card-list-enter-active, .status-card.status-card-list-leave-active {
  transition: all 0.3s ease;
}
.status-card.status-card-list-enter-from {
  transform: translateX(-600px);
  opacity: 0;
}
.status-card.status-card-list-leave-to {
  transform: translateX(600px);
  opacity: 0;
}

.bg-light-indigo .status-card {
  background: white;
}

/* main: ../styles.scss*/
.chip {
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  padding: 2px 10px;
  margin: 0 6px 10px 0;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  background: #2409f1;
}
.chip .icon {
  font-size: 1.2em;
  line-height: 0.9em;
}
.chip:first-child {
  margin-left: 0;
}

.chip-light {
  color: black;
  font-weight: normal;
  background: #f5f5f5;
}

a.chip {
  text-decoration: none;
}
a.chip:hover {
  color: black;
}

/* main: ../styles.scss*/
.cookie-banner {
  position: relative;
  padding: 20px 40px 20px 20px;
  font-size: 0.9em;
  line-height: 1.5em;
  background: white;
  border-top: 1px solid #d9d9d9;
}
.cookie-banner p {
  margin-bottom: 0;
}
.cookie-banner .wrapper {
  position: relative;
}
.cookie-banner .btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 8px;
  background: white;
}
.cookie-banner .btn .icon {
  margin: 0;
  color: black;
}
.cookie-banner .btn:hover .icon {
  color: #2409f1;
}

/* main: ../styles.scss*/
/* Cover general */
.cover {
  min-height: 380px;
  background-color: #2409f1;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 570px;
}
.cover p,
.cover h1,
.cover .h1,
.cover h2,
.cover .h2,
.cover h3,
.cover .h3,
.cover h4,
.cover .h4,
.cover h5,
.cover .h5,
.cover h1.h-alt-2,
.cover .h1.h-alt-2,
.cover h2.h-alt-2,
.cover .h2.h-alt-2,
.cover h3.h-alt-2,
.cover .h3.h-alt-2 {
  color: white;
}
.cover p:after,
.cover h1:after,
.cover .h1:after,
.cover h2:after,
.cover .h2:after,
.cover h3:after,
.cover .h3:after,
.cover h4:after,
.cover .h4:after,
.cover h5:after,
.cover .h5:after,
.cover h1.h-alt-2:after,
.cover .h1.h-alt-2:after,
.cover h2.h-alt-2:after,
.cover .h2.h-alt-2:after,
.cover h3.h-alt-2:after,
.cover .h3.h-alt-2:after {
  background: white;
}
.cover p a:not(.btn) {
  color: #71cb8e;
}
.cover .wrapper {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.cover .wrapper > h1,
.cover .wrapper > .h1,
.cover .wrapper .item-caption h1,
.cover .wrapper .item-caption .h1 {
  margin-bottom: 40px;
  font-size: 2.6em;
}
.cover .wrapper > h2,
.cover .wrapper > .h2,
.cover .wrapper .item-caption h2,
.cover .wrapper .item-caption .h2 {
  margin-bottom: 30px;
  font-size: 2.2em;
}
.cover .wrapper > h3,
.cover .wrapper > .h3,
.cover .wrapper .item-caption h3,
.cover .wrapper .item-caption .h3 {
  margin-bottom: 30px;
  font-size: 1.8em;
  line-height: 1.2em;
}
.cover .wrapper > h1.h-alt-2,
.cover .wrapper > .h1.h-alt-2,
.cover .wrapper .item-caption h1.h-alt-2,
.cover .wrapper .item-caption .h1.h-alt-2 {
  margin-bottom: 40px;
  font-size: 3.5em;
  line-height: 1em;
}
.cover .wrapper > h2.h-alt-2,
.cover .wrapper > .h2.h-alt-2,
.cover .wrapper .item-caption h2.h-alt-2,
.cover .wrapper .item-caption .h2.h-alt-2 {
  margin-bottom: 35px;
  font-size: 2.8em;
  line-height: 1em;
}
.cover .wrapper > h3.h-alt-2,
.cover .wrapper > .h3.h-alt-2,
.cover .wrapper .item-caption h3.h-alt-2,
.cover .wrapper .item-caption .h3.h-alt-2 {
  margin-bottom: 30px;
  font-size: 2.4em;
  line-height: 1em;
}
.cover .item-caption {
  position: absolute;
  right: 30px;
  bottom: 30px;
  margin-bottom: 0;
  text-align: right;
}
.cover .item-caption h1,
.cover .item-caption .h1,
.cover .item-caption h2,
.cover .item-caption .h2,
.cover .item-caption h3,
.cover .item-caption .h3,
.cover .item-caption p {
  margin-bottom: 0 !important;
}

/* Cover sizes */
.cover-small {
  min-height: 0;
  background-position: calc(50% + 100px) top;
  background-size: 747px 400px;
}
.cover-small .wrapper {
  padding-top: 100px;
  padding-bottom: 100px;
}
.cover-small h1,
.cover-small .h1,
.cover-small h2,
.cover-small .h2,
.cover-small h3,
.cover-small .h3 {
  margin-bottom: 0 !important;
}

.cover-big {
  min-height: 550px;
  background-repeat: no-repeat;
  background-position: center top;
}
.cover-big .item-body {
  margin-right: 80px;
}
.cover-big .item-caption {
  bottom: 60px;
}
.cover-big .item-tampon {
  text-align: right;
}
.cover-big .item-tampon img {
  width: 146px;
}

.cover-tampon .wrapper {
  position: relative;
}
.cover-tampon .wrapper:before {
  position: absolute;
  top: -60px;
  left: 280px;
  z-index: 100;
  display: block;
  width: 150px;
  height: 150px;
  content: "";
  background: url("../images/logos/logo-pap-tampon.svg");
}

.cover-degre-papcommerces .wrapper {
  position: relative;
}
.cover-degre-papcommerces .wrapper:after {
  position: absolute;
  top: 45px;
  left: 20px;
  display: block;
  width: 110px;
  height: 110px;
  content: "";
  background: url("../images/logos/logo-papcommerces-degre.svg");
}

/* Cover backgrounds */
.cover-bg-1 {
  background-image: url("../images/bg/bg-cover-1.jpg");
}

.cover-bg-2 {
  background-image: url("../images/bg/bg-cover-2.jpg");
}

.cover-bg-3 {
  background-image: url("../images/bg/bg-cover-3.jpg");
}

.cover-bg-4 {
  background-image: url("../images/bg/bg-cover-4.jpg");
}

.cover-bg-5 {
  background-image: url("../images/bg/bg-cover-5.jpg");
}

.cover-bg-6 {
  background-image: url("../images/bg/bg-cover-6.jpg");
}

.cover-bg-7 {
  background-color: rgb(158, 51, 81);
  background-image: url("../images/bg/bg-cover-7.jpg");
}

.cover-bg-8 {
  background-image: url("../images/bg/bg-cover-8.jpg");
}

.cover-bg-9 {
  background-color: rgb(251, 177, 2);
  background-image: url("../images/bg/bg-cover-9.jpg");
}

.cover-bg-10 {
  background-image: url("../images/bg/bg-cover-10.jpg");
}

.cover-bg-11 {
  background-image: url("../images/bg/bg-cover-11.jpg");
}

.cover-bg-12 {
  background-color: rgb(85, 88, 95);
  background-image: url("../images/bg/bg-cover-12.jpg");
}

.cover-bg-13 {
  background-image: url("../images/bg/bg-cover-13.jpg");
}

.cover-bg-14 {
  background-color: rgb(236, 197, 142);
  background-image: url("../images/bg/bg-cover-14.jpg");
}

.cover-bg-15 {
  background-color: rgb(109, 37, 59);
  background-image: url("../images/bg/bg-cover-15.jpg");
}

.cover-bg-16 {
  background-color: #2f257b;
  background-image: url("../images/bg/bg-cover-16.jpg");
}

.cover-bg-17 {
  background-image: url("../images/bg/bg-cover-17.jpg");
}

.cover-bg-18 {
  background-image: url("../images/bg/bg-cover-18.jpg");
}

.cover-bg-19 {
  background-color: #c23d4f;
  background-image: url("../images/bg/bg-cover-19.jpg");
}

.cover-bg-20 {
  background-image: url("../images/bg/bg-cover-20.jpg");
}

.cover-bg-21 {
  background-color: #00adc6;
  background-image: url("../images/bg/bg-cover-21.jpg");
}

.cover-bg-22 {
  background-color: #00bfce;
  background-image: url("../images/bg/bg-cover-22.jpg");
}

.cover-bg-23 {
  background-color: #ffbc00;
  background-image: url("../images/bg/bg-cover-23.jpg");
}

.cover-bg-24 {
  background-color: #009aa5;
  background-image: url("../images/bg/bg-cover-24.jpg");
}

.cover-bg-bien-01 {
  background-color: #2f257b;
  background-image: url("../images/bg/bg-cover-bien-01.jpg");
}

.cover-bg-team-1 {
  background-color: rgb(168, 67, 99);
  background-image: url("../images/bg/bg-cover-team-1.jpg");
}

.cover-bg-team-2 {
  background-color: rgb(230, 137, 158);
  background-image: url("../images/bg/bg-cover-team-2.jpg");
}

.cover-bg-team-3 {
  background-color: rgb(94, 86, 47);
  background-image: url("../images/bg/bg-cover-team-3.jpg");
}

.cover-bg-team-4 {
  background-color: rgb(222, 136, 1);
  background-image: url("../images/bg/bg-cover-team-4.jpg");
}

.cover-bg-team-5 {
  background-color: rgb(98, 26, 29);
  background-image: url("../images/bg/bg-cover-team-5.jpg");
}

.cover-bg-team-6 {
  background-color: rgb(0, 52, 151);
  background-image: url("../images/bg/bg-cover-team-6.jpg");
}

.cover-bg-team-7 {
  background-color: rgb(252, 158, 192);
  background-image: url("../images/bg/bg-cover-team-7.jpg");
}

.cover-bg-team-8 {
  background-color: rgb(215, 124, 0);
  background-image: url("../images/bg/bg-cover-team-8.jpg");
}

.cover-bg-team-9 {
  background-color: rgb(157, 26, 29);
  background-image: url("../images/bg/bg-cover-team-9.jpg");
}

.cover-bg-team-10 {
  background-color: rgb(2, 55, 156);
  background-image: url("../images/bg/bg-cover-team-10.jpg");
}

.cover-bg-team-11 {
  background-color: rgb(0, 123, 138);
  background-image: url("../images/bg/bg-cover-team-11.jpg");
  background-size: auto 500px;
}

.cover-bg-team-12 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-12.jpg");
}

.cover-bg-team-13 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-13.jpg");
}

.cover-bg-team-14 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-14.jpg");
}

.cover-bg-team-15 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-15.jpg");
}

.cover-bg-team-16 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-16.jpg");
}

.cover-bg-team-17 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-17.jpg");
}

.cover-bg-team-18 {
  background-color: rgb(2, 59, 200);
  background-image: url("../images/bg/bg-cover-team-18.jpg");
}

.cover-bg-papvacs-1 {
  background-color: #60e0e3;
  background-image: url("../images/bg/bg-cover-papvacs-1.jpg");
}
.cover-bg-papvacs-1 p,
.cover-bg-papvacs-1 h1,
.cover-bg-papvacs-1 .h1,
.cover-bg-papvacs-1 h2,
.cover-bg-papvacs-1 .h2,
.cover-bg-papvacs-1 h3,
.cover-bg-papvacs-1 .h3 {
  padding: 50px 0 30px 40% !important;
}

.cover-bg-papvacs-2 {
  background-color: #00a8c3;
  background-image: url("../images/bg/bg-cover-papvacs-2.jpg");
}
.cover-bg-papvacs-2 p,
.cover-bg-papvacs-2 h1,
.cover-bg-papvacs-2 .h1,
.cover-bg-papvacs-2 h2,
.cover-bg-papvacs-2 .h2,
.cover-bg-papvacs-2 h3,
.cover-bg-papvacs-2 .h3 {
  padding: 50px 0 30px 40% !important;
}

.cover-bg-papvacs-3 {
  background-color: #ffc3b9;
  background-image: url("../images/bg/bg-cover-papvacs-3.jpg");
}
.cover-bg-papvacs-3 p,
.cover-bg-papvacs-3 h1,
.cover-bg-papvacs-3 .h1,
.cover-bg-papvacs-3 h2,
.cover-bg-papvacs-3 .h2,
.cover-bg-papvacs-3 h3,
.cover-bg-papvacs-3 .h3 {
  padding: 50px 0 30px 0 !important;
}

.cover-bg-papvacs-4 {
  background-color: #f5cec9;
  background-image: url("../images/bg/bg-cover-papvacs-4.jpg");
}
.cover-bg-papvacs-4 p,
.cover-bg-papvacs-4 h1,
.cover-bg-papvacs-4 .h1,
.cover-bg-papvacs-4 h2,
.cover-bg-papvacs-4 .h2,
.cover-bg-papvacs-4 h3,
.cover-bg-papvacs-4 .h3 {
  padding: 40px 0 40px 35% !important;
}

.cover-bg-papvacs-5 {
  min-height: 330px;
  background-color: #00a8c2;
  background-image: url("../images/bg/bg-cover-papvacs-5.jpg");
  background-position: center top;
  background-size: auto 500px;
}

.cover-bg-papvacs-1 .wrapper,
.cover-bg-papvacs-2 .wrapper,
.cover-bg-papvacs-3 .wrapper,
.cover-bg-papvacs-4 .wrapper {
  padding-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .cover {
    min-height: 0;
    background-position: center top;
    background-size: cover;
  }
  .cover .wrapper > h1,
  .cover .wrapper > .h1,
  .cover .wrapper > h2,
  .cover .wrapper > .h2,
  .cover .wrapper > h3,
  .cover .wrapper > .h3 {
    padding-right: 50%;
  }
  .cover .wrapper > h1,
  .cover .wrapper > .h1 {
    margin-bottom: 30px;
    font-size: 1.8em;
  }
  .cover .wrapper > h2,
  .cover .wrapper > .h2 {
    margin-bottom: 28px;
    font-size: 1.6em;
  }
  .cover .wrapper > h2 .badge,
  .cover .wrapper > .h2 .badge {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
  }
  .cover .wrapper > h3,
  .cover .wrapper > .h3 {
    margin-bottom: 26px;
    font-size: 1.4em;
  }
  .cover .wrapper > h1.h-alt-2,
  .cover .wrapper > .h1.h-alt-2 {
    margin-bottom: 30px;
    font-size: 2.2em;
    line-height: 1em;
  }
  .cover .wrapper > h2.h-alt-2,
  .cover .wrapper > .h2.h-alt-2 {
    margin-bottom: 28px;
    font-size: 2em;
  }
  .cover .wrapper > h3.h-alt-2,
  .cover .wrapper > .h3.h-alt-2 {
    margin-bottom: 26px;
    font-size: 1.8em;
  }
  .cover .item-caption {
    padding-right: 0;
  }
  .cover-small .wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .cover-big {
    min-height: 0;
    background-position: calc(50% - 50px) top;
    background-size: 747px 400px !important;
  }
  .cover-big .wrapper {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .cover-big .item-body {
    margin: 0;
  }
  .cover-big .item-caption {
    position: static;
    margin-bottom: 20px;
    text-align: left;
  }
  .cover-big .item-tampon {
    margin-bottom: 30px;
    text-align: left;
  }
  .cover-big .item-tampon img {
    width: 120px;
  }
  .cover-tampon .wrapper {
    padding-top: 90px;
  }
  .cover-tampon .wrapper:before {
    top: 30px;
    left: 20px;
    z-index: 2;
    width: 100px;
    height: 100px;
  }
  .cover-degre-papcommerces .wrapper:after {
    top: 40px;
    width: 80px;
    height: 80px;
  }
  .cover-bg-papvacs-1 {
    background-position: -365px -20px;
    background-size: 1280px 400px;
  }
  .cover-bg-papvacs-1 p,
  .cover-bg-papvacs-1 h1,
  .cover-bg-papvacs-1 .h1,
  .cover-bg-papvacs-1 h2,
  .cover-bg-papvacs-1 .h2,
  .cover-bg-papvacs-1 h3,
  .cover-bg-papvacs-1 .h3 {
    padding: 0 0 60px 150px !important;
  }
  .cover-bg-papvacs-2 {
    background-position: -375px 0;
    background-size: 1280px 400px;
  }
  .cover-bg-papvacs-2 p,
  .cover-bg-papvacs-2 h1,
  .cover-bg-papvacs-2 .h1,
  .cover-bg-papvacs-2 h2,
  .cover-bg-papvacs-2 .h2,
  .cover-bg-papvacs-2 h3,
  .cover-bg-papvacs-2 .h3 {
    padding: 0 0 60px 155px !important;
  }
  .cover-bg-papvacs-3 {
    background-position: -240px 0;
    background-size: 1280px 400px;
  }
  .cover-bg-papvacs-3 p,
  .cover-bg-papvacs-3 h1,
  .cover-bg-papvacs-3 .h1,
  .cover-bg-papvacs-3 h2,
  .cover-bg-papvacs-3 .h2,
  .cover-bg-papvacs-3 h3,
  .cover-bg-papvacs-3 .h3 {
    padding: 0 0 60px 0 !important;
  }
  .cover-bg-papvacs-4 {
    background-position: -325px 0;
    background-size: 1280px 400px;
  }
  .cover-bg-papvacs-4 p,
  .cover-bg-papvacs-4 h1,
  .cover-bg-papvacs-4 .h1,
  .cover-bg-papvacs-4 h2,
  .cover-bg-papvacs-4 .h2,
  .cover-bg-papvacs-4 h3,
  .cover-bg-papvacs-4 .h3 {
    padding: 0 0 60px 185px !important;
  }
  .cover-bg-papvacs-5 {
    background-color: #60e0e3;
    background-image: url("../images/bg/bg-cover-papvacs-5.jpg");
    background-size: auto 400px;
  }
}
/* main: ../styles.scss*/
.edit-photo-box {
  position: relative;
  min-height: 200px;
  padding: 20px;
  margin-bottom: 30px;
  background: white;
}
.edit-photo-box:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.edit-photo-box .item-thumb {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 200px;
  min-height: 160px;
}
.edit-photo-box .item-thumb a {
  display: block;
  height: 160px;
  background-position: center center;
  background-size: cover;
}
.edit-photo-box .item-content {
  padding-left: 225px;
}
.edit-photo-box .item-tools {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.edit-photo-box .item-tools .tool {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 6px;
  color: white;
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  background: black;
  cursor: pointer;
}
.edit-photo-box .item-tools .tool:hover {
  text-decoration: none;
  background: #2409f1;
}
.edit-photo-box .infos-box:last-child,
.edit-photo-box .alert-box:last-child {
  margin-bottom: 50px;
}

.edit-photo-box .tag-premiere-photo {
  display: none;
}
.edit-photo-box:first-child .tag-premiere-photo {
  display: inline-block;
}

.edit-photo-box-grab:hover {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
}
.edit-photo-box-grab .item-thumb a {
  cursor: grab;
}
.edit-photo-box-grab .item-thumb a:active {
  cursor: grabbing;
}

.box-tabs-steps {
  margin-top: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}
.box-tabs-steps .item {
  display: inline-block;
  padding: 20px 15px;
  color: black;
  font-weight: bold;
  text-align: center;
  border-bottom: 4px solid white;
}
.box-tabs-steps .item:after {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  margin-top: 5px;
  color: #d9d9d9;
  content: "k";
  font-size: 24px;
}
.box-tabs-steps .item:hover {
  text-decoration: none;
}
.box-tabs-steps .item-active {
  border-color: #2409f1;
}
.box-tabs-steps .item-checked {
  color: #33ab9f;
}
.box-tabs-steps .item-checked:after {
  color: #33ab9f;
}
.box-tabs-steps .item-active.item-checked {
  border-color: #33ab9f;
}

.btn-photo-upload {
  position: relative;
  height: 160px;
  text-align: center;
  border: 1px solid #d9d9d9;
}
.btn-photo-upload:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  margin: 48px 0 20px 0;
  color: #2409f1;
  content: "q";
  font-size: 50px;
}
.btn-photo-upload input {
  position: absolute;
  top: 0;
  right: 0;
  height: 160px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}
.btn-photo-upload:hover {
  color: white;
  background: #2409f1;
  border-color: #2409f1;
}
.btn-photo-upload:hover:before {
  color: white;
}

.btn-delete-thumb {
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 100;
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  background: white;
}
.btn-delete-thumb:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  color: #747474;
  content: "L";
  font-size: 18px;
  line-height: 35px;
}
.btn-delete-thumb:hover {
  text-decoration: none;
  background: #fd6b6b;
}
.btn-delete-thumb:hover:before {
  color: white;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .edit-photo-box .item-thumb {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
  }
  .edit-photo-box .item-thumb a {
    height: 220px;
  }
  .edit-photo-box .item-content {
    padding: 220px 0 0 0;
  }
  .edit-photo-box .item-tools {
    position: static;
    margin: 20px 0 0 0;
  }
  .edit-photo-box .infos-box:last-child,
  .edit-photo-box .alert-box:last-child {
    margin-bottom: 20px;
  }
  .box-tabs-steps {
    border-bottom: none;
  }
  .box-tabs-steps .item {
    display: block;
    padding: 10px 20px;
    color: black;
    text-align: left;
    border-bottom: none;
    border-left: 4px solid white;
  }
  .box-tabs-steps .item-active {
    border-color: #2409f1;
  }
  .box-tabs-steps .item-checked {
    color: #33ab9f;
  }
  .box-tabs-steps .item-checked:after {
    color: #33ab9f;
  }
  .box-tabs-steps .item-active.item-checked {
    border-color: #33ab9f;
  }
}
/* main: ../styles.scss*/
.details-item > .item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 30px 0;
  font-size: 1.6em;
}
.details-item > .item-title .item-price {
  display: block;
  font-size: 1.6em;
  line-height: 1.6em;
}
.details-item > .item-title + .row {
  margin-top: -32px !important;
}
.details-item .h4 .dialog-box-handler {
  color: #2409f1;
  font-size: 0.7em;
  text-decoration: underline;
}
.details-item .h4 .dialog-box-handler:hover {
  text-decoration: underline;
}
.details-item .item-mensualite,
.details-item .item-date {
  display: block;
  color: #747474;
  font-size: 0.9em;
}
.details-item .item-mensualite:hover {
  color: #2409f1;
  text-decoration: none;
}
.details-item .no-carousel {
  margin-bottom: 30px;
  text-align: center;
  background: #f5f5f5;
  align-items: center;
  display: flex;
  height: 547px;
}
.details-item .no-carousel img {
  max-height: 547px;
}
.details-item .no-carousel iframe {
  height: 547px !important;
  max-height: 547px !important;
  width: 100%;
}
.details-item .owl-carousel {
  margin-bottom: 5px;
}
.details-item .owl-carousel .owl-stage {
  height: 547px;
}
.details-item .owl-carousel .owl-item {
  align-items: center;
  justify-content: center;
  display: flex;
  height: 547px;
}
.details-item .owl-carousel .owl-item img {
  max-height: 547px;
}
.details-item .owl-carousel .owl-item iframe {
  height: 547px !important;
  max-height: 547px !important;
  width: 100%;
}
.details-item .owl-carousel .owl-prev,
.details-item .owl-carousel .owl-next {
  top: 255px;
}
.details-item .owl-carousel .owl-dots {
  display: none;
}
.details-item .owl-carousel-alt .owl-item {
  display: table;
}
.details-item .owl-thumbs {
  margin-bottom: 30px;
}
.details-item .owl-thumbs:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.details-item .owl-thumbs .owl-thumb-item {
  float: left;
  width: 69px;
  height: 65px;
  margin: 0 5px 5px 0;
  cursor: pointer;
}
.details-item .owl-thumbs .owl-thumb-item:nth-child(1), .details-item .owl-thumbs .owl-thumb-item:nth-child(2), .details-item .owl-thumbs .owl-thumb-item:nth-child(3), .details-item .owl-thumbs .owl-thumb-item:nth-child(4), .details-item .owl-thumbs .owl-thumb-item:nth-child(5), .details-item .owl-thumbs .owl-thumb-item:nth-child(11), .details-item .owl-thumbs .owl-thumb-item:nth-child(12), .details-item .owl-thumbs .owl-thumb-item:nth-child(13), .details-item .owl-thumbs .owl-thumb-item:nth-child(14), .details-item .owl-thumbs .owl-thumb-item:nth-child(15) {
  width: 68px;
}
.details-item .owl-thumbs .owl-thumb-item:nth-child(10), .details-item .owl-thumbs .owl-thumb-item:nth-child(20) {
  margin-right: 0;
}
.details-item .owl-thumbs .owl-thumb-item img {
  height: inherit;
  object-fit: cover;
  object-position: center;
}
.details-item .item-tags {
  display: block;
  margin-bottom: 30px;
}
.details-item .item-tags li {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 1em;
  font-weight: bold;
}
.details-item .item-tags li:after {
  display: inline-block;
  margin: 0 3px 0 5px;
  content: "/";
}
.details-item .item-tags li:last-child:after {
  display: none;
}
.details-item .item-transports {
  margin-bottom: 0;
}
.details-item .item-transports li .label {
  display: inline-block;
  margin-right: 6px;
  color: #747474;
  font-weight: normal;
  vertical-align: top;
}
.details-item .item-transports li .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
}
.details-item .item-transports li .metro-0 {
  background: url("/vendor/brownie/images/icons/transport/metro-0.svg") no-repeat;
}
.details-item .item-transports li .metro-1 {
  background: url("/vendor/brownie/images/icons/transport/metro-1.svg") no-repeat;
}
.details-item .item-transports li .metro-2 {
  background: url("/vendor/brownie/images/icons/transport/metro-2.svg") no-repeat;
}
.details-item .item-transports li .metro-3 {
  background: url("/vendor/brownie/images/icons/transport/metro-3.svg") no-repeat;
}
.details-item .item-transports li .metro-3bis {
  background: url("/vendor/brownie/images/icons/transport/metro-3bis.svg") no-repeat;
}
.details-item .item-transports li .metro-4 {
  background: url("/vendor/brownie/images/icons/transport/metro-4.svg") no-repeat;
}
.details-item .item-transports li .metro-5 {
  background: url("/vendor/brownie/images/icons/transport/metro-5.svg") no-repeat;
}
.details-item .item-transports li .metro-6 {
  background: url("/vendor/brownie/images/icons/transport/metro-6.svg") no-repeat;
}
.details-item .item-transports li .metro-7 {
  background: url("/vendor/brownie/images/icons/transport/metro-7.svg") no-repeat;
}
.details-item .item-transports li .metro-7bis {
  background: url("/vendor/brownie/images/icons/transport/metro-7bis.svg") no-repeat;
}
.details-item .item-transports li .metro-8 {
  background: url("/vendor/brownie/images/icons/transport/metro-8.svg") no-repeat;
}
.details-item .item-transports li .metro-9 {
  background: url("/vendor/brownie/images/icons/transport/metro-9.svg") no-repeat;
}
.details-item .item-transports li .metro-10 {
  background: url("/vendor/brownie/images/icons/transport/metro-10.svg") no-repeat;
}
.details-item .item-transports li .metro-11 {
  background: url("/vendor/brownie/images/icons/transport/metro-11.svg") no-repeat;
}
.details-item .item-transports li .metro-12 {
  background: url("/vendor/brownie/images/icons/transport/metro-12.svg") no-repeat;
}
.details-item .item-transports li .metro-13 {
  background: url("/vendor/brownie/images/icons/transport/metro-13.svg") no-repeat;
}
.details-item .item-transports li .metro-14 {
  background: url("/vendor/brownie/images/icons/transport/metro-14.svg") no-repeat;
}
.details-item .item-transports li .rer-0 {
  background: url("/vendor/brownie/images/icons/transport/rer-0.svg") no-repeat;
}
.details-item .item-transports li .rer-a {
  background: url("/vendor/brownie/images/icons/transport/rer-a.svg") no-repeat;
}
.details-item .item-transports li .rer-b {
  background: url("/vendor/brownie/images/icons/transport/rer-b.svg") no-repeat;
}
.details-item .item-transports li .rer-c {
  background: url("/vendor/brownie/images/icons/transport/rer-c.svg") no-repeat;
}
.details-item .item-transports li .rer-d {
  background: url("/vendor/brownie/images/icons/transport/rer-d.svg") no-repeat;
}
.details-item .item-transports li .rer-e {
  background: url("/vendor/brownie/images/icons/transport/rer-e.svg") no-repeat;
}
.details-item .item-transports li .train-0 {
  background: url("/vendor/brownie/images/icons/transport/train-0.svg") no-repeat;
}
.details-item .item-transports li .train-h {
  background: url("/vendor/brownie/images/icons/transport/train-h.svg") no-repeat;
}
.details-item .item-transports li .train-j {
  background: url("/vendor/brownie/images/icons/transport/train-j.svg") no-repeat;
}
.details-item .item-transports li .train-k {
  background: url("/vendor/brownie/images/icons/transport/train-k.svg") no-repeat;
}
.details-item .item-transports li .train-l {
  background: url("/vendor/brownie/images/icons/transport/train-l.svg") no-repeat;
}
.details-item .item-transports li .train-n {
  background: url("/vendor/brownie/images/icons/transport/train-n.svg") no-repeat;
}
.details-item .item-transports li .train-p {
  background: url("/vendor/brownie/images/icons/transport/train-p.svg") no-repeat;
}
.details-item .item-transports li .train-r {
  background: url("/vendor/brownie/images/icons/transport/train-r.svg") no-repeat;
}
.details-item .item-transports li .train-u {
  background: url("/vendor/brownie/images/icons/transport/train-u.svg") no-repeat;
}
.details-item .item-transports li .tram-0 {
  background: url("/vendor/brownie/images/icons/transport/tram-0.svg") no-repeat;
}
.details-item .item-transports li .tram-1 {
  background: url("/vendor/brownie/images/icons/transport/tram-1.svg") no-repeat;
}
.details-item .item-transports li .tram-2 {
  background: url("/vendor/brownie/images/icons/transport/tram-2.svg") no-repeat;
}
.details-item .item-transports li .tram-3a {
  background: url("/vendor/brownie/images/icons/transport/tram-3a.svg") no-repeat;
}
.details-item .item-transports li .tram-3b {
  background: url("/vendor/brownie/images/icons/transport/tram-3b.svg") no-repeat;
}
.details-item .item-transports li .tram-4 {
  background: url("/vendor/brownie/images/icons/transport/tram-4.svg") no-repeat;
}
.details-item .item-transports li .tram-5 {
  background: url("/vendor/brownie/images/icons/transport/tram-5.svg") no-repeat;
}
.details-item .item-transports li .tram-6 {
  background: url("/vendor/brownie/images/icons/transport/tram-6.svg") no-repeat;
}
.details-item .item-transports li .tram-7 {
  background: url("/vendor/brownie/images/icons/transport/tram-7.svg") no-repeat;
}
.details-item .energy-rank-box {
  padding-left: 70px;
}
.details-item .energy-rank-a {
  background: url("/vendor/brownie/images/icons/energie/energie-class-a.svg") no-repeat;
}
.details-item .energy-rank-b {
  background: url("/vendor/brownie/images/icons/energie/energie-class-b.svg") no-repeat;
}
.details-item .energy-rank-c {
  background: url("/vendor/brownie/images/icons/energie/energie-class-c.svg") no-repeat;
}
.details-item .energy-rank-d {
  background: url("/vendor/brownie/images/icons/energie/energie-class-d.svg") no-repeat;
}
.details-item .energy-rank-e {
  background: url("/vendor/brownie/images/icons/energie/energie-class-e.svg") no-repeat;
}
.details-item .energy-rank-f {
  background: url("/vendor/brownie/images/icons/energie/energie-class-f.svg") no-repeat;
}
.details-item .energy-rank-g {
  background: url("/vendor/brownie/images/icons/energie/energie-class-g.svg") no-repeat;
}
.details-item .btn-telephone .h4:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  color: white;
  content: "A";
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background: #2409f1;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .details-item {
    position: relative;
  }
  .details-item .breadcrumb {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .details-item .no-carousel {
    height: 280px;
  }
  .details-item .no-carousel img {
    max-height: 280px;
  }
  .details-item .no-carousel iframe {
    height: 280px !important;
    max-height: 280px !important;
  }
  .details-item .owl-carousel {
    margin-bottom: 40px;
  }
  .details-item .owl-carousel .owl-stage {
    height: 280px;
  }
  .details-item .owl-carousel .owl-item {
    height: 280px;
  }
  .details-item .owl-carousel .owl-item img {
    max-height: 280px;
  }
  .details-item .owl-carousel .owl-item iframe {
    height: 280px !important;
    max-height: 280px !important;
  }
  .details-item .owl-carousel .owl-dots {
    display: block;
  }
  .details-item .owl-carousel .owl-nav {
    display: none;
  }
}
/* main: ../styles.scss*/
.filter-bar {
  position: relative;
}
.filter-bar + div,
.filter-bar + iframe + div {
  padding-top: 100px;
}
.filter-bar .bar {
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 92px;
  right: 0;
  left: 0;
  z-index: 98;
  background: white;
}
.filter-bar .bar .wrapper:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.filter-bar .bar .item {
  position: relative;
  float: left;
}
.filter-bar .bar .item .item-handler {
  position: relative;
  z-index: 98;
  display: inline-block;
  padding: 17px 30px 17px 15px;
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.filter-bar .bar .item .item-handler p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  margin: 0;
}
.filter-bar .bar .item .item-handler:hover {
  color: #2409f1;
}
.filter-bar .bar .item .item-handler:after {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 15px;
  right: 10px;
  display: inline-block;
  color: #b6b6b6;
  content: "b";
}
.filter-bar .bar .item .item-handler:before {
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: -1px;
  display: block;
  width: 1px;
  content: "";
  background: #d9d9d9;
}
.filter-bar .bar .item:first-child .item-handler:before {
  background: white;
}
.filter-bar .bar .item .item-handler-opened {
  -webkit-box-shadow: 0 1px 0 0 #33ab9f;
  -khtml-box-shadow: 0 1px 0 0 #33ab9f;
  -moz-box-shadow: 0 1px 0 0 #33ab9f;
  -ms-box-shadow: 0 1px 0 0 #33ab9f;
  -o-box-shadow: 0 1px 0 0 #33ab9f;
  box-shadow: 0 1px 0 0 #33ab9f;
  color: white;
  background: #33ab9f;
}
.filter-bar .bar .item .item-handler-opened:hover {
  color: white;
}
.filter-bar .bar .item .item-handler-opened:after {
  color: white;
  content: "e";
}
.filter-bar .bar .item .item-handler-opened:before {
  background: white;
}
.filter-bar .bar .item .item-dropdown {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  z-index: 99;
  padding: 20px;
  background: white;
}
.filter-bar .bar .item .item-dropdown .h4 {
  margin-bottom: 20px;
}
.filter-bar .bar .item .item-dropdown:after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  display: block;
  height: 3px;
  content: "";
  background: #33ab9f;
}
.filter-bar .bar .item:nth-child(n+6) .item-dropdown {
  right: 0;
  left: auto;
}
.filter-bar .bar .item-opened + .item .item-handler:before {
  background: #33ab9f;
}
.filter-bar .overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 97;
  display: block;
  content: "";
  background: rgba(255, 255, 255, 0.8);
}

/* Responsive styles */
@media only screen and (max-width: 1280px) {
  .filter-bar .bar .wrapper {
    position: relative;
  }
  .filter-bar .bar .item {
    position: static;
  }
  .filter-bar .bar .item .item-dropdown {
    right: auto !important;
    left: 20px !important;
    width: calc(100% - 40px) !important;
  }
}
@media only screen and (max-width: 1024px) {
  .filter-bar {
    display: none;
  }
  .filter-bar + div,
  .filter-bar + iframe + div {
    padding-top: 120px;
  }
}
/* main: ../styles.scss*/
.loader {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
}
.loader div {
  transform-origin: 40px 40px;
  animation: loader-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.loader div:after {
  position: absolute;
  display: block;
  width: 7px;
  height: 7px;
  margin: -4px 0 0 -4px;
  content: " ";
  background: #2409f1;
  border-radius: 50%;
}
.loader div:nth-child(1) {
  animation-delay: -0.036s;
}
.loader div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.loader div:nth-child(2) {
  animation-delay: -0.072s;
}
.loader div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.loader div:nth-child(3) {
  animation-delay: -0.108s;
}
.loader div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.loader div:nth-child(4) {
  animation-delay: -0.144s;
}
.loader div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.loader div:nth-child(5) {
  animation-delay: -0.18s;
}
.loader div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.loader div:nth-child(6) {
  animation-delay: -0.216s;
}
.loader div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.loader div:nth-child(7) {
  animation-delay: -0.252s;
}
.loader div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.loader div:nth-child(8) {
  animation-delay: -0.288s;
}
.loader div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes loader-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* main: ../styles.scss*/
.list-searchbar-mobile {
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 62px;
  right: 0;
  left: 0;
  z-index: 2;
  display: none;
  padding: 0 20px 10px 20px;
  background: white;
}
.list-searchbar-mobile .btn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block !important;
  padding-right: 30px;
  margin-bottom: 0;
  color: black;
  background: #f5f5f5;
}
.list-searchbar-mobile .btn .icon {
  color: black;
}
.list-searchbar-mobile .btn h1 {
  display: inline-block;
  margin: 0;
  color: black;
  font-size: 1em;
  font-weight: bold;
}

.grecaptcha-badge {
  margin: 0 auto 20px auto;
}

.iframe-pa-paiement {
  background: url("../images/bg/bg-cb-protect.jpg") no-repeat;
  background-position: top right;
  background-size: 30%;
}

@media only screen and (max-width: 1024px) {
  .list-searchbar-mobile {
    display: block;
  }
  .iframe-pa-paiement {
    padding-top: 100px;
    background-position: top left;
    background-size: 200px;
  }
}
.energy-indice .item-title,
.ges-indice .item-title,
.encadrement-loyers .item-title {
  margin-bottom: 16px;
  color: #747474;
  font-size: 1.2em;
  line-height: 1.2em;
}
.energy-indice .item-title .tooltip,
.ges-indice .item-title .tooltip,
.encadrement-loyers .item-title .tooltip {
  display: inline-block;
  margin: 0 0 5px 5px;
}
.energy-indice .item-title .tooltip:before,
.ges-indice .item-title .tooltip:before,
.encadrement-loyers .item-title .tooltip:before {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  color: white;
  content: "?";
  font-size: 14px !important;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  background: #747474;
  cursor: pointer;
}
.energy-indice ul,
.ges-indice ul,
.encadrement-loyers ul {
  margin: 0;
}
.energy-indice ul:after,
.ges-indice ul:after,
.encadrement-loyers ul:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.energy-indice ul li,
.ges-indice ul li,
.encadrement-loyers ul li {
  display: block;
  float: left;
  padding: 4px 8px;
  margin-top: 6px;
  font-weight: bold;
  text-align: center;
}
.energy-indice ul li.active,
.ges-indice ul li.active,
.encadrement-loyers ul li.active {
  padding: 8px 12px;
  margin-top: 0;
  font-size: 1.4em;
  border: 2px solid white;
}

.energy-indice ul li:nth-child(1) {
  color: white;
  background: #379932;
}
.energy-indice ul li:nth-child(2) {
  color: white;
  background: #3acc31;
}
.energy-indice ul li:nth-child(3) {
  background: #cdfd33;
}
.energy-indice ul li:nth-child(4) {
  background: #fbea49;
}
.energy-indice ul li:nth-child(5) {
  background: #fccc2f;
}
.energy-indice ul li:nth-child(6) {
  color: white;
  background: #fb9c34;
}
.energy-indice ul li:nth-child(7) {
  color: white;
  background: #fa1c1f;
}

.ges-indice ul li:nth-child(1) {
  background: #f6edfe;
}
.ges-indice ul li:nth-child(2) {
  background: #e4c7fb;
}
.ges-indice ul li:nth-child(3) {
  background: #d2adf1;
}
.ges-indice ul li:nth-child(4) {
  background: #c99aef;
}
.ges-indice ul li:nth-child(5) {
  color: white;
  background: #b77ae9;
}
.ges-indice ul li:nth-child(6) {
  color: white;
  background: #a659e9;
}
.ges-indice ul li:nth-child(7) {
  color: white;
  background: #8835d9;
}

.readmore-content {
  overflow: hidden;
  color: initial;
  transition: height 0.5s ease;
}

.readmore-content-clipped {
  color: transparent;
  background: linear-gradient(#000, 95%, #fff);
  -webkit-background-clip: text;
}

.consent-youtube {
  width: 100%; /* Sur Safari, les éléments cachés ont une largeur par défaut de 0 */
}
.consent-youtube a {
  position: relative;
}
.consent-youtube a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  background-image: url("../images/icons/ui/icon-youtube-play.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px;
}
.consent-youtube a:hover:before {
  background-image: url("../images/icons/ui/icon-youtube-play-hover.png");
}

/* main: ../styles.scss*/
.navbar-wrapper {
  background: #f5f5f5;
}
.navbar-wrapper .wrapper {
  position: relative;
}
.navbar-wrapper .wrapper:after {
  position: absolute;
  top: 5px;
  right: 20px;
  width: 60px;
  height: 62px;
  content: "";
  background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, whitesmoke 100%);
}

.navbar {
  padding: 20px 30px 20px 0;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.navbar a {
  display: inline-block;
  margin-right: 30px;
  color: black;
  font-weight: bold;
}
.navbar a:hover {
  color: #2409f1;
  text-decoration: none;
}
.navbar a:not(.btn) {
  line-height: 30px;
}
.navbar .current {
  color: #2409f1;
  border-bottom: 2px solid #2409f1;
}
.navbar .badge {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  vertical-align: top;
  background: #2409f1;
}

.navbar-sticky-active {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  position: fixed;
  top: 92px;
  z-index: 99;
  width: 100%;
  background: #2409f1;
}
.navbar-sticky-active .wrapper:after {
  background: linear-gradient(90deg, rgba(36, 9, 241, 0) 0%, #2409f1 100%);
}
.navbar-sticky-active .navbar a {
  color: white;
}
.navbar-sticky-active .navbar a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-sticky-active .navbar .current {
  color: white;
  border-color: white;
}
.navbar-sticky-active .navbar .badge {
  color: #2409f1;
  background: white;
}
.navbar-sticky-active + * {
  padding-top: 130px !important;
}

.navbar-fixed-wrapper {
  position: fixed;
  top: 92px;
  right: 0;
  left: 0;
  z-index: 98;
  height: 68px;
  overflow-x: hidden;
  overflow-y: hidden;
  background: #2409f1;
}
.navbar-fixed-wrapper .navbar-fixed {
  height: 120px;
  padding: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.navbar-fixed-wrapper a.btn {
  display: inline-block;
  margin-right: 10px;
  color: white;
  background: #3437f9;
}
.navbar-fixed-wrapper a.btn:hover {
  background: #3e55ff;
}
.navbar-fixed-wrapper a.btn.current {
  background: #3e55ff;
}
.navbar-fixed-wrapper .item-arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 98px;
  height: 68px;
  color: white;
  font-size: 32px;
  line-height: 68px;
  text-decoration: none;
}
.navbar-fixed-wrapper .item-arrow:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
}
.navbar-fixed-wrapper .item-left-arrow {
  left: 0;
  padding-left: 5px;
  background: linear-gradient(90deg, #2409f1 50%, rgba(36, 9, 241, 0) 100%);
}
.navbar-fixed-wrapper .item-left-arrow:before {
  content: "c";
}
.navbar-fixed-wrapper .item-right-arrow {
  right: 0;
  padding-right: 5px;
  text-align: right;
  background: linear-gradient(-90deg, #2409f1 50%, rgba(36, 9, 241, 0) 100%);
}
.navbar-fixed-wrapper .item-right-arrow:before {
  content: "d";
}
.navbar-fixed-wrapper .hidden {
  display: none;
}
.navbar-fixed-wrapper + *:not(.map-layout) {
  padding-top: 210px !important;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .navbar-wrapper .wrapper {
    padding: 0;
  }
  .navbar-wrapper .wrapper:after {
    right: 0;
    height: 40px;
  }
  .navbar-wrapper .wrapper .navbar {
    padding: 10px 30px 10px 0;
  }
  .navbar-wrapper .wrapper .navbar a:first-child {
    margin-left: 20px;
  }
  .navbar-sticky-active {
    top: 62px !important;
  }
  .navbar-sticky-active + * {
    padding-top: 90px !important;
  }
  .navbar-fixed-wrapper {
    top: 62px !important;
    height: inherit;
  }
  .navbar-fixed-wrapper .navbar-fixed {
    height: inherit;
    padding: 10px 10px 0 10px;
  }
  .navbar-fixed-wrapper .item-arrows {
    display: none;
  }
  .navbar-fixed-wrapper + *:not(.map-layout) {
    padding-top: 150px !important;
  }
}
/* main: ../styles.scss*/
.pagination {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
}
.pagination li {
  display: inline-block;
  margin: 0 3px;
  font-size: 1.1em;
  font-weight: bold;
  list-style: none;
}
.pagination li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: black;
  text-decoration: none;
  cursor: pointer;
  background: #f5f5f5;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.pagination li a:hover {
  color: #2409f1;
}
.pagination li span.active {
  color: white;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: #2409f1;
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.pagination li.prev,
.pagination li.next {
  margin: 0 20px 0 0;
}
.pagination li.prev a,
.pagination li.next a {
  position: relative;
  padding: 0 20px 0 36px;
  width: inherit;
}
.pagination li.prev a:before,
.pagination li.next a:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  position: absolute;
  top: 0;
  left: 10px;
  width: 16px;
  height: 26px;
  color: black;
  content: "c";
}
.pagination li.prev a:hover:before,
.pagination li.next a:hover:before {
  color: #2409f1;
}
.pagination li.next {
  margin: 0 0 0 20px;
}
.pagination li.next a {
  padding: 0 36px 0 20px;
}
.pagination li.next a:before {
  content: "d";
  left: auto;
  right: 10px;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .pagination li.prev,
  .pagination li.next {
    margin: 0 3px;
  }
  .pagination li.prev a,
  .pagination li.next a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    display: inline-block;
    text-indent: -10000px;
  }
  .pagination li.prev a:before,
  .pagination li.next a:before {
    text-indent: 0px;
    left: 10px;
  }
}
/* main: ../styles.scss*/
.panel-mobile-title {
  display: none;
  margin: 0 30px 25px 0;
  color: black;
  font-family: "Lato", Arial, Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.1em;
}

.panel-mobile-handler {
  display: none;
}

.panel-mobile-handler-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: none;
  width: 30px;
  height: 30px;
  padding: 0;
  text-align: center;
  background: white !important;
}
.panel-mobile-handler-close:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: block;
  color: black;
  content: "f";
  font-size: 26px;
}
.panel-mobile-handler-close:before:hover {
  color: #2409f1;
}
.panel-mobile-handler-close:hover {
  text-decoration: none;
}
.panel-mobile-handler-close:hover:before {
  color: #2409f1;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .panel-mobile-content {
    -webkit-transition: 0.5s 0.1s ease-in-out;
    -khtml-transition: 0.5s 0.1s ease-in-out;
    -moz-transition: 0.5s 0.1s ease-in-out;
    -ms-transition: 0.5s 0.1s ease-in-out;
    -o-transition: 0.5s 0.1s ease-in-out;
    transition: 0.5s 0.1s ease-in-out;
    -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    bottom: -140px;
    left: 0;
    z-index: 101;
    width: 100%;
    height: 0;
    padding: 20px 20px 80px 20px;
    overflow: auto;
    background: white;
  }
  .panel-mobile-content .border-shadow {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -khtml-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .panel-mobile-content .btn[type=submit] {
    -webkit-transition: 0.5s 0.1s ease-in-out;
    -khtml-transition: 0.5s 0.1s ease-in-out;
    -moz-transition: 0.5s 0.1s ease-in-out;
    -ms-transition: 0.5s 0.1s ease-in-out;
    -o-transition: 0.5s 0.1s ease-in-out;
    transition: 0.5s 0.1s ease-in-out;
    position: fixed;
    right: 0;
    bottom: -50px;
    left: 0;
    z-index: 100;
    padding: 11px 20px;
    margin-bottom: 0;
    font-size: 1.4em;
  }
  .panel-mobile-content .btn[value=Rechercher],
  .panel-mobile-content .btn[value=Actualiser] {
    padding-left: 50px;
  }
  .panel-mobile-content-opened {
    bottom: 0;
    height: 100%;
  }
  .panel-mobile-content-opened .btn[type=submit] {
    bottom: 0;
    display: block;
  }
  .panel-mobile-title {
    display: block;
  }
  .panel-mobile-handler {
    display: inline-block;
  }
  .panel-mobile-handler-close {
    display: block;
  }
}
/* main: ../styles.scss*/
.pub iframe {
  width: 100% !important;
}

.pub-300x300,
.pub-300x600 {
  display: block;
  margin-bottom: 30px;
}

.pub-col-1 {
  color: black;
  white-space: normal !important;
}
.pub-col-1 .item-thumb {
  position: relative;
  width: 100%;
  height: 180px;
  text-align: center;
  background: white;
}
.pub-col-1 .item-thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  max-width: 160px;
  max-height: 120px;
  margin: auto;
}
.pub-col-1 .item-thumb + * {
  margin-top: 20px;
}
.pub-col-1 .item-content .item-title {
  display: block;
  margin-bottom: 10px;
  color: black;
  font-weight: bold;
  line-height: 1.3em;
}
.pub-col-1 .item-content .item-title:after {
  display: block;
  width: 15px;
  height: 2px;
  margin-top: 12px;
  content: "";
  background: black;
}
.pub-col-1 .item-content .item-title:hover {
  color: #2409f1;
  text-decoration: none;
}
.pub-col-1 .btn {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -khtml-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -ms-box-shadow: inset 0 0 0 1px black;
  -o-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
  padding: 8px 12px;
  color: black;
  font-size: 0.9em;
  background: transparent;
}
.pub-col-1 .btn .icon {
  color: black;
}
.pub-col-1 .btn:hover {
  -webkit-box-shadow: inset 0 0 0 1px #2409f1;
  -khtml-box-shadow: inset 0 0 0 1px #2409f1;
  -moz-box-shadow: inset 0 0 0 1px #2409f1;
  -ms-box-shadow: inset 0 0 0 1px #2409f1;
  -o-box-shadow: inset 0 0 0 1px #2409f1;
  box-shadow: inset 0 0 0 1px #2409f1;
  color: #2409f1;
  background: transparent;
}
.pub-col-1 .btn:hover .icon {
  color: #2409f1;
}

.pub-col-2,
.pub-col-3 {
  position: relative;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #d9d9d9;
}
.pub-col-2 img[height="1"],
.pub-col-3 img[height="1"] {
  position: absolute;
  bottom: 0;
  left: 0;
}
.pub-col-2 img,
.pub-col-3 img {
  height: inherit !important;
}
.pub-col-2 .item-thumb,
.pub-col-3 .item-thumb {
  position: absolute;
  top: 20px;
  left: 20px;
}
.pub-col-2 .item-content,
.pub-col-3 .item-content {
  margin-left: 90px;
  font-size: 0.9em;
}
.pub-col-2 .item-content .item-title,
.pub-col-3 .item-content .item-title {
  display: block;
  margin-bottom: 10px;
  color: black;
  font-size: 1em;
  font-weight: bold;
}
.pub-col-2 .item-content .item-title:hover,
.pub-col-3 .item-content .item-title:hover {
  color: #2409f1;
  text-decoration: none;
}
.pub-col-2 .btn,
.pub-col-3 .btn {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -khtml-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -ms-box-shadow: inset 0 0 0 1px black;
  -o-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
  padding: 8px 12px;
  color: black;
  font-size: 0.9em;
  text-align: center;
  background: transparent;
}
.pub-col-2 .btn .icon,
.pub-col-3 .btn .icon {
  color: black;
}
.pub-col-2 .btn:hover,
.pub-col-3 .btn:hover {
  -webkit-box-shadow: inset 0 0 0 1px #2409f1;
  -khtml-box-shadow: inset 0 0 0 1px #2409f1;
  -moz-box-shadow: inset 0 0 0 1px #2409f1;
  -ms-box-shadow: inset 0 0 0 1px #2409f1;
  -o-box-shadow: inset 0 0 0 1px #2409f1;
  box-shadow: inset 0 0 0 1px #2409f1;
  color: #2409f1;
  background: transparent;
}
.pub-col-2 .btn:hover .icon,
.pub-col-3 .btn:hover .icon {
  color: #2409f1;
}

.pub-col-2 .btn {
  margin-left: 90px;
}

.pub-col-3 .item-content {
  min-height: 70px;
  margin-right: 210px;
  font-size: 0.9em;
}
.pub-col-3 .item-content p {
  margin-bottom: 0;
}
.pub-col-3 .item-content p br {
  display: none;
}
.pub-col-3 .btn {
  position: absolute;
  top: 20px;
  right: 20px;
}

.pub-btn {
  margin-bottom: 35px;
}
.pub-btn .btn {
  position: relative;
  width: 100%;
  padding: 9px 15px;
  margin: 0;
  color: #2409f1;
  background: white;
  border: 1px solid #2409f1;
}
.pub-btn .btn:after {
  position: absolute;
  right: 0;
  bottom: -24px;
  color: #747474;
  content: "Publicité";
  font-size: 0.7em;
  font-weight: normal;
}
.pub-btn .btn .icon {
  position: absolute;
  top: 16px;
  right: 0;
  color: #2409f1;
}
.pub-btn .btn:hover {
  color: white;
  background: #2409f1;
}
.pub-btn .btn:hover .icon {
  color: white;
}

.pub-credit {
  position: relative;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #d9d9d9;
}
.pub-credit img {
  height: inherit !important;
}
.pub-credit a:hover {
  text-decoration: none;
}
.pub-credit h3 {
  margin-bottom: 20px;
  font-size: 1.6em;
}
.pub-credit h3:hover {
  color: #2409f1;
}
.pub-credit .btn {
  -webkit-box-shadow: inset 0 0 0 1px black;
  -khtml-box-shadow: inset 0 0 0 1px black;
  -moz-box-shadow: inset 0 0 0 1px black;
  -ms-box-shadow: inset 0 0 0 1px black;
  -o-box-shadow: inset 0 0 0 1px black;
  box-shadow: inset 0 0 0 1px black;
  padding: 8px 12px;
  color: black;
  font-size: 0.9em;
  text-align: center;
  background: transparent;
}
.pub-credit .btn:hover {
  -webkit-box-shadow: inset 0 0 0 1px #2409f1;
  -khtml-box-shadow: inset 0 0 0 1px #2409f1;
  -moz-box-shadow: inset 0 0 0 1px #2409f1;
  -ms-box-shadow: inset 0 0 0 1px #2409f1;
  -o-box-shadow: inset 0 0 0 1px #2409f1;
  box-shadow: inset 0 0 0 1px #2409f1;
  color: #2409f1;
  background: transparent;
}
.pub-credit .btn:hover .icon {
  color: #2409f1;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .pub-col-3:after {
    display: block;
    height: 0;
    clear: both;
    content: ".";
    line-height: 0;
    visibility: hidden;
  }
  .pub-col-3 .item-content {
    margin-right: 0;
  }
  .pub-col-3 .item-content p {
    margin-bottom: 25px;
  }
  .pub-col-3 .btn {
    position: inherit;
    top: auto;
    right: auto;
    float: right;
    width: auto !important;
    margin-bottom: 0 !important;
  }
}
/* main: ../styles.scss*/
.rating-star a {
  color: #747474;
  text-decoration: none;
}
.rating-star span {
  color: #747474;
}
.rating-star .active:before,
.rating-star .inactive:before {
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  display: inline-block;
  margin-left: -4px;
  color: #ff7319;
  font-size: 24px;
  vertical-align: bottom;
}
.rating-star .active:before {
  content: "R";
}
.rating-star .inactive:before {
  content: "H";
}

.rating-star-small {
  font-size: 0.8em;
}
.rating-star-small .active:before,
.rating-star-small .inactive:before {
  font-size: 18px;
}

/* main: ../styles.scss*/
.search-list-item, .search-list-item-alt {
  position: relative;
  min-height: 292px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  background: white;
  border-bottom: 1px solid #d9d9d9;
}
.search-list-item:after, .search-list-item-alt:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.search-list-item .col-left, .search-list-item-alt .col-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  min-height: 280px;
}
.search-list-item .col-right, .search-list-item-alt .col-right {
  padding-left: 310px;
}
.search-list-item .item-thumb, .search-list-item-alt .item-thumb {
  display: block;
  height: 220px;
  margin-bottom: 20px;
}
.search-list-item .item-thumb img, .search-list-item-alt .item-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
}
.search-list-item .item-thumb-visite-virtuelle:after, .search-list-item-alt .item-thumb-visite-virtuelle:after,
.search-list-item .item-thumb-dc:after,
.search-list-item-alt .item-thumb-dc:after {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  top: 6px;
  left: 6px;
  padding: 4px 8px;
  margin: 0;
  color: white;
  font-size: 0.8em;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5);
}
.search-list-item .item-thumb-visite-virtuelle:after, .search-list-item-alt .item-thumb-visite-virtuelle:after {
  content: "Visite virtuelle";
}
.search-list-item .item-thumb-dc:after, .search-list-item-alt .item-thumb-dc:after {
  content: "Demeures de Charme";
}
.search-list-item .item-tag, .search-list-item-alt .item-tag {
  position: absolute;
  top: -10px;
  left: 6px;
  z-index: 1;
}
.search-list-item .item-tag span, .search-list-item-alt .item-tag span {
  display: inline-block;
  padding: 2px 8px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  background: #2409f1;
}
.search-list-item .btn-add-favorite, .search-list-item-alt .btn-add-favorite,
.search-list-item .item-photo-count,
.search-list-item-alt .item-photo-count {
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
  vertical-align: middle;
}
.search-list-item .btn-add-favorite .icon, .search-list-item-alt .btn-add-favorite .icon,
.search-list-item .item-photo-count .icon,
.search-list-item-alt .item-photo-count .icon {
  display: inline-block;
}
.search-list-item .btn-add-favorite, .search-list-item-alt .btn-add-favorite {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  background: #2409f1;
}
.search-list-item .btn-add-favorite .icon, .search-list-item-alt .btn-add-favorite .icon {
  color: white;
  font-size: 24px;
  vertical-align: sub;
}
.search-list-item .btn-add-favorite-active, .search-list-item-alt .btn-add-favorite-active {
  background: #ffc11a !important;
}
.search-list-item .item-photo-count .icon, .search-list-item-alt .item-photo-count .icon {
  margin: -4px 5px 0 0;
  vertical-align: middle;
}
.search-list-item .item-title, .search-list-item-alt .item-title {
  color: black;
  text-decoration: none;
}
.search-list-item .item-title .h1, .search-list-item-alt .item-title .h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 6px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
}
.search-list-item .item-title .item-tags, .search-list-item-alt .item-title .item-tags {
  margin-bottom: 0;
}
.search-list-item .item-title .item-tags li, .search-list-item-alt .item-title .item-tags li {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 1em;
  font-weight: bold;
}
.search-list-item .item-title .item-tags li:after, .search-list-item-alt .item-title .item-tags li:after {
  display: inline-block;
  margin: 0 3px 0 5px;
  content: "/";
}
.search-list-item .item-title .item-tags li:last-child:after, .search-list-item-alt .item-title .item-tags li:last-child:after {
  display: none;
}
.search-list-item .item-title .item-price, .search-list-item-alt .item-title .item-price {
  margin-bottom: 4px;
  font-size: 1.6em;
  font-weight: bold;
}
.search-list-item hr, .search-list-item-alt hr {
  margin: 15px 0;
}
.search-list-item .item-mensualite, .search-list-item-alt .item-mensualite {
  padding-left: 5px;
  color: #747474;
  font-size: 0.9em;
}
.search-list-item .item-mensualite:hover, .search-list-item-alt .item-mensualite:hover {
  color: #2409f1;
  text-decoration: none;
}
.search-list-item .item-ref, .search-list-item-alt .item-ref {
  margin-bottom: 0;
  color: #747474;
  font-size: 0.9em;
}
.search-list-item .item-description, .search-list-item-alt .item-description,
.search-list-item .item-transports,
.search-list-item-alt .item-transports {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin-bottom: 15px;
  color: #747474;
}
.search-list-item .item-description, .search-list-item-alt .item-description {
  display: block;
}
.search-list-item .item-transports, .search-list-item-alt .item-transports {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-list-item .item-transports:before, .search-list-item-alt .item-transports:before {
  display: inline-block;
  width: 78px;
  height: 21px;
  margin-right: 10px;
  content: "";
  vertical-align: top;
  background: url("../images/icons/transport/metro-rer-tram.svg") no-repeat;
}
.search-list-item:hover .item-description, .search-list-item-alt:hover .item-description,
.search-list-item:hover .item-transports,
.search-list-item-alt:hover .item-transports {
  color: black;
}

.search-list-item-alt {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -khtml-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  min-height: 462px;
  padding-bottom: 0;
  margin-bottom: 40px;
  border-bottom: none;
}
.search-list-item-alt .owl-carousel .owl-stage,
.search-list-item-alt .owl-carousel .owl-item,
.search-list-item-alt .owl-carousel .img-liquid {
  height: 250px;
}
.search-list-item-alt .owl-carousel .item-thumb-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100% !important;
}
.search-list-item-alt .owl-carousel .owl-dots {
  position: absolute;
  top: 210px;
  left: calc(50% - 50px);
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
}
.search-list-item-alt .owl-carousel .owl-dots .owl-dot {
  -webkit-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  width: 20px;
}
.search-list-item-alt .owl-carousel .owl-dots .owl-dot span {
  background: rgba(255, 255, 255, 0.7);
}
.search-list-item-alt .owl-carousel .owl-dots .owl-dot.active span,
.search-list-item-alt .owl-carousel .owl-dots .owl-dot:hover span {
  background: white;
}
.search-list-item-alt .owl-carousel .owl-dots-active-4 .owl-dot {
  transform: translateX(-20px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-5 .owl-dot {
  transform: translateX(-40px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-6 .owl-dot {
  transform: translateX(-60px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-7 .owl-dot {
  transform: translateX(-80px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-8 .owl-dot {
  transform: translateX(-100px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-9 .owl-dot {
  transform: translateX(-120px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-10 .owl-dot {
  transform: translateX(-140px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-11 .owl-dot {
  transform: translateX(-160px);
}
.search-list-item-alt .owl-carousel .owl-dots-active-12 .owl-dot {
  transform: translateX(-180px);
}
.search-list-item-alt .owl-carousel .owl-dots-count-4.owl-dots-active-4 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-5.owl-dots-active-4 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-5.owl-dots-active-5 .owl-dot {
  transform: translateX(0);
}
.search-list-item-alt .owl-carousel .owl-dots-count-6.owl-dots-active-5 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-6.owl-dots-active-6 .owl-dot {
  transform: translateX(-20px) !important;
}
.search-list-item-alt .owl-carousel .owl-dots-count-7.owl-dots-active-5 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-7.owl-dots-active-6 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-7.owl-dots-active-7 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-8.owl-dots-active-5 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-9.owl-dots-active-5 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-10.owl-dots-active-5 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-5 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-5 .owl-dot {
  transform: translateX(-40px) !important;
}
.search-list-item-alt .owl-carousel .owl-dots-count-8.owl-dots-active-6 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-8.owl-dots-active-7 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-8.owl-dots-active-8 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-9.owl-dots-active-6 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-10.owl-dots-active-6 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-6 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-6 .owl-dot {
  transform: translateX(-60px) !important;
}
.search-list-item-alt .owl-carousel .owl-dots-count-9.owl-dots-active-7 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-9.owl-dots-active-8 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-9.owl-dots-active-9 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-10.owl-dots-active-7 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-7 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-7 .owl-dot {
  transform: translateX(-80px) !important;
}
.search-list-item-alt .owl-carousel .owl-dots-count-10.owl-dots-active-8 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-10.owl-dots-active-9 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-10.owl-dots-active-10 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-8 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-8 .owl-dot {
  transform: translateX(-100px) !important;
}
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-9 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-10 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-11.owl-dots-active-11 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-9 .owl-dot {
  transform: translateX(-120px) !important;
}
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-10 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-11 .owl-dot,
.search-list-item-alt .owl-carousel .owl-dots-count-12.owl-dots-active-12 .owl-dot {
  transform: translateX(-140px) !important;
}
.search-list-item-alt .owl-carousel .owl-prev,
.search-list-item-alt .owl-carousel .owl-next {
  top: 110px;
  width: 40px;
  height: 40px;
}
.search-list-item-alt .owl-carousel .owl-prev:before,
.search-list-item-alt .owl-carousel .owl-next:before {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 40px;
  height: 40px;
  padding-top: 0;
  color: white;
  font-size: 40px;
  background: transparent;
  opacity: 0;
}
.search-list-item-alt .owl-carousel .owl-prev {
  left: 0;
}
.search-list-item-alt .owl-carousel .owl-next {
  right: 0;
}
.search-list-item-alt .item-thumb {
  display: block;
  height: 250px;
  margin-bottom: 0;
}
.search-list-item-alt .item-thumb img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center;
}
.search-list-item-alt .item-thumb-visite-virtuelle:after {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-family: "brownie-icon-set" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  left: 0;
  height: 250px;
  padding: 0;
  color: white;
  content: "5";
  font-size: 4em;
  line-height: 250px;
  text-align: center;
  background: transparent;
}
.search-list-item-alt .item-tag {
  position: absolute;
  top: -10px;
  right: 6px;
  left: auto;
  z-index: 1;
}
.search-list-item-alt .item-tag span {
  display: inline-block;
  padding: 2px 8px;
  color: white;
  font-size: 0.9em;
  font-weight: bold;
  background: #2409f1;
}
.search-list-item-alt .item-tag-alt {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 270px;
  right: 15px;
  z-index: 1;
  width: 33px;
  height: 33px;
  line-height: 35px;
  text-align: center;
  background: #f5f5f5;
}
.search-list-item-alt .item-tag-alt .icon {
  color: #8bc34a;
  font-size: 24px;
  vertical-align: sub;
}
.search-list-item-alt .btn-add-favorite {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 1;
  width: 38px;
  height: 38px;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.3);
}
.search-list-item-alt .btn-add-favorite .icon {
  font-size: 26px;
  vertical-align: inherit;
}
.search-list-item-alt .item-body {
  padding: 20px 15px;
}
.search-list-item-alt .item-title .h1 {
  font-size: 1em;
}
.search-list-item-alt .item-title .item-price {
  font-size: 1.3em;
}
.search-list-item-alt .item-mensualite {
  font-size: 0.85em;
}
.search-list-item-alt .item-description {
  display: -webkit-box;
  margin: 16px 0 0 0;
  overflow: hidden;
  font-size: 0.85em;
  line-height: 1.4em;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.search-list-item-alt:hover {
  -webkit-transition: all 0.1s ease-in-out;
  -khtml-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  -khtml-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.search-list-item-alt:hover .owl-carousel .owl-prev:before,
.search-list-item-alt:hover .owl-carousel .owl-next:before {
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  .search-list-item, .search-list-item-alt {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 0;
    border: 0;
  }
  .search-list-item .item-mensualite, .search-list-item-alt .item-mensualite,
  .search-list-item .btn,
  .search-list-item-alt .btn,
  .search-list-item hr,
  .search-list-item-alt hr {
    display: none;
  }
  .search-list-item .col-left, .search-list-item-alt .col-left {
    position: inherit;
    width: 100%;
    min-height: 220px;
  }
  .search-list-item .col-right, .search-list-item-alt .col-right {
    padding: 0 20px;
  }
  .search-list-item .item-thumb, .search-list-item-alt .item-thumb {
    height: 250px;
  }
  .search-list-item .item-thumb img, .search-list-item-alt .item-thumb img {
    height: 250px;
  }
  .search-list-item .item-thumb-visite-virtuelle:after, .search-list-item-alt .item-thumb-visite-virtuelle:after,
  .search-list-item .item-thumb-dc:after,
  .search-list-item-alt .item-thumb-dc:after {
    right: 6px;
    left: auto;
  }
  .search-list-item .item-tag, .search-list-item-alt .item-tag {
    right: 6px;
    left: auto;
  }
  .search-list-item .item-photo-count, .search-list-item-alt .item-photo-count {
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    top: 214px;
    right: 6px;
    padding: 4px 8px;
    margin: 0;
    color: white;
    font-size: 0.8em;
    background: rgba(0, 0, 0, 0.5);
  }
  .search-list-item .item-photo-count .icon, .search-list-item-alt .item-photo-count .icon {
    display: none;
  }
  .search-list-item .btn-add-favorite, .search-list-item-alt .btn-add-favorite {
    position: absolute;
    top: 10px;
    left: 8px;
    width: 38px;
    height: 38px;
    line-height: 36px;
  }
  .search-list-item .btn-add-favorite .icon, .search-list-item-alt .btn-add-favorite .icon {
    font-size: 26px;
    vertical-align: inherit;
  }
  .search-list-item .item-title, .search-list-item-alt .item-title,
  .search-list-item .item-description,
  .search-list-item-alt .item-description {
    display: block;
    margin-bottom: 15px;
  }
  .search-list-item .item-description, .search-list-item-alt .item-description,
  .search-list-item .item-transports,
  .search-list-item-alt .item-transports {
    color: black;
  }
  .search-list-item .item-description, .search-list-item-alt .item-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .search-list-item-alt {
    min-height: 442px;
    margin-bottom: 20px;
  }
  .search-list-item-alt .item-thumb-visite-virtuelle:after {
    right: 0;
    left: 0;
  }
  .search-list-item-alt .item-description {
    display: -webkit-box;
    margin-bottom: 0;
    white-space: normal;
  }
}
/* main: ../styles.scss*/
.sidenav {
  border-right: 1px solid #f5f5f5;
}
.sidenav .h4 {
  padding: 0 20px 10px 24px;
  margin-bottom: 0;
}
.sidenav div > a {
  display: block;
  padding: 14px 20px;
  color: black;
  border-left: 4px solid transparent;
}
.sidenav div > a:hover {
  text-decoration: none;
  background: white;
  border-left: 4px solid #33ab9f;
}
.sidenav div > a .icon {
  display: none;
  margin-right: 5px;
  font-size: inherit;
  vertical-align: middle;
}
.sidenav div > a .badge {
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  vertical-align: top;
  background: #2409f1;
}
.sidenav div > a.current {
  background: white;
  border-left: 4px solid #33ab9f;
}
.sidenav .opened {
  background: white;
  border-bottom: 1px solid #f5f5f5;
  border-left: 4px solid #33ab9f;
}
.sidenav .opened > a {
  padding-left: 20px;
  color: #33ab9f;
  font-weight: bold;
  border-left: none;
}
.sidenav .opened > a:hover {
  border-left: none;
}
.sidenav .opened ul {
  padding-bottom: 10px;
  margin-bottom: 0;
}
.sidenav .opened ul li a {
  display: inline-block;
  padding: 5px 20px 5px 30px;
  color: black;
  font-size: 0.9em;
  font-weight: normal;
}
.sidenav .opened ul li a:hover {
  color: #33ab9f;
  font-weight: bold;
  text-decoration: none;
}

.sidenav-2 {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #d9d9d9;
}
.sidenav-2 .h4 {
  padding-left: 20px;
}
.sidenav-2 div > a {
  padding: 10px 20px;
  border-left: 0;
}
.sidenav-2 div > a:hover {
  border-left: 0;
}
.sidenav-2 div > a.current {
  color: #33ab9f;
  font-weight: bold;
  background: white;
  border-left: 0;
}

/* main: ../styles.scss*/
.step-by-step .item h1,
.step-by-step .item .h1,
.step-by-step .item h2,
.step-by-step .item .h2,
.step-by-step .item h3,
.step-by-step .item .h3,
.step-by-step .item h4,
.step-by-step .item .h4,
.step-by-step .item h5,
.step-by-step .item .h5 {
  margin-bottom: 20px;
}
.step-by-step .item:nth-child(even) {
  position: relative;
  margin: 80px 0 80px 140px;
}
.step-by-step .item:nth-child(even):before, .step-by-step .item:nth-child(even):after {
  position: absolute;
  top: -40px;
  left: -100px;
  display: block;
  width: 62px;
  height: 70px;
  content: "";
  background-image: url("../images/components/component-step-by-step-arrow.png");
  background-size: 62px 70px;
}
.step-by-step .item:nth-child(even):after {
  top: auto;
  bottom: -40px;
  transform: rotate(88deg);
}
.step-by-step .item:last-child {
  margin-bottom: 0;
}
.step-by-step .item:last-child:nth-child(even) {
  margin-bottom: 0;
}
.step-by-step .item:last-child:nth-child(even):after {
  display: none;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .step-by-step .item:nth-child(even) {
    margin-left: 0;
  }
  .step-by-step .item:nth-child(even):before, .step-by-step .item:nth-child(even):after {
    display: none;
  }
}
/* main: ../styles.scss*/
.sticky-active {
  position: fixed;
  top: 122px;
  z-index: 100;
  min-width: 300px;
  margin-top: 0 !important;
}

.sticky-bottom-active {
  position: fixed;
  right: 0;
  bottom: 20px;
  left: 0;
  z-index: 99;
  text-align: center;
}
.sticky-bottom-active .btn {
  -webkit-border-radius: 50px;
  -khtml-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}

/* Responsive styles */
@media only screen and (max-width: 1024px) {
  .sticky-bottom {
    position: fixed;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 99;
    text-align: center;
  }
  .sticky-bottom .btn {
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 0;
  }
}
/* main: ../styles.scss*/
.table-price {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  display: block;
  color: black;
  background: white;
}
.table-price:hover {
  color: black;
  text-decoration: none;
}
.table-price .table-price-body {
  padding: 70px 20px 20px 20px;
}
.table-price .table-price-footer {
  padding: 8px;
}
.table-price .item-tag {
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 2px 8px;
  color: black;
  font-weight: bold;
  text-transform: uppercase;
  background: #ffc11a;
}
.table-price .item-number {
  margin-bottom: 45px;
  font-size: 3.8em;
  font-weight: bold;
}
.table-price .item-title {
  min-height: 70px;
  margin-bottom: 20px;
  color: black;
  font-size: 1.9em;
  font-weight: bold;
  line-height: 1em;
}
.table-price .item-price {
  padding-top: 10px;
  margin-bottom: 40px;
  font-size: 2.8em;
  font-weight: bold;
}
.table-price .item-price sup {
  font-size: 0.6em;
  font-weight: bold;
}
.table-price .item-price small {
  display: block;
  padding-top: 8px;
  font-size: 0.45em;
  font-weight: bold;
}
.table-price .h4,
.table-price hr {
  margin: 15px 0;
}
.table-price .btn {
  width: 100%;
}
.table-price .accordion-box .ui-accordion-content {
  font-size: 0.9em;
}
.table-price .accordion-box .icon {
  color: inherit;
}

/* main: ../styles.scss*/
.testimonial {
  padding: 60px 0;
  background-repeat: none;
  background-position: center center;
  background-size: cover;
}
.testimonial .item-body {
  position: relative;
  padding: 40px 20px 20px 55px;
  margin-right: 80px;
  background: rgba(255, 255, 255, 0.9);
}
.testimonial .item-body .h4 {
  width: 50%;
}
.testimonial .item-body:before {
  position: absolute;
  top: 100px;
  left: 10px;
  content: "“";
  font-size: 240px;
  font-weight: bold;
  opacity: 0.2;
}

.testimonial-alt {
  position: relative;
  min-height: 500px;
  margin-bottom: 30px;
  text-align: right;
}
.testimonial-alt:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  line-height: 0;
  visibility: hidden;
}
.testimonial-alt .item-body {
  -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -khtml-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  -o-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 40%;
  padding: 60px 35px 60px 55px;
  margin: 45px 25px 25px 0;
  text-align: left;
  background: white;
}
.testimonial-alt .item-body::before {
  position: absolute;
  top: 110px;
  left: 10px;
  content: "“";
  font-size: 240px;
  opacity: 0.05;
}
.testimonial-alt .item-body p:last-child {
  margin-bottom: 0;
}
.testimonial-alt .item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
}
.testimonial-alt .item-image .img-liquid {
  height: 500px;
}
.testimonial-alt .item-image .item-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 0 10px 20px;
  text-align: left;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

@media only screen and (max-width: 1024px) {
  .testimonial .item-body {
    margin-right: 0;
  }
  .testimonial-alt {
    min-height: 500px;
    text-align: left;
  }
  .testimonial-alt .item-body {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: auto;
    padding: 40px 30px 30px 35px;
    margin: 25px;
    text-align: left;
    background: white;
  }
  .testimonial-alt .item-body::before {
    position: absolute;
    top: 70px;
    left: 10px;
    content: "“";
    font-size: 160px;
    opacity: 0.05;
  }
  .testimonial-alt .item-body p:last-child {
    margin-bottom: 0;
  }
  .testimonial-alt .item-image {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
  }
  .testimonial-alt .item-image .img-liquid {
    height: 350px;
  }
  .testimonial-alt .item-image .item-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 10px 20px;
    text-align: left;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  }
}