@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* Override some variables and utilities */
/* ex: Basic pages content */
/*1600px;*/
/*UPD EVOL DOGA 20180716 $font-size-richtext:0.85rem; // Custom */
/*UPD EVOL DOGA 20180716 $font-size-content-body: 0.60rem; */
/*UPD EVOL DOGA 20180716 $font-size-content-title: 1rem;*/
/*UPD EVOL DOGA 20180716 $btn-font-size: 0.65rem;*/
/*UPD EVOL DOGA 20180716 $carousel-slide-text-font-size: 0.88rem; */
.d-initial {
  display: initial;
}

.opacity-100 {
  opacity: 1 !important;
}

.bg-dark {
  color: #fff;
}
.bg-dark .blockquote-display-2 {
  color: #e2e2e4;
}

.bg-odd, .content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics, .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics:nth-child(2n), .content.content-display-6 .content-body .caracteristic_lines .caracteristics:nth-child(4n), .content.content-display-6 .content-body .caracteristic_lines .caracteristics:nth-child(4n-1) {
  background-color: #090B39;
}

.bg-even, .content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics .single-attribute:nth-child(2n), .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics, .content.content-display-6 .content-body .caracteristic_lines .caracteristics {
  background-color: #222457;
}

@media (min-width: 576px) {
  .fullscreen-desktop {
    height: 100%;
    width: 100%;
  }
  .fullscreen-desktop.fullscreen-stretch {
    padding-top: 15%;
    margin-top: -3%;
  }
}
@media (max-width: 639px) {
  .fullscreen-desktop .block {
    margin-top: 30%;
  }
  .fullscreen-desktop {
    padding-bottom: 30%;
  }
  .fullscreen-desktop.fullscreen-stretch .block {
    margin-top: 80%;
  }
  .fullscreen-desktop.fullscreen-stretch {
    margin-top: 45%;
  }
}
.background-image-none {
  background-image: none !important;
}

.fb-0 {
  flex-basis: 0% !important;
}

.fb-1 {
  flex-basis: 1% !important;
}

.fb-2 {
  flex-basis: 2% !important;
}

.fb-3 {
  flex-basis: 3% !important;
}

.fb-4 {
  flex-basis: 4% !important;
}

.fb-5 {
  flex-basis: 5% !important;
}

.fb-6 {
  flex-basis: 6% !important;
}

.fb-7 {
  flex-basis: 7% !important;
}

.fb-8 {
  flex-basis: 8% !important;
}

.fb-9 {
  flex-basis: 9% !important;
}

.fb-10 {
  flex-basis: 10% !important;
}

.fb-11 {
  flex-basis: 11% !important;
}

.fb-12 {
  flex-basis: 12% !important;
}

.fb-13 {
  flex-basis: 13% !important;
}

.fb-14 {
  flex-basis: 14% !important;
}

.fb-15 {
  flex-basis: 15% !important;
}

.fb-16 {
  flex-basis: 16% !important;
}

.fb-17 {
  flex-basis: 17% !important;
}

.fb-18 {
  flex-basis: 18% !important;
}

.fb-19 {
  flex-basis: 19% !important;
}

.fb-20 {
  flex-basis: 20% !important;
}

.fb-21 {
  flex-basis: 21% !important;
}

.fb-22 {
  flex-basis: 22% !important;
}

.fb-23 {
  flex-basis: 23% !important;
}

.fb-24 {
  flex-basis: 24% !important;
}

.fb-25 {
  flex-basis: 25% !important;
}

.fb-26 {
  flex-basis: 26% !important;
}

.fb-27 {
  flex-basis: 27% !important;
}

.fb-28 {
  flex-basis: 28% !important;
}

.fb-29 {
  flex-basis: 29% !important;
}

.fb-30 {
  flex-basis: 30% !important;
}

.fb-31 {
  flex-basis: 31% !important;
}

.fb-32 {
  flex-basis: 32% !important;
}

.fb-33 {
  flex-basis: 33% !important;
}

.fb-34 {
  flex-basis: 34% !important;
}

.fb-35 {
  flex-basis: 35% !important;
}

.fb-36 {
  flex-basis: 36% !important;
}

.fb-37 {
  flex-basis: 37% !important;
}

.fb-38 {
  flex-basis: 38% !important;
}

.fb-39 {
  flex-basis: 39% !important;
}

.fb-40 {
  flex-basis: 40% !important;
}

.fb-41 {
  flex-basis: 41% !important;
}

.fb-42 {
  flex-basis: 42% !important;
}

.fb-43 {
  flex-basis: 43% !important;
}

.fb-44 {
  flex-basis: 44% !important;
}

.fb-45 {
  flex-basis: 45% !important;
}

.fb-46 {
  flex-basis: 46% !important;
}

.fb-47 {
  flex-basis: 47% !important;
}

.fb-48 {
  flex-basis: 48% !important;
}

.fb-49 {
  flex-basis: 49% !important;
}

.fb-50 {
  flex-basis: 50% !important;
}

.fb-51 {
  flex-basis: 51% !important;
}

.fb-52 {
  flex-basis: 52% !important;
}

.fb-53 {
  flex-basis: 53% !important;
}

.fb-54 {
  flex-basis: 54% !important;
}

.fb-55 {
  flex-basis: 55% !important;
}

.fb-56 {
  flex-basis: 56% !important;
}

.fb-57 {
  flex-basis: 57% !important;
}

.fb-58 {
  flex-basis: 58% !important;
}

.fb-59 {
  flex-basis: 59% !important;
}

.fb-60 {
  flex-basis: 60% !important;
}

.fb-61 {
  flex-basis: 61% !important;
}

.fb-62 {
  flex-basis: 62% !important;
}

.fb-63 {
  flex-basis: 63% !important;
}

.fb-64 {
  flex-basis: 64% !important;
}

.fb-65 {
  flex-basis: 65% !important;
}

.fb-66 {
  flex-basis: 66% !important;
}

.fb-67 {
  flex-basis: 67% !important;
}

.fb-68 {
  flex-basis: 68% !important;
}

.fb-69 {
  flex-basis: 69% !important;
}

.fb-70 {
  flex-basis: 70% !important;
}

.fb-71 {
  flex-basis: 71% !important;
}

.fb-72 {
  flex-basis: 72% !important;
}

.fb-73 {
  flex-basis: 73% !important;
}

.fb-74 {
  flex-basis: 74% !important;
}

.fb-75 {
  flex-basis: 75% !important;
}

.fb-76 {
  flex-basis: 76% !important;
}

.fb-77 {
  flex-basis: 77% !important;
}

.fb-78 {
  flex-basis: 78% !important;
}

.fb-79 {
  flex-basis: 79% !important;
}

.fb-80 {
  flex-basis: 80% !important;
}

.fb-81 {
  flex-basis: 81% !important;
}

.fb-82 {
  flex-basis: 82% !important;
}

.fb-83 {
  flex-basis: 83% !important;
}

.fb-84 {
  flex-basis: 84% !important;
}

.fb-85 {
  flex-basis: 85% !important;
}

.fb-86 {
  flex-basis: 86% !important;
}

.fb-87 {
  flex-basis: 87% !important;
}

.fb-88 {
  flex-basis: 88% !important;
}

.fb-89 {
  flex-basis: 89% !important;
}

.fb-90 {
  flex-basis: 90% !important;
}

.fb-91 {
  flex-basis: 91% !important;
}

.fb-92 {
  flex-basis: 92% !important;
}

.fb-93 {
  flex-basis: 93% !important;
}

.fb-94 {
  flex-basis: 94% !important;
}

.fb-95 {
  flex-basis: 95% !important;
}

.fb-96 {
  flex-basis: 96% !important;
}

.fb-97 {
  flex-basis: 97% !important;
}

.fb-98 {
  flex-basis: 98% !important;
}

.fb-99 {
  flex-basis: 99% !important;
}

.fb-100 {
  flex-basis: 100% !important;
}

/**
 * DOGA Theme
 */
.addtoany_list > a {
  display: block;
  font-size: 16px;
  padding: 0.1rem 0;
}

.navbar-addtoany.navbar.nav-socials > a {
  display: block;
  font-size: 16px;
  padding: 0.1rem 0;
}

.navbar-addtoany.navbar.nav-socials {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 2rem 0px #cccccc;
  border-radius: 0.3rem;
  width: 2rem;
  transition: opacity 0.5s;
  opacity: 0;
}

.navbar-addtoany.navbar.nav-socials:before {
  content: "\a";
  border-style: solid;
  border-width: 0.4rem 0.5rem 0.3rem 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  left: -0.4rem;
  top: 1.3rem;
}

.block-display1 {
  margin: 0 0 0.833vw 0;
}
@media (min-width: unset) {
  .block-display1 {
    margin: 0 0 13.33px 0;
  }
}
@media (min-width: 576px) {
  .block-display1 {
    box-sizing: border-box;
    width: 43.542vw;
    min-width: 43.542vw;
    max-width: 43.542vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .block-display1 {
    width: 696.67px;
    min-width: 696.67px;
    max-width: 696.67px;
  }
}
@media (max-width: 639px) {
  .block-display1 {
    margin: 0 0 12.5vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .block-display1 {
    margin: 0 0 200px 0;
  }
}
.block-display1 {
  border: 2px solid #090B39;
}
.block-display1 .block-header {
  padding: 1.25vw;
}
@media (min-width: unset) {
  .block-display1 .block-header {
    padding: 20px;
  }
}
.block-display1 .block-header {
  border-bottom: 2px solid #090B39;
  color: #090B39;
  font-weight: 600;
}
.block-display1 .block-body {
  padding: 1.25vw;
}
@media (min-width: unset) {
  .block-display1 .block-body {
    padding: 20px;
  }
}
.block-display1 .block-body img {
  max-width: 100%;
  padding: 0;
}
@media (min-width: unset) {
  .block-display1 .block-body img {
    padding: 0;
  }
}

.block-display-2 {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .block-display-2 {
    padding: 0 266.67px;
  }
}
.block-display-2 {
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  .block-display-2 {
    margin: 66.67px 0;
  }
}
.block-display-2 {
  font-size: 1rem;
}

.path-frontpage .nav-breadcrumb {
  display: none;
}

.btn {
  padding: 0;
}
@media (min-width: unset) {
  .btn {
    padding: 0;
  }
}
.btn {
  text-align: unset;
  margin-top: 1rem;
}

.btn input {
  cursor: pointer;
}
.btn a, .btn button, .btn input {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
  padding: 1rem 1rem;
  border: 2px solid #fff;
  color: #fff;
  text-transform: none;
  font-size: min(1.06rem, 18px);
  font-weight: 600;
  background-color: transparent;
  transition: all 0.3s;
  white-space: normal;
  display: flex;
  text-wrap: pretty;
}
.btn a:after, .btn button:after, .btn input:after {
  content: "";
  background-image: var(--btn-icon);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.7em;
  height: 0.7em;
  flex: 0 0 0.7em;
  display: inline-block;
  align-self: center;
  margin-left: 13px;
}
.btn a:hover, .btn button:hover, .btn input:hover {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='%23212529' stroke-width='2'/%3e%3c/svg%3e");
  color: #090B39;
  background-color: #fff;
}
.btn.btn--dark a, .btn.btn--dark button, .btn.btn--dark input {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='%23212529' stroke-width='2'/%3e%3c/svg%3e");
  border-color: #090B39;
  color: #090B39;
}
.btn.btn--dark a:hover, .btn.btn--dark button:hover, .btn.btn--dark input:hover {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
  color: #fff;
  background-color: #090B39;
}
.btn.btn--sm a, .btn.btn--sm button, .btn.btn--sm input {
  padding-top: 2px;
  padding-bottom: 2px;
}

.link-w-arrow > * {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='%23212529' stroke-width='2'/%3e%3c/svg%3e");
  font-weight: 600;
  font-size: min(1.06rem, 18px);
  display: inline-flex;
}
.link-w-arrow > *::before {
  content: "";
  background-image: var(--btn-icon);
  background-size: auto 0.7em;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.7em;
  height: 1.5em;
  display: inline-block;
  margin-right: 9px;
}
.link-w-arrow > *:hover {
  text-decoration: underline;
}

.btn.btn-display-2 a {
  color: #090B39;
  background-color: #fff;
}
.btn.btn-display-2 a:hover {
  color: #fff;
  background-color: #b1b2b3;
}

.btn.btn-display-3 a {
  color: #fff;
  background-color: #090B39;
}
.btn.btn-display-3 a:hover {
  color: #090B39;
  background-color: #fff;
}
.btn.btn-display-3 a:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  content: "\f16a";
  margin-right: 0.5rem;
}

.btn.btn-display-4 {
  display: flex;
  width: 100%;
  margin: 0 !important;
  border: 0;
  line-height: 0.76;
}
.btn.btn-display-4 a {
  color: #090B39;
  background-color: #fff;
  padding: 0.7rem;
  border: 1px solid #000;
  border-bottom: 0px solid #000;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
.btn.btn-display-4 a:hover {
  color: #090B39;
  background-color: #fff;
  border: 3px solid #EE1B24;
}
.btn.btn-display-4 a:before {
  content: "+";
  display: inline-block;
  margin-right: 0.5rem;
}

.btn.btn-display-5 a {
  color: #fff;
  background-color: transparent;
}
.btn.btn-display-5 a:hover {
  color: #090B39;
  background-color: #fff;
}

.btn-display-6 {
  margin: 0;
}
.btn-display-6 a {
  color: #000;
  border: 0;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.btn-display-6 a:after {
  content: "";
}
.btn-display-6 a:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  content: "\f0da";
  margin-right: 0.5rem;
}

.btn-primary {
  color: #fff;
  background-color: #090B39;
  font-size: 1rem;
  text-align: center;
  padding: 1rem;
}
.btn-primary:hover {
  background-color: #124980;
  color: #fff;
}

.google-links {
  margin-bottom: 0.5rem;
}
.google-links a {
  margin-right: 1.5rem;
}

.metrics-widget {
  display: none;
  gap: 4px;
}
.metrics-widget button {
  margin-top: 0;
  flex-grow: 1;
  border-radius: 0;
  font-size: 0.8rem;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: 0.2s all;
  padding: 5px 23px;
}
.metrics-widget button:hover {
  background-color: #fff;
}
.metrics-widget button.active {
  background-color: #EE1B24;
  color: #fff;
}

.eu-cookie-compliance-more-button {
  font-size: 0.6rem;
  font-weight: bold;
}

.eu-cookie-compliance-content {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.eu-cookie-compliance-default-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 1em;
  padding: 0 8px;
  vertical-align: middle;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  font-weight: normal;
}
.eu-cookie-compliance-default-button:hover {
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  font-weight: normal;
  background-color: transparent;
  background-image: none;
}

.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  color: #000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ffffff;
}

.card {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .card {
    padding: 0 266.67px;
  }
}
.card {
  margin: 4.167vw 0 0 0;
}
@media (min-width: unset) {
  .card {
    margin: 66.67px 0 0 0;
  }
}
@media (max-width: 639px) {
  .card {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .card {
    padding: 0 133.33px;
  }
}
.card .card-header {
  padding: 0;
}
@media (max-width: 639px) {
  .card .card-header {
    width: 100%;
    margin: 6.25vw 0 2.917vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .card .card-header {
    margin: 100px 0 46.67px 0;
  }
}
@media (max-width: 639px) {
  .card .card-header .title-underline {
    text-transform: unset;
    font-weight: 400;
  }
}
.card .card-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

.card.card-display-1 {
  padding: 0;
  flex-direction: column;
}
.card.card-display-1.card-type-sales {
  order: 1;
}
.card.card-display-1.card-type-techni {
  order: 2;
}
.card.card-display-1.card-type-sav {
  order: 3;
}
.card.card-display-1 .views-row {
  width: 24%;
  background-color: #f8f9fa;
  padding: 0.2rem 0.5rem 0.8rem 0.5rem;
  padding: 0.417vw 0.833vw 1.25vw 0.833vw;
}
@media (min-width: unset) {
  .card.card-display-1 .views-row {
    padding: 6.67px 13.33px 20px 13.33px;
  }
}
.card.card-display-1 .views-row {
  font-size: 0.75rem;
  line-height: 1.75rem;
  border-radius: 0.1rem;
  margin-right: 0.6rem;
}
.card.card-display-1 .views-row:last-child {
  margin-right: 0;
}
.card.card-display-1 .card-header {
  margin-bottom: 0.75rem;
  font-weight: 600;
  font-size: 0.7rem;
  position: relative;
}
.card.card-display-1 .card-header:before {
  content: "";
  height: 1.7rem;
  background-color: #7a7b7a;
  display: inline-block;
  width: 2px;
  margin-top: -0.4rem;
  position: absolute;
  left: -1rem;
}
.card.card-display-1 .card-body {
  margin-top: 1rem;
  justify-content: flex-start;
}
.card.card-display-1 .card-body .views-field {
  margin-left: 1rem;
}
.card.card-display-1 {
  /*&.card-type-sales {
    .card-header {
      display: none;
    }
    .card-body .row-sales {
      padding-top: 1rem;
    }
  }*/
}

@media (max-width: 639px) {
  .card .card-header {
    margin: -1.75vw 0 2.917vw 0;
  }
  .card.card-display-1 .views-row {
    width: 100%;
    padding: 1rem;
    margin: 0 0 0.5rem 0;
    font-size: unset;
    margin-right: unset;
  }
  .card.card-display-1 .card-header:before {
    margin-top: -0.6rem;
  }
  .card.card-display-1 h3.title {
    margin: 2rem 0 0 0;
  }
}
.carousel {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
}
.carousel .carousel-title {
  margin: 0;
}
.carousel .carousel-subtitle {
  font-size: 80%;
  font-weight: 400;
  text-transform: uppercase;
}
.carousel .carousel-body {
  display: block;
  position: relative;
  width: 100%;
}
.carousel .carousel-body p:last-child {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .carousel .carousel-controls {
    display: none;
  }
}
.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
  background-image: unset;
}
.carousel .carousel-control-prev-icon:after, .carousel .carousel-control-next-icon:after {
  content: " ";
  display: block;
  border: solid white;
  border-width: 0 0.3rem 0.3rem 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
}
.carousel .carousel-control-prev-icon:after {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.carousel .carousel-control-next-icon:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.carousel .carousel-item {
  box-sizing: border-box;
  height: 50vw;
  min-height: 50vw;
  max-height: 50vw;
}
@media (min-width: unset) {
  .carousel .carousel-item {
    height: 800px;
    min-height: 800px;
    max-height: 800px;
  }
}
.carousel .carousel-indicators {
  bottom: 1rem;
}
.carousel .carousel-indicators .nav-link {
  background-color: transparent;
  padding: 0.5rem 0.6rem;
}
.carousel .carousel-indicators .nav-link:after {
  content: " ";
  border: 2px solid #fff;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 1rem;
}
.carousel .carousel-indicators .nav-link.active:after {
  background-color: #fff;
}
.carousel .carousel-control-prev-icon, .carousel .carousel-control-next-icon {
  width: 2rem;
  height: 2rem;
}

/** DEFAULT CAROUSEL **/
.carousel.carousel-display-1 {
  overflow: hidden;
}
.carousel.carousel-display-1 .carousel-slide {
  padding-bottom: clamp(20px, 5vw, 77px);
  padding-top: clamp(20px, 5vw, 77px);
  box-sizing: border-box;
  height: 37.5vw;
  min-height: 37.5vw;
  max-height: 37.5vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-1 .carousel-slide {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
  }
}
.carousel.carousel-display-1 .carousel-slide-body {
  justify-content: center;
}
.carousel.carousel-display-1 .carousel-slide .btn a {
  font-size: 1rem;
}
.carousel.carousel-display-1 .carousel-item {
  height: auto;
  min-height: auto;
  max-height: auto;
}
@media (min-width: 576px) {
  .carousel.carousel-display-1 .carousel-body {
    margin: 0;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel.carousel-display-1 .carousel-body {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .carousel.carousel-display-1 {
    width: 100%;
    box-sizing: border-box;
    height: 141.667vw;
    min-height: 141.667vw;
    max-height: 141.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-1 {
    height: 2266.67px;
    min-height: 2266.67px;
    max-height: 2266.67px;
  }
}
@media (max-width: 639px) {
  .carousel.carousel-display-1 .carousel-body, .carousel.carousel-display-1 .carousel-item, .carousel.carousel-display-1 .carousel-slide {
    box-sizing: border-box;
    height: 141.667vw;
    min-height: 141.667vw;
    max-height: 141.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-1 .carousel-body, .carousel.carousel-display-1 .carousel-item, .carousel.carousel-display-1 .carousel-slide {
    height: 2266.67px;
    min-height: 2266.67px;
    max-height: 2266.67px;
  }
}
.carousel.carousel-display-1 .carousel-indicators {
  z-index: 102;
}

/* Carousel for product images etc... */
.carousel.carousel-display-2 {
  box-sizing: border-box;
  width: 32.292vw;
  min-width: 32.292vw;
  max-width: 32.292vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-2 {
    width: 516.67px;
    min-width: 516.67px;
    max-width: 516.67px;
  }
}
.carousel.carousel-display-2 {
  box-sizing: border-box;
  height: 41.667vw;
  min-height: 41.667vw;
  max-height: 41.667vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-2 {
    height: 666.67px;
    min-height: 666.67px;
    max-height: 666.67px;
  }
}
.carousel.carousel-display-2#carousel-media {
  /*@include make-shape(7.75, 7.75);*/
  width: 100%;
  height: 100%;
  min-height: unset;
  max-height: 75%;
}
.carousel.carousel-display-2#carousel-thumb {
  box-sizing: border-box;
  width: 32.292vw;
  min-width: 32.292vw;
  max-width: 32.292vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-2#carousel-thumb {
    width: 516.67px;
    min-width: 516.67px;
    max-width: 516.67px;
  }
}
.carousel.carousel-display-2#carousel-thumb {
  box-sizing: border-box;
  height: 8.333vw;
  min-height: 8.333vw;
  max-height: 8.333vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-2#carousel-thumb {
    height: 133.33px;
    min-height: 133.33px;
    max-height: 133.33px;
  }
}
.carousel.carousel-display-2#carousel-thumb {
  margin-top: 1.5rem;
}
@media (min-width: 640px) {
  .carousel.carousel-display-2#carousel-thumb .carousel-item.active {
    border: 1px solid #b1b2b3;
  }
}
.carousel.carousel-display-2 .carousel-item {
  box-sizing: border-box;
  height: 32.292vw;
  min-height: 32.292vw;
  max-height: 32.292vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-2 .carousel-item {
    height: 516.67px;
    min-height: 516.67px;
    max-height: 516.67px;
  }
}
.carousel.carousel-display-2 .carousel-item {
  box-sizing: content-box;
}
.carousel.carousel-display-2 .carousel-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Hack IE11 */
_:-ms-fullscreen, :root .carousel.carousel-display-2#carousel-media {
  min-height: 0;
}

/* Carousel for videos */
.carousel.carousel-display-3 {
  box-sizing: border-box;
  width: 66.667vw;
  min-width: 66.667vw;
  max-width: 66.667vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 {
    width: 1066.67px;
    min-width: 1066.67px;
    max-width: 1066.67px;
  }
}
.carousel.carousel-display-3 {
  box-sizing: border-box;
  height: 21.667vw;
  min-height: 21.667vw;
  max-height: 21.667vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 {
    height: 346.67px;
    min-height: 346.67px;
    max-height: 346.67px;
  }
}
.carousel.carousel-display-3 {
  margin-top: 1rem;
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    box-sizing: border-box;
    height: 33.333vw;
    min-height: 33.333vw;
    max-height: 33.333vw;
    margin-top: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 {
    height: 533.33px;
    min-height: 533.33px;
    max-height: 533.33px;
  }
}
.carousel.carousel-display-3 .carousel-inner {
  display: flex;
  justify-content: center;
}
.carousel.carousel-display-3 .carousel-item-inner {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.carousel.carousel-display-3 .video-element {
  max-width: 50%;
  margin: 0 auto 0 auto;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .video-element {
    margin: 0 auto 0 auto;
  }
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 .video-element {
    box-sizing: border-box;
    width: 39.583vw;
    min-width: 39.583vw;
    max-width: 39.583vw;
    box-sizing: border-box;
    height: 20.833vw;
    min-height: 20.833vw;
    max-height: 20.833vw;
    text-align: left;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 .video-element {
    width: 633.33px;
    min-width: 633.33px;
    max-width: 633.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 .video-element {
    height: 333.33px;
    min-height: 333.33px;
    max-height: 333.33px;
  }
}
@media (min-width: 576px) {
  .carousel.carousel-display-3 .video-element {
    width: 26vw;
  }
}
.carousel.carousel-display-3 .video-element .title {
  color: #fff !important;
  font-size: 1rem !important;
  margin-top: 1rem;
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 .video-element .title {
    display: none;
  }
}

@media (min-width: 576px) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    box-sizing: border-box;
    width: 37.5vw;
    min-width: 37.5vw;
    max-width: 37.5vw;
    margin: 24.167vw 4.167vw 0 0;
    padding: 2.083vw 0 2.083vw 4.167vw;
    justify-content: space-between;
    align-self: flex-start;
    font-size: 80%;
    text-transform: uppercase;
    position: relative;
    z-index: 101;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    margin: 386.67px 66.67px 0 0;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    padding: 33.33px 0 33.33px 66.67px;
  }
}
@media (min-width: 576px) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) .active {
    background-color: transparent;
  }
  .carousel-reverse .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    margin: 24.167vw 0 0 4.167vw;
    padding: 2.083vw 4.167vw 2.083vw 0;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel-reverse .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    margin: 386.67px 0 0 66.67px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel-reverse .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    padding: 33.33px 66.67px 33.33px 0;
  }
}
@media (min-width: 576px) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) .nav-link {
    padding: 0;
    font-family: "Titillium Web", sans-serif;
    color: inherit;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) .nav-link {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) .nav-link:first-child {
    padding-left: 0;
  }
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) .nav-link:last-child {
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
    box-sizing: border-box;
    height: 8.333vw;
    min-height: 8.333vw;
    max-height: 8.333vw;
    bottom: -8.333vw;
    margin-bottom: 12.5vw;
    flex-flow: row nowrap;
    position: initial;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    order: 2;
    background-color: #151515;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    height: 133.33px;
    min-height: 133.33px;
    max-height: 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) {
    margin-bottom: 200px;
  }
}
@media (max-width: 639px) {
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) a {
    cursor: pointer;
    background-color: #fff;
    opacity: 0.3;
    transition: opacity 0.5s;
    position: relative;
    flex: 0 1 auto;
    width: 30px;
    height: 2px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    padding: 0;
  }
  .carousel-display-2 .carousel-indicators:not([class*=carousel-indicators-thumb]) a.active {
    opacity: 1;
  }
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  box-sizing: border-box;
  height: 8.333vw;
  min-height: 8.333vw;
  max-height: 8.333vw;
}
@media (min-width: unset) {
  .carousel-display-2 .carousel-indicators.carousel-indicators-thumb {
    height: 133.33px;
    min-height: 133.33px;
    max-height: 133.33px;
  }
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb {
  position: relative;
  z-index: 101;
  flex-flow: row nowrap;
  position: relative;
  justify-content: flex-start;
  align-items: flex-end;
  bottom: initial;
  padding: 0;
  overflow: hidden;
  margin-top: 1rem;
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb li {
  cursor: pointer;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: opacity 0.5s;
  position: relative;
  flex: 0 1 auto;
  /*width: 30px;
  height: 2px;*/
  width: 8.042vw;
  min-width: 8.042vw;
  max-width: 8.042vw;
  height: 8.042vw;
  min-height: 8.042vw;
  max-height: 8.042vw;
}
@media (min-width: unset) {
  .carousel-display-2 .carousel-indicators.carousel-indicators-thumb li {
    width: 128.67px;
    min-width: 128.67px;
    max-width: 128.67px;
    height: 128.67px;
    min-height: 128.67px;
    max-height: 128.67px;
  }
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb li {
  border: 1px solid black;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb li img {
  width: 7.917vw;
  min-width: 7.917vw;
  max-width: 7.917vw;
  height: 7.917vw;
  min-height: 7.917vw;
  max-height: 7.917vw;
}
@media (min-width: unset) {
  .carousel-display-2 .carousel-indicators.carousel-indicators-thumb li img {
    width: 126.67px;
    min-width: 126.67px;
    max-width: 126.67px;
    height: 126.67px;
    min-height: 126.67px;
    max-height: 126.67px;
  }
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb li img {
  position: absolute;
  top: 0;
  left: 0;
}
.carousel-display-2 .carousel-indicators.carousel-indicators-thumb li.active {
  opacity: 1;
  list-style-type: none;
}
@media (max-width: 639px) {
  .carousel-display-2 .carousel-indicators.carousel-indicators-thumb {
    justify-content: center;
    box-sizing: border-box;
    height: 8.333vw;
    min-height: 8.333vw;
    max-height: 8.333vw;
    margin: 0 0 16.667vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators.carousel-indicators-thumb {
    height: 133.33px;
    min-height: 133.33px;
    max-height: 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-display-2 .carousel-indicators.carousel-indicators-thumb {
    margin: 0 0 266.67px 0;
  }
}
.carousel-display-2 .bg-dark .carousel ol.carousel-indicators li {
  background-color: #fff;
}
.carousel-display-2 .bg-light ol.carousel-indicators li {
  background-color: #151515;
}

#carousel-thumb .carousel-item {
  max-height: 6rem !important;
}
@media (max-width: 639px) {
  #carousel-thumb .carousel-item {
    max-height: 1rem !important;
    width: unset;
    width: none;
    display: flex;
    margin-right: 0.5rem;
  }
  #carousel-thumb .carousel-item:last-child {
    margin-right: 0;
  }
}
#carousel-thumb .carousel-item {
  min-width: unset;
  min-height: unset !important;
  border: 0;
}
#carousel-thumb .carousel-item .carousel-slide {
  max-height: 6rem;
  margin-right: 0.2rem;
}
@media (max-width: 639px) {
  #carousel-thumb .carousel-item .carousel-slide {
    max-height: 0.7rem;
    width: 0.7rem;
    height: 0.7rem;
    margin-right: 0.5rem;
  }
}
#carousel-thumb .carousel-item .carousel-slide {
  min-width: unset;
  min-height: unset;
}
@media (min-width: 576px) {
  #carousel-thumb .carousel-item .carousel-slide {
    float: left;
  }
}
#carousel-thumb .carousel-item .carousel-slide:last-child {
  margin-right: 0;
}
#carousel-thumb .carousel-item .carousel-slide .carousel-slide-figure {
  max-width: 6rem;
  max-height: 6rem;
  min-width: unset;
  min-height: unset;
  border: 1px solid #b1b2b3;
}
#carousel-thumb .carousel-item .carousel-slide .carousel-slide-figure.active {
  border: 1px solid #000;
}
@media (max-width: 639px) {
  #carousel-thumb .carousel-item .carousel-slide .carousel-slide-figure {
    background-image: unset !important;
    background-image: none !important;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 1rem;
  }
}
#carousel-thumb .carousel-item .carousel-slide .btn {
  font-weight: 600;
}

/* Hack IE11 */
_:-ms-fullscreen, :root #carousel-thumb .carousel-item .carousel-slide .carousel-slide-figure {
  min-width: 1rem;
  min-height: 1rem;
}

_:-ms-fullscreen, :root #carousel-thumb .carousel-indicators-thumb {
  margin: 1rem auto 0 auto;
}

@media (max-width: 639px) {
  #carousel-thumb {
    width: 100% !important;
    max-width: unset !important;
    max-width: none !important;
  }
}
#carousel-thumb .carousel-controls {
  padding: 0;
  height: 0;
  position: absolute;
  top: 3rem;
}

/* Hack IE11 */
_:-ms-fullscreen, :root #carousel-thumb .carousel-controls {
  top: -1rem;
  left: 0;
}

#carousel-thumb .carousel-body {
  position: relative;
}

#carousel-thumb .carousel-indicators-thumb {
  margin: 0 auto 6.25vw auto;
  align-items: flex-start;
}
@media (max-width: 639px) {
  #carousel-thumb .carousel-indicators-thumb {
    display: flex;
    width: 100%;
    justify-content: center;
  }
}

.carousel-display-2 .carousel-controls {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  /*@include make-margin-grid((0.5, 0, 0, 0));*/
  padding: 0 0.833vw 0 0.833vw;
}
@media (min-width: unset) {
  .carousel-display-2 .carousel-controls {
    padding: 0 13.33px 0 13.33px;
  }
}
.carousel-display-2 .carousel-controls {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  z-index: 500;
  position: relative;
  width: 100%;
}
.carousel-display-2 .carousel-controls .carousel-control-prev,
.carousel-display-2 .carousel-controls .carousel-control-next {
  margin-top: 3rem;
  cursor: pointer;
  width: 2.083vw;
  min-width: 2.083vw;
  max-width: 2.083vw;
  height: 2.083vw;
  min-height: 2.083vw;
  max-height: 2.083vw;
}
@media (min-width: unset) {
  .carousel-display-2 .carousel-controls .carousel-control-prev,
  .carousel-display-2 .carousel-controls .carousel-control-next {
    width: 33.33px;
    min-width: 33.33px;
    max-width: 33.33px;
    height: 33.33px;
    min-height: 33.33px;
    max-height: 33.33px;
  }
}
.carousel-display-2 .carousel-controls .carousel-control-prev,
.carousel-display-2 .carousel-controls .carousel-control-next {
  display: flex;
  justify-content: center;
  position: relative;
  opacity: 1;
  z-index: 500;
  top: 3rem;
}
.carousel-display-2 .carousel-controls .carousel-control-prev-icon,
.carousel-display-2 .carousel-controls .carousel-control-next-icon {
  color: #151515;
  font-family: FontAwesome;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 1.36rem;
  font-weight: normal;
  text-align: center;
  background: none;
}
.carousel-display-2 .carousel-controls .carousel-control-prev-icon:after,
.carousel-display-2 .carousel-controls .carousel-control-next-icon:after {
  border-color: #b1b2b3 !important;
  border-width: 0 0.2rem 0.2rem 0;
  width: 1.5rem;
  height: 1.5rem;
}
.carousel-display-2 .carousel-slide {
  padding-top: 0;
  padding-bottom: 0;
}
.carousel-display-2 {
  /*.bg-dark {

    .carousel .carousel-controls {
      .carousel-control-prev-icon,
      .carousel-control-next-icon {
        color: theme-color('light');

      }
    }
  }*/
}

.carousel.carousel-display-3 .carousel-controls {
  box-sizing: border-box;
  width: 4.167vw;
  min-width: 4.167vw;
  max-width: 4.167vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-controls {
    width: 66.67px;
    min-width: 66.67px;
    max-width: 66.67px;
  }
}
.carousel.carousel-display-3 .carousel-controls {
  box-sizing: border-box;
  height: 16.667vw;
  min-height: 16.667vw;
  max-height: 16.667vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-controls {
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
.carousel.carousel-display-3 .carousel-control-prev-icon, .carousel.carousel-display-3 .carousel-control-next-icon {
  display: flex;
  align-items: center;
}

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

#carousel-thumb .carousel-controls {
  z-index: 0;
}

#carousel-thumb.carousel-display-2 .carousel-controls .carousel-control-prev, #carousel-thumb.carousel-display-2 .carousel-controls .carousel-control-next {
  margin-top: unset;
  top: unset;
  top: none;
}

.carousel-slide {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-size: cover;
  box-sizing: border-box;
  height: 37.5vw;
  min-height: 37.5vw;
  max-height: 37.5vw;
}
@media (min-width: unset) {
  .carousel-slide {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
  }
}
.carousel-slide {
  position: relative;
  background-position: center;
}
.carousel-slide .btn a {
  background-color: #fff;
  color: #090B39;
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='%23212529' stroke-width='2'/%3e%3c/svg%3e");
}
.carousel-slide .btn a:hover {
  color: #fff;
  background-color: #090B39;
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
}
.paragraph-text-primary .carousel-slide .carousel-slide-body {
  color: #090B39;
}
.paragraph-text-primary .carousel-slide .carousel-slide-body a {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='white' stroke-width='2'/%3e%3c/svg%3e");
  border-color: #090B39;
  color: #fff;
  background-color: #090B39;
}
.paragraph-text-primary .carousel-slide .carousel-slide-body a:hover {
  color: #090B39;
  background-color: #fff;
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='%23212529' stroke-width='2'/%3e%3c/svg%3e");
}
@media (max-width: 639px) {
  .carousel-slide {
    box-sizing: border-box;
    height: 141.667vw;
    min-height: 141.667vw;
    max-height: 141.667vw;
    background-position: 50%;
    display: flex;
    /*align-items: flex-end;*/
    align-items: center;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-slide {
    height: 2266.67px;
    min-height: 2266.67px;
    max-height: 2266.67px;
  }
}
.carousel-slide .carousel-slide-body {
  /*@include make-width-grid(24);*/
  width: 99vw;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .carousel-slide .carousel-slide-body {
    padding: 0 266.67px;
  }
}
.carousel-slide .carousel-slide-body {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  z-index: 1;
}
@media (max-width: 639px) {
  .carousel-slide .carousel-slide-body {
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    padding-left: 32px;
    padding-right: 32px;
    margin: 0 0 16.667vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-slide .carousel-slide-body {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-slide .carousel-slide-body {
    margin: 0 0 266.67px 0;
  }
}
@media (max-width: 639px) {
  .carousel-slide .carousel-slide-body .text-block-cta {
    text-align: center;
  }
}
.carousel-slide .carousel-slide-body h1, .carousel-slide .carousel-slide-body h2, .carousel-slide .carousel-slide-body h3, .carousel-slide .carousel-slide-body h4, .carousel-slide .carousel-slide-body h5 {
  position: relative;
  display: flex;
  align-items: center;
}
.carousel-slide .carousel-slide-body .text-block-cta {
  align-self: flex-start;
}
.carousel-slide .carousel-slide-title {
  font-family: "Titillium Web", sans-serif;
  font-size: 2.125rem;
  width: 50%;
  font-weight: 600;
  display: block !important;
  margin: 0;
}
@media (min-width: unset) {
  .carousel-slide .carousel-slide-title {
    margin: 0;
  }
}
.carousel-slide .carousel-slide-title {
  text-transform: unset !important;
  margin-bottom: 1em;
}
.carousel-slide .carousel-slide-title p {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .carousel-slide .carousel-slide-title {
    font-size: 1.6rem;
    width: 100%;
  }
}
.carousel-slide .carousel-slide-text {
  font-weight: 600;
  width: 50%;
  line-height: 1.15rem;
}
@media (max-width: 639px) {
  .carousel-slide .carousel-slide-text {
    width: 100%;
  }
}
.carousel-slide .carousel-slide-link {
  text-align: center;
}
@media (max-width: 639px) {
  .carousel-slide .carousel-slide-link {
    margin-top: 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel-slide .carousel-slide-link {
    margin-top: 133.33px;
  }
}

/* Carousel for product images etc... */
.carousel.carousel-display-2 .carousel-slide .carousel-slide-figure {
  width: 32.292vw;
  min-width: 32.292vw;
  max-width: 32.292vw;
  height: 32.292vw;
  min-height: 32.292vw;
  max-height: 32.292vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-2 .carousel-slide .carousel-slide-figure {
    width: 516.67px;
    min-width: 516.67px;
    max-width: 516.67px;
    height: 516.67px;
    min-height: 516.67px;
    max-height: 516.67px;
  }
}
.carousel.carousel-display-2 .carousel-slide .carousel-slide-figure {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* Carousel for videos */
.carousel.carousel-display-3 .carousel-item {
  box-sizing: border-box;
  width: 58.333vw;
  min-width: 58.333vw;
  max-width: 58.333vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item {
    width: 933.33px;
    min-width: 933.33px;
    max-width: 933.33px;
  }
}
.carousel.carousel-display-3 .carousel-item {
  box-sizing: border-box;
  height: 20.833vw;
  min-height: 20.833vw;
  max-height: 20.833vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item {
    height: 333.33px;
    min-height: 333.33px;
    max-height: 333.33px;
  }
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 .carousel-item {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    box-sizing: border-box;
    height: 33.333vw;
    min-height: 33.333vw;
    max-height: 33.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item {
    height: 533.33px;
    min-height: 533.33px;
    max-height: 533.33px;
  }
}
.carousel.carousel-display-3 .carousel-item {
  text-align: center;
}
.carousel.carousel-display-3 .carousel-item a {
  box-sizing: border-box;
  width: 26vw;
  min-width: 26vw;
  max-width: 26vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a {
    width: 416px;
    min-width: 416px;
    max-width: 416px;
  }
}
.carousel.carousel-display-3 .carousel-item a {
  box-sizing: border-box;
  height: 16.667vw;
  min-height: 16.667vw;
  max-height: 16.667vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a {
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
.carousel.carousel-display-3 .carousel-item a {
  display: inline-flex;
  position: relative;
}
.carousel.carousel-display-3 .carousel-item a img {
  box-sizing: border-box;
  width: 26vw;
  min-width: 26vw;
  max-width: 26vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a img {
    width: 416px;
    min-width: 416px;
    max-width: 416px;
  }
}
.carousel.carousel-display-3 .carousel-item a img {
  box-sizing: border-box;
  height: 16.667vw;
  min-height: 16.667vw;
  max-height: 16.667vw;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a img {
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 .carousel-item a img {
    box-sizing: border-box;
    width: 41.667vw;
    min-width: 41.667vw;
    max-width: 41.667vw;
    box-sizing: border-box;
    height: 29.167vw;
    min-height: 29.167vw;
    max-height: 29.167vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a img {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a img {
    height: 466.67px;
    min-height: 466.67px;
    max-height: 466.67px;
  }
}
.carousel.carousel-display-3 .carousel-item a img {
  opacity: 0.7;
  transition: opacity 0.5s;
}
.carousel.carousel-display-3 .carousel-item a:hover img {
  opacity: 1;
}
.carousel.carousel-display-3 .carousel-item a:first-child {
  margin: 0 1.25vw 0 0;
}
@media (min-width: unset) {
  .carousel.carousel-display-3 .carousel-item a:first-child {
    margin: 0 20px 0 0;
  }
}

@media (max-width: 639px) {
  .paragraph-text-white .carousel-slide .carousel-slide-body {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
  }
  .paragraph-text-primary .carousel-slide .carousel-slide-body {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
  }
}
.content .content-header {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .content .content-header {
    margin: 0 0 66.67px 0;
  }
}
.content .content-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: center;
}
.content .content-header .content-figure {
  width: 100%;
  box-sizing: border-box;
  height: 31.25vw;
  min-height: 31.25vw;
  max-height: 31.25vw;
}
@media (min-width: unset) {
  .content .content-header .content-figure {
    height: 500px;
    min-height: 500px;
    max-height: 500px;
  }
}
.content .content-header .content-figure {
  background-size: cover;
}
.content .content-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  font-size: 1rem;
  font-weight: 500;
}
@media (min-width: 640px) {
  .content .content-body {
    font-size: 0.89rem;
  }
}
.content .content-body img.align-right {
  padding-left: 2rem;
}
.content .content-body img.align-left {
  padding-right: 2rem;
}
.content .content-body .content-description {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .content .content-body .content-description {
    padding: 0 266.67px;
  }
}
.content .content-body .content-description {
  width: 100%;
}
.content .content-body .content-description table img {
  width: 100%;
}

.content-404 .content-description, .content-404 .content-description p {
  font-size: 0.75rem;
}

.link-anchors {
  font-style: italic;
  display: block;
  /*UPD EVOL DOGA 20180716 font-size: 0.70rem;*/
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
}
.link-anchors:first-child {
  padding-top: 0.5rem;
}
.link-anchors:before {
  content: "+";
  margin-right: 0.2rem;
  display: inline-block;
  font-style: normal;
  vertical-align: center;
}
.link-anchors.link-anchor-display-2 {
  font-weight: bold;
  padding: 0;
  font-size: 0.6rem;
}

.content-display-1 {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0 0 2.917vw 0;
}
@media (min-width: unset) {
  .content-display-1 {
    margin: 0 0 46.67px 0;
  }
}
.content-display-1 .content-header {
  width: auto;
  max-width: initial;
  min-width: auto;
  margin: 0;
}
@media (min-width: unset) {
  .content-display-1 .content-header {
    margin: 0;
  }
}
.content-display-1 .content-header {
  flex-basis: 45%;
}
.content-display-1 .content-header img {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
}
@media (min-width: unset) {
  .content-display-1 .content-header img {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
.content-display-1 .content-header img {
  height: auto;
}
.content-display-1 .content-body {
  width: auto;
  max-width: initial;
  min-width: auto;
  flex-direction: column;
  flex-basis: 55%;
  padding: 1.2rem 0 0 1.2rem;
  text-align: justify;
}
.content-display-1 .content-body .content-title {
  font-weight: 600;
  /*UPD EVOL DOGA 20180716 font-size: $font-size-content-title;*/
  font-size: 1.1rem;
  color: #000;
}
.content-display-1 .content-body .content-subtitle {
  border: 1px solid black;
  border-left: 0;
  border-right: 0;
  padding: 0.3rem 0;
  margin: 0.5rem 0;
  display: flex;
  justify-content: space-between;
}
.content-display-1 .content-body .content-subtitle .content-subtitle-left {
  color: #090B39;
  text-transform: uppercase;
  /*UPD EVOL DOGA 20180716 font-size: 0.6rem; */
  font-size: 1.1rem;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-align: start;
}
.content-display-1 .content-body .content-subtitle .content-subtitle-right {
  font-size: 0.55rem;
}
.content-display-1 .content-body p {
  margin: 0;
}
@media (min-width: unset) {
  .content-display-1 .content-body p {
    margin: 0;
  }
}
.content-display-1 .content-body .view-more-link {
  margin-top: 2.35rem;
}
@media (max-width: 639px) {
  .content-display-1 {
    flex-direction: column;
    margin: 8.333vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-1 {
    margin: 133.33px 0;
  }
}
@media (max-width: 639px) {
  .content-display-1 .content-body {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-1 .content-body {
    padding: 0;
  }
}
@media (max-width: 639px) {
  .content-display-1 .content-header {
    flex-basis: unset;
  }
  .content-display-1 .content-header img {
    width: auto;
    max-width: initial;
    min-width: auto;
    margin: 0 0 2.083vw 0;
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-1 .content-header img {
    margin: 0 0 33.33px 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-1 .content-header img {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}

/* Hack IE11 */
_:-ms-fullscreen, :root .content-display-1 .content-body {
  flex-basis: 52%;
}

.content-display-2 {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0 0 2.917vw 0;
}
@media (min-width: unset) {
  .content-display-2 {
    margin: 0 0 46.67px 0;
  }
}
.content-display-2 .content-header {
  width: auto;
  max-width: initial;
  min-width: auto;
  margin: 0;
}
@media (min-width: unset) {
  .content-display-2 .content-header {
    margin: 0;
  }
}
.content-display-2 .content-header {
  flex-basis: 45%;
}
.content-display-2 .content-header, .content-display-2 .content-header picture img, .content-display-2 .content-header .video-embed-field-responsive-video {
  box-sizing: border-box;
  width: 43.75vw;
  min-width: 43.75vw;
  max-width: 43.75vw;
}
@media (min-width: unset) {
  .content-display-2 .content-header, .content-display-2 .content-header picture img, .content-display-2 .content-header .video-embed-field-responsive-video {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
  }
}
.content-display-2 .content-header, .content-display-2 .content-header picture img, .content-display-2 .content-header .video-embed-field-responsive-video {
  box-sizing: border-box;
  height: 23.75vw;
  min-height: 23.75vw;
  max-height: 23.75vw;
}
@media (min-width: unset) {
  .content-display-2 .content-header, .content-display-2 .content-header picture img, .content-display-2 .content-header .video-embed-field-responsive-video {
    height: 380px;
    min-height: 380px;
    max-height: 380px;
  }
}
.content-display-2 .content-body {
  width: auto;
  max-width: initial;
  min-width: auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 43.75vw;
  min-width: 43.75vw;
  max-width: 43.75vw;
}
@media (min-width: unset) {
  .content-display-2 .content-body {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
  }
}
@media (max-width: 639px) {
  .content-display-2 .content-body {
    width: auto;
    max-width: initial;
    min-width: auto;
    font-size: 0.85rem;
  }
}
.content-display-2 .content-body {
  padding: 1.2rem 0 0 0;
  text-align: justify;
  /*UPD EVOL DOGA 20180716 font-size: $font-size-small*/
  font-size: 1rem;
}
.content-display-2 .content-body .content-title {
  font-weight: 600;
  font-size: 1.1rem;
  color: #090B39;
  /*@include make-width-grid(6.4);*/
}
@media (max-width: 639px) {
  .content-display-2 .content-body .content-title {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
.content-display-2 .content-body .content-subtitle {
  /*@include make-width-grid(6.4);*/
}
@media (max-width: 639px) {
  .content-display-2 .content-body .content-subtitle {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
.content-display-2 .content-body .content-subtitle {
  border: 1px solid black;
  border-left: 0;
  border-right: 0;
  padding: 0.3rem 0;
  margin: 0rem 0 1.3rem 0;
  display: flex;
  justify-content: space-between;
}
.content-display-2 .content-body .content-subtitle .content-subtitle-left {
  color: #090B39;
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-align: start;
}
.content-display-2 .content-body .content-subtitle .content-subtitle-right {
  font-size: 0.55rem;
}
.content-display-2 .content-body p {
  margin: 0;
}
@media (min-width: unset) {
  .content-display-2 .content-body p {
    margin: 0;
  }
}

.content-display-3 picture img, .content-display-3 img {
  transition: transform 0.2s ease-in-out;
}
.content-display-3 picture img:hover, .content-display-3 img:hover {
  transform: scale(1.1);
}
.content-display-3 a h3 {
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: unset;
  font-size: 1rem;
}
@media (min-width: 640px) {
  .content-display-3 a h3 {
    font-size: 0.89rem;
  }
}

/* Search results*/
.content-display-4 {
  margin: 0 0 2.917vw 0;
}
@media (min-width: unset) {
  .content-display-4 {
    margin: 0 0 46.67px 0;
  }
}
.content-display-4 {
  display: flex;
}
.content-display-4 .content-header {
  width: auto;
  max-width: initial;
  min-width: auto;
  margin: 0;
}
@media (min-width: unset) {
  .content-display-4 .content-header {
    margin: 0;
  }
}
.content-display-4 .content-header {
  flex-basis: 30%;
}
.content-display-4 .content-header picture img {
  width: 100%;
}
.content-display-4 .content-body {
  width: auto;
  max-width: initial;
  min-width: auto;
  flex-direction: column;
  flex-basis: 70%;
  padding: 0 0 0 1.2rem;
  text-align: justify;
  font-size: 0.9rem;
}
.content-display-4 .content-body .content-text {
  line-height: 1rem;
}
.content-display-4 .content-body .content-title {
  font-weight: 0;
  font-size: 1.3rem;
  color: #000;
}
.content-display-4 .content-body .content-subtitle {
  border-left: 0;
  border-right: 0;
  margin: 0 0 1rem 0;
  color: #000;
  display: flex;
  justify-content: space-between;
}
.content-display-4 .content-body .content-subtitle .content-subtitle-left {
  color: #090B39;
  text-transform: uppercase;
  font-size: 0.6rem;
  letter-spacing: 0.2rem;
  font-weight: 600;
  text-align: start;
}
.content-display-4 .content-body .content-subtitle .content-subtitle-right {
  font-size: 0.55rem;
}
.content-display-4 .content-body p {
  margin: 0;
}
@media (min-width: unset) {
  .content-display-4 .content-body p {
    margin: 0;
  }
}

/* Category page for example */
.content-display-5 {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .content-display-5 {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .content-display-5 {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-5 {
    padding: 0 133.33px;
  }
}
.content-display-5 .header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: 20px;
  align-content: space-between;
  margin-bottom: var(--layout-spacing);
}
.content-display-5 .header .header-left {
  font-size: 1rem;
}
.content-display-5 .header .header-right p {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -0.005em;
}
@media (min-width: 640px) {
  .content-display-5 .header .header-right .header-right-content {
    padding: 0 0 0 2.292vw;
    border-left: 1px solid #E2E2E2;
  }
}
@media (min-width: 640px) and (min-width: unset) {
  .content-display-5 .header .header-right .header-right-content {
    padding: 0 0 0 36.67px;
  }
}
.content-display-5 .list-display-2 {
  margin: 0;
  padding: 0;
}

/* Category page for example */
@media (max-width: 639px) {
  .content.content-display-6 {
    padding: 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 {
    padding: 0 0;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .desktop-content {
    display: none;
  }
}
@media (min-width: 576px) {
  .content.content-display-6 .mobile-content {
    display: none;
  }
}
.content.content-display-6 .content-body .content-section-wrapper {
  width: 100%;
  background-color: #090B39;
  padding: 0 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .content-section-wrapper {
    padding: 0 0;
  }
}
.content.content-display-6 .content-body .content-section {
  padding: calc(var(--layout-spacing) / 2) 16.667vw;
}
.content.content-display-6 .content-body .content-section#media {
  padding: 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .content-section#media {
    padding: 66.67px 266.67px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-section#media {
    padding: 4.167vw 8.333vw 12.5vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-section#media {
    padding: 66.67px 133.33px 200px 133.33px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-section {
    padding-left: 8.333vw;
    padding-right: 8.333vw;
  }
}
.content.content-display-6 .content-body .content-section {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body .content-section.content-section-row {
    flex-direction: row;
  }
}
.content.content-display-6 .content-body .title {
  font-size: 1.83rem;
  font-weight: 600;
  color: #090B39;
  letter-spacing: -0.005em;
}
.content.content-display-6 .content-body .partner {
  margin: 4.167vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .partner {
    margin: 66.67px 0 0 0;
  }
}
.content.content-display-6 .content-body .reference {
  /* #34330 - Pages produit - font-size: 0.55rem; */
  font-size: 1rem;
  color: #090B39;
  margin: 0.417vw 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .reference {
    margin: 6.67px 0;
  }
}
.content.content-display-6 .content-body .mobile-content .reference {
  font-size: 0.65rem;
  margin: 0.833vw 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .mobile-content .reference {
    margin: 13.33px 0;
  }
}
.content.content-display-6 .content-body .content-description {
  padding: 0;
  width: 100%;
}
@media (min-width: 640px) {
  .content.content-display-6 .content-body .content-description {
    padding-left: 4vw;
  }
}
.content.content-display-6 .content-body .content-description .description {
  margin-top: 1em;
}
.content.content-display-6 .content-body .content-description .description:not(:last-child) {
  margin-bottom: 1.4em;
}
.content.content-display-6 .content-body .content-description .description p {
  margin: 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .content-description .description p {
    margin: 0;
  }
}
.content.content-display-6 .content-body .content-description .content-actions {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .content-description .content-actions {
    margin: 33.33px 0 0 0;
  }
}
.content.content-display-6 .content-body .content-description .content-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.content.content-display-6 .content-body .content-description .content-actions .btn {
  margin-top: 0;
}
.content.content-display-6 .content-body .content-description .content-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1vw;
}
.content.content-display-6 .content-body .content-description .content-quickaccess {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .content-description .content-quickaccess {
    margin: 33.33px 0 0 0;
  }
}
.content.content-display-6 .content-body .content-description .content-quickaccess a {
  padding: 0.2rem 0;
}
.content.content-display-6 .content-body .content-diaporamas {
  box-sizing: border-box;
  width: 32.292vw;
  min-width: 32.292vw;
  max-width: 32.292vw;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas {
    width: 516.67px;
    min-width: 516.67px;
    max-width: 516.67px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-diaporamas {
    height: auto;
    max-height: initial;
    min-height: auto;
    width: auto;
    max-width: initial;
    min-width: auto;
  }
  .content.content-display-6 .content-body .content-diaporamas .carousel-item, .content.content-display-6 .content-body .content-diaporamas .carousel-display-2 {
    height: auto;
    max-height: initial;
    min-height: auto;
    width: auto;
    max-width: initial;
    min-width: auto;
  }
  .content.content-display-6 .content-body .content-diaporamas .carousel-item, .content.content-display-6 .content-body .content-diaporamas .carousel-slide {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    box-sizing: border-box;
    height: 83.333vw;
    min-height: 83.333vw;
    max-height: 83.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-item, .content.content-display-6 .content-body .content-diaporamas .carousel-slide {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-item, .content.content-display-6 .content-body .content-diaporamas .carousel-slide {
    height: 1333.33px;
    min-height: 1333.33px;
    max-height: 1333.33px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-slide-figure {
    /*@include make-width-grid(20);*/
    min-width: 99%;
    box-sizing: border-box;
    height: 83.333vw;
    min-height: 83.333vw;
    max-height: 83.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-slide-figure {
    height: 1333.33px;
    min-height: 1333.33px;
    max-height: 1333.33px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-controls {
    display: none;
  }
  .content.content-display-6 .content-body .content-diaporamas .carousel-indicators {
    padding: 0;
    margin: 0 0 6.25vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-indicators {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-indicators {
    margin: 0 0 100px 0;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-indicators li {
    background-image: unset !important;
    border-radius: 0.5rem;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
    border: 2px solid #000;
    margin: 0 2.083vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-indicators li {
    margin: 0 33.33px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .content-diaporamas .carousel-indicators li.active {
    background-color: #000;
  }
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body #caracteristics .metrics-widget {
    justify-content: flex-end;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body #caracteristics .metrics-widget {
    justify-content: space-between;
  }
}
.content.content-display-6 .content-body .caracteristic_lines {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .caracteristic_lines {
    margin: 33.33px 0 0 0;
  }
}
.content.content-display-6 .content-body .caracteristic_lines {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .caracteristic_lines {
    flex-direction: column;
  }
}
.content.content-display-6 .content-body .caracteristic_lines .caracteristics:first-child {
  border-top: 1px solid white;
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body .caracteristic_lines .caracteristics:nth-child(2) {
    border-top: 1px solid white;
  }
}
.content.content-display-6 .content-body .caracteristic_lines .caracteristics {
  border-bottom: 1px solid white;
}
.content.content-display-6 .content-body .caracteristic_lines .single-attribute a {
  color: #fff;
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .caracteristic_lines .caracteristics {
    background-color: #222457 !important;
  }
  .content.content-display-6 .content-body .caracteristic_lines .caracteristics:nth-child(2n) {
    background-color: #090B39 !important;
  }
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic {
    box-sizing: border-box;
    width: 31.667vw;
    min-width: 31.667vw;
    max-width: 31.667vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic {
    width: 506.67px;
    min-width: 506.67px;
    max-width: 506.67px;
  }
}
.content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic {
  display: flex;
  flex-direction: row;
  /*border-bottom: 1px solid white;*/
  padding: 0.6rem;
  font-size: 0.75rem;
  /*font-weight: 600;*/
  color: white;
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic {
    justify-content: space-between;
  }
}
.content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic div:first-child {
  font-weight: 600;
}
.content.content-display-6 .content-body .caracteristic_lines {
  /*@include media-breakpoint-down(sm) {
    .paragraph-caracteristic > div:not(.contextual):first-child {
      width: 60%;
    }
  }*/
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic > div:first-child {
    box-sizing: border-box;
    width: 10.417vw;
    min-width: 10.417vw;
    max-width: 10.417vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .content.content-display-6 .content-body .caracteristic_lines .paragraph-caracteristic > div:first-child {
    width: 166.67px;
    min-width: 166.67px;
    max-width: 166.67px;
  }
}
.content.content-display-6 .content-body #variations .caracteristic_lines {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  color: white;
  font-weight: 600;
  border-bottom: 1px solid white;
  overflow: auto;
  overflow-y: hidden;
}
.content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics {
  /*@include media-breakpoint-up(sm) {
    width: 100%;
  }*/
  padding: 0.6rem;
  width: inherit;
}
.content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics .label-attribute {
  box-sizing: border-box;
  width: 11.667vw;
  min-width: 11.667vw;
  max-width: 11.667vw;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics .label-attribute {
    width: 186.67px;
    min-width: 186.67px;
    max-width: 186.67px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics .label-attribute {
    box-sizing: border-box;
    width: 29.167vw;
    min-width: 29.167vw;
    max-width: 29.167vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics .label-attribute {
    width: 466.67px;
    min-width: 466.67px;
    max-width: 466.67px;
  }
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics {
    background-color: #090B39;
  }
  .content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics:nth-child(2n) {
    background-color: #222457;
  }
}
.content.content-display-6 .content-body #variations .caracteristic_lines .caracteristics .single-attribute {
  min-width: 7rem;
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical {
  margin: 0;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical {
    margin: 0;
  }
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical {
  border: 1px solid rgba(100, 100, 100, 0.9);
  font-weight: normal;
  display: table;
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical {
    display: unset;
    overflow-x: scroll;
  }
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics {
  padding: 0;
  border: 0;
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics:first-child {
  font-weight: 600;
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics .single-attribute {
  flex-wrap: wrap;
  min-width: unset;
}
@media (max-width: 639px) {
  .content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics .single-attribute {
    background-color: #090B39;
  }
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics .single-attribute {
  padding: 0.15rem;
  justify-content: center;
  text-align: center;
  min-height: 2.4rem;
  border-top: 1px solid rgba(100, 100, 100, 0.6);
  border-left: 1px solid rgba(100, 100, 100, 0.6);
}
.content.content-display-6 .content-body #variations .caracteristic_lines.caracteristic_lines-vertical .caracteristics .single-attribute > div {
  width: 100%;
  display: flex;
  justify-content: center;
}
.content.content-display-6 .content-body {
  /* Tables in CKEditor */
}
.content.content-display-6 .content-body .long-desc table {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  color: black;
  /*img {
    @include make-width-grid(1);
  }*/
}
.content.content-display-6 .content-body .questions-left {
  box-sizing: border-box;
  width: 8.333vw;
  min-width: 8.333vw;
  max-width: 8.333vw;
}
@media (min-width: unset) {
  .content.content-display-6 .content-body .questions-left {
    width: 133.33px;
    min-width: 133.33px;
    max-width: 133.33px;
  }
}
.content.content-display-6 .content-body .questions-right {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body .questions-right {
    margin: 0 0 0 4.167vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .content.content-display-6 .content-body .questions-right {
    margin: 0 0 0 66.67px;
  }
}
.content.content-display-6 .content-body .questions-right {
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .content.content-display-6 .content-body #questions.content-section {
    flex-direction: row;
    justify-content: space-between;
  }
}
.content.content-display-6 .content-body section#variations div:not(.metrics-widget) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content.content-display-6 .content-body section#variations div.metrics-widget {
  justify-content: flex-end;
  margin-bottom: 1rem;
  margin-top: -3rem;
}

.content.content-display-7 .content-body {
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.content.content-display-7 .content-body .content-image {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
}
@media (min-width: unset) {
  .content.content-display-7 .content-body .content-image {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
.content.content-display-7 .content-body .content-image {
  box-sizing: border-box;
  height: 14.583vw;
  min-height: 14.583vw;
  max-height: 14.583vw;
}
@media (min-width: unset) {
  .content.content-display-7 .content-body .content-image {
    height: 233.33px;
    min-height: 233.33px;
    max-height: 233.33px;
  }
}
.content.content-display-7 .content-body .content-image {
  padding: 2.083vw;
}
@media (min-width: unset) {
  .content.content-display-7 .content-body .content-image {
    padding: 33.33px;
  }
}
.content.content-display-7 .content-body .content-image {
  padding-top: 0;
  padding-bottom: 0;
}
.content.content-display-7 .content-body .content-image figure {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.content.content-display-7 .content-body .content-description {
  padding: 0 0 0 0.417vw;
}
@media (min-width: unset) {
  .content.content-display-7 .content-body .content-description {
    padding: 0 0 0 6.67px;
  }
}
.content.content-display-7 .content-body .content-description {
  width: auto;
}
.content.content-display-7 .content-body .content-description .title {
  font-size: 1.31rem;
  font-weight: 600;
}
.content.content-display-7 .content-body .content-description .reference {
  font-size: unset;
  color: unset;
  margin: 0;
}
@media (min-width: unset) {
  .content.content-display-7 .content-body .content-description .reference {
    margin: 0;
  }
}

@media (max-width: 639px) {
  .content.content-display-8 .content-body {
    flex-direction: column;
  }
  .content.content-display-8 .content-body .content-description {
    margin: 0 !important;
    width: 100% !important;
  }
  .content.content-display-8 .content-body .content-description .description p {
    text-align: justify;
  }
}
.content.content-display-8 .content-body {
  align-items: center;
  flex-wrap: nowrap;
}
.content.content-display-8 .content-body .content-image, .content.content-display-8 .content-body .content-image img {
  width: 13.25vw;
  min-width: 13.25vw;
  max-width: 13.25vw;
  height: 13.25vw;
  min-height: 13.25vw;
  max-height: 13.25vw;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-image, .content.content-display-8 .content-body .content-image img {
    width: 212px;
    min-width: 212px;
    max-width: 212px;
    height: 212px;
    min-height: 212px;
    max-height: 212px;
  }
}
.content.content-display-8 .content-body .content-description {
  margin: 0 0 0 2.083vw;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-description {
    margin: 0 0 0 33.33px;
  }
}
.content.content-display-8 .content-body .content-description {
  padding: 0;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-description {
    padding: 0;
  }
}
.content.content-display-8 .content-body .content-description {
  width: 100%;
}
.content.content-display-8 .content-body .content-description .title {
  font-size: 1.3rem;
  color: #090B39;
  font-weight: 600;
}
.content.content-display-8 .content-body .content-description .reference {
  font-size: unset;
  color: #090B39;
  margin: 0;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-description .reference {
    margin: 0;
  }
}
.content.content-display-8 .content-body .content-description .description {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-description .description {
    margin: 33.33px 0 0 0;
  }
}
.content.content-display-8 .content-body .content-description .description {
  font-size: 1rem;
}
.content.content-display-8 .content-body .content-description .description p:last-child {
  margin-bottom: 0;
}
.content.content-display-8 .content-body .content-description .caracteristics-wrapper {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.63rem;
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-description .caracteristics-wrapper {
    margin: 33.33px 0 0 0;
  }
}
.content.content-display-8 .content-body .content-description .caracteristics-wrapper .caracteristics:nth-child(n+5) {
  display: none;
}
.content.content-display-8 .content-body .content-description .caracteristics-wrapper .caracteristics:nth-child(2n) {
  background-color: rgba(252, 252, 252, 0.5);
}
.content.content-display-8 .content-body .content-description .link-w-arrow {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .content.content-display-8 .content-body .content-description .link-w-arrow {
    margin: 33.33px 0 0 0;
  }
}
.content.content-display-8 .content-body .content-description .caracteristics {
  /*flex-basis: 48%;*/
  /* #34818 - Produits - Bras de réaction au couple (Vissage) */
  flex-basis: 100%;
  /*margin-top: 1rem*/
}
.content.content-display-8 .content-body .content-description .caracteristics:first-child, .content.content-display-8 .content-body .content-description .caracteristics:nth-child(2) {
  margin: 0;
}
.content.content-display-8 .content-body .content-description {
  /* #34818 - Produits - Bras de réaction au couple (Vissage) */
}
.content.content-display-8 .content-body .content-description .caracteristics {
  border-top: 1px solid #f8f9fa;
}
.content.content-display-8 .content-body .content-description .caracteristics:first-child {
  border: 0;
}
.content.content-display-8 .content-body .content-description .paragraph-caracteristic {
  display: flex;
  justify-content: space-between;
}

/* Contact display */
.content.content-display-9 {
  padding: 0 0.417vw;
}
@media (min-width: unset) {
  .content.content-display-9 {
    padding: 0 6.67px;
  }
}
.content.content-display-9 {
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 1rem;
  text-align: left;
  color: #090B39;
  font-weight: 600;
}
.content.content-display-9 .content-header {
  margin-bottom: 0.7rem;
  display: block;
  flex-wrap: unset;
  text-transform: uppercase;
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 1rem;
}
.content.content-display-9 .content-body {
  display: block;
  font-weight: 600;
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 1rem;
}
.content.content-display-9 .content-footer {
  margin-top: 0.5rem;
}
.content.content-display-9 .content-footer a {
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 1rem;
  color: #7a7b7a;
  font-weight: 600;
  text-decoration: underline;
  margin-right: 0.75rem;
}
.content.content-display-9 .google-links a {
  text-decoration: none !important;
  font-style: italic;
  font-weight: 600 !important;
}
.content.content-display-9 .google-links a:hover {
  color: #EE1B24 !important;
}

.contact-headquarter-gmap .content.content-display-9 {
  /*.content-body {
    div a {
      color: $white;
    }
  }*/
}
.contact-headquarter-gmap .content.content-display-9 .content-footer .google-links a {
  /*color: white !important;*/
  margin-right: 1.5rem !important;
  font-weight: 600 !important;
}
.contact-headquarter-gmap .content.content-display-9 .content-footer .google-links a:hover {
  color: #EE1B24 !important;
}

/* Other display in contact webform */
.webform-contact .webform-content-inside .content-display-9 {
  padding: 0;
  color: unset;
  margin-top: 1.5rem;
}
.webform-contact .webform-content-inside .content-display-9 .content-body {
  color: unset;
}
.webform-contact .webform-content-inside .content-display-9 div a {
  color: #fff !important;
}

.contact-headquarter-gmap .content-display-9 div a {
  color: #090B39;
}

/* medias */
.single-media > .content.content-display-10.media-content:not(:last-child) .field-content > div {
  margin-bottom: 2rem;
}

.content.content-display-10 .field-content > div {
  display: flex;
  flex-direction: row;
}
.content.content-display-10 .field-content > div .content-aside {
  box-sizing: border-box;
  width: 7.917vw;
  min-width: 7.917vw;
  max-width: 7.917vw;
}
@media (min-width: unset) {
  .content.content-display-10 .field-content > div .content-aside {
    width: 126.67px;
    min-width: 126.67px;
    max-width: 126.67px;
  }
}
.content.content-display-10 .field-content > div .content-aside {
  display: flex;
  align-items: center;
}
.content.content-display-10 .field-content > div .content-aside a {
  display: block;
  padding: 0.3rem 0;
  font-size: 1rem;
}
.content.content-display-10 .field-content > div .content-aside img {
  box-sizing: border-box;
  width: 6.25vw;
  min-width: 6.25vw;
  max-width: 6.25vw;
}
@media (min-width: unset) {
  .content.content-display-10 .field-content > div .content-aside img {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }
}
.content.content-display-10 .field-content > div .content-aside img {
  min-width: unset;
  width: unset;
  height: auto;
}
.content.content-display-10 .field-content > div .content-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content.content-display-10 .field-content > div .content-body a {
  --btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.448 14.742'%3e%3cpath d='M3316.84,14168.943l7.289,6.633-7.289,6.631' transform='translate%28-3316.167 -14168.204%29' fill='none' stroke='%23212529' stroke-width='2'/%3e%3c/svg%3e");
  font-weight: 600;
  font-size: 18px;
  display: inline-flex;
  margin-top: 1em;
}
.content.content-display-10 .field-content > div .content-body a::before {
  content: "";
  background-image: var(--btn-icon);
  background-size: auto 0.7em;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.7em;
  height: 1.5em;
  display: inline-block;
  margin-right: 9px;
}
.content.content-display-10 .field-content > div .content-body a:hover {
  text-decoration: underline;
}
.content.content-display-10 .field-content > div .content-body p {
  margin: 0;
}
.content.content-display-10 .field-content > div .content-body .title-normal {
  margin-bottom: 1em;
}
.content.content-display-10 .field-content > div .field-content > div {
  display: none;
}

.content.content-display-10.media-content .field-content > div {
  display: none;
}

.content.content-display-10.media-content .field-content.content-restricted {
  display: none;
  font-size: 1rem;
}
.content.content-display-10.media-content .field-content.content-restricted:first-child {
  display: block;
}

.content-section.long-desc td img {
  max-width: 100%;
  width: 100%;
}

/* Partners page */
.content.content-display-11 .content-body {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .content.content-display-11 .content-body {
    margin: 0 0 66.67px 0;
  }
}
.content.content-display-11 .content-body {
  text-align: justify;
}

/* User page + SAV & ORDER pages */
.content.content-display-12 {
  padding: 0 16.667vw 2.083vw 16.667vw;
}
@media (min-width: unset) {
  .content.content-display-12 {
    padding: 0 266.67px 33.33px 266.67px;
  }
}
.content.content-display-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 639px) {
  .content.content-display-12 {
    padding: 4.167vw 8.333vw 12.5vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-12 {
    padding: 66.67px 133.33px 200px 133.33px;
  }
}
.content.content-display-12 header p {
  margin-top: 1rem;
}
.content.content-display-12 .pager {
  margin-top: 1rem;
}
.content.content-display-12 .title-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.content.content-display-12 .title-wrapper .status {
  border: 1px solid #000;
  padding: 1.25vw;
}
@media (min-width: unset) {
  .content.content-display-12 .title-wrapper .status {
    padding: 20px;
  }
}
.content.content-display-12 .title-wrapper .status {
  display: flex;
  margin-top: -1rem;
  justify-content: space-between;
}
.content.content-display-12 .title-wrapper .status div:first-child {
  font-weight: 600;
  margin-right: 3rem;
}
.content.content-display-12 .title-wrapper .print-icon {
  position: absolute;
  right: 1rem;
  top: 4rem;
  cursor: pointer;
}
.content.content-display-12 .content-header {
  justify-content: flex-start;
}
.content.content-display-12.sav-page, .content.content-display-12.order-page, .content.content-display-12.user-contacts, .content.content-display-12.user-details, .content.content-display-12.order-details, .content.content-display-12.viewlist {
  margin-top: 5vw;
  margin-bottom: 5vw;
}
.content.content-display-12.sav-page .content-header, .content.content-display-12.order-page .content-header, .content.content-display-12.user-contacts .content-header, .content.content-display-12.user-details .content-header, .content.content-display-12.order-details .content-header, .content.content-display-12.viewlist .content-header {
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.content.content-display-12.sav-page .content-body, .content.content-display-12.order-page .content-body, .content.content-display-12.user-contacts .content-body, .content.content-display-12.user-details .content-body, .content.content-display-12.order-details .content-body, .content.content-display-12.viewlist .content-body {
  flex-direction: column;
}
.content.content-display-12.sav-page .content-row, .content.content-display-12.order-page .content-row, .content.content-display-12.user-contacts .content-row, .content.content-display-12.user-details .content-row, .content.content-display-12.order-details .content-row, .content.content-display-12.viewlist .content-row {
  margin-bottom: 1.5rem;
}
.content.content-display-12.sav-page .content-row:last-child, .content.content-display-12.order-page .content-row:last-child, .content.content-display-12.user-contacts .content-row:last-child, .content.content-display-12.user-details .content-row:last-child, .content.content-display-12.order-details .content-row:last-child, .content.content-display-12.viewlist .content-row:last-child {
  margin-bottom: 0.6rem;
  text-align: center;
}
.content.content-display-12.sav-page .content-row, .content.content-display-12.order-page .content-row, .content.content-display-12.user-contacts .content-row, .content.content-display-12.user-details .content-row, .content.content-display-12.order-details .content-row, .content.content-display-12.viewlist .content-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  color: #474747;
}
.content.content-display-12.sav-page .label, .content.content-display-12.order-page .label, .content.content-display-12.user-contacts .label, .content.content-display-12.user-details .label, .content.content-display-12.order-details .label, .content.content-display-12.viewlist .label {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .label, .content.content-display-12.order-page .label, .content.content-display-12.user-contacts .label, .content.content-display-12.user-details .label, .content.content-display-12.order-details .label, .content.content-display-12.viewlist .label {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
.content.content-display-12.sav-page .label, .content.content-display-12.order-page .label, .content.content-display-12.user-contacts .label, .content.content-display-12.user-details .label, .content.content-display-12.order-details .label, .content.content-display-12.viewlist .label {
  font-weight: 600;
}
.content.content-display-12.sav-page .label.label-display-2, .content.content-display-12.order-page .label.label-display-2, .content.content-display-12.user-contacts .label.label-display-2, .content.content-display-12.user-details .label.label-display-2, .content.content-display-12.order-details .label.label-display-2, .content.content-display-12.viewlist .label.label-display-2 {
  width: auto;
  max-width: initial;
  min-width: auto;
  display: flex;
  width: 100%;
}
.content.content-display-12.sav-page .label.label-display-2 div, .content.content-display-12.order-page .label.label-display-2 div, .content.content-display-12.user-contacts .label.label-display-2 div, .content.content-display-12.user-details .label.label-display-2 div, .content.content-display-12.order-details .label.label-display-2 div, .content.content-display-12.viewlist .label.label-display-2 div {
  margin-right: 0.4rem;
}
.content.content-display-12.sav-page .content-mention, .content.content-display-12.order-page .content-mention, .content.content-display-12.user-contacts .content-mention, .content.content-display-12.user-details .content-mention, .content.content-display-12.order-details .content-mention, .content.content-display-12.viewlist .content-mention {
  background-color: #124980;
  padding: 0.3rem;
  color: #fff;
  margin: 0 0 2.083vw 0;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .content-mention, .content.content-display-12.order-page .content-mention, .content.content-display-12.user-contacts .content-mention, .content.content-display-12.user-details .content-mention, .content.content-display-12.order-details .content-mention, .content.content-display-12.viewlist .content-mention {
    margin: 0 0 33.33px 0;
  }
}
.content.content-display-12.sav-page .content-mention, .content.content-display-12.order-page .content-mention, .content.content-display-12.user-contacts .content-mention, .content.content-display-12.user-details .content-mention, .content.content-display-12.order-details .content-mention, .content.content-display-12.viewlist .content-mention {
  max-width: 26vw;
  text-align: center;
}
.content.content-display-12.sav-page .content-steps, .content.content-display-12.order-page .content-steps, .content.content-display-12.user-contacts .content-steps, .content.content-display-12.user-details .content-steps, .content.content-display-12.order-details .content-steps, .content.content-display-12.viewlist .content-steps {
  padding: 0 8.333vw 2.083vw 8.333vw;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .content-steps, .content.content-display-12.order-page .content-steps, .content.content-display-12.user-contacts .content-steps, .content.content-display-12.user-details .content-steps, .content.content-display-12.order-details .content-steps, .content.content-display-12.viewlist .content-steps {
    padding: 0 133.33px 33.33px 133.33px;
  }
}
.content.content-display-12.sav-page .content-steps table, .content.content-display-12.order-page .content-steps table, .content.content-display-12.user-contacts .content-steps table, .content.content-display-12.user-details .content-steps table, .content.content-display-12.order-details .content-steps table, .content.content-display-12.viewlist .content-steps table {
  margin-top: 1rem;
  width: 100%;
}
.content.content-display-12.sav-page .content-steps table tr, .content.content-display-12.order-page .content-steps table tr, .content.content-display-12.user-contacts .content-steps table tr, .content.content-display-12.user-details .content-steps table tr, .content.content-display-12.order-details .content-steps table tr, .content.content-display-12.viewlist .content-steps table tr {
  box-sizing: border-box;
  height: 4.167vw;
  min-height: 4.167vw;
  max-height: 4.167vw;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .content-steps table tr, .content.content-display-12.order-page .content-steps table tr, .content.content-display-12.user-contacts .content-steps table tr, .content.content-display-12.user-details .content-steps table tr, .content.content-display-12.order-details .content-steps table tr, .content.content-display-12.viewlist .content-steps table tr {
    height: 66.67px;
    min-height: 66.67px;
    max-height: 66.67px;
  }
}
.content.content-display-12.sav-page .content-steps table tr:nth-child(odd), .content.content-display-12.order-page .content-steps table tr:nth-child(odd), .content.content-display-12.user-contacts .content-steps table tr:nth-child(odd), .content.content-display-12.user-details .content-steps table tr:nth-child(odd), .content.content-display-12.order-details .content-steps table tr:nth-child(odd), .content.content-display-12.viewlist .content-steps table tr:nth-child(odd) {
  background-color: #f8f9fa;
}
.content.content-display-12.sav-page .content-steps table tr td:first-child, .content.content-display-12.order-page .content-steps table tr td:first-child, .content.content-display-12.user-contacts .content-steps table tr td:first-child, .content.content-display-12.user-details .content-steps table tr td:first-child, .content.content-display-12.order-details .content-steps table tr td:first-child, .content.content-display-12.viewlist .content-steps table tr td:first-child {
  box-sizing: border-box;
  width: 4.167vw;
  min-width: 4.167vw;
  max-width: 4.167vw;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .content-steps table tr td:first-child, .content.content-display-12.order-page .content-steps table tr td:first-child, .content.content-display-12.user-contacts .content-steps table tr td:first-child, .content.content-display-12.user-details .content-steps table tr td:first-child, .content.content-display-12.order-details .content-steps table tr td:first-child, .content.content-display-12.viewlist .content-steps table tr td:first-child {
    width: 66.67px;
    min-width: 66.67px;
    max-width: 66.67px;
  }
}
.content.content-display-12.sav-page .content-steps table td, .content.content-display-12.order-page .content-steps table td, .content.content-display-12.user-contacts .content-steps table td, .content.content-display-12.user-details .content-steps table td, .content.content-display-12.order-details .content-steps table td, .content.content-display-12.viewlist .content-steps table td {
  position: relative;
}
.content.content-display-12.sav-page .content-steps table td:nth-child(3), .content.content-display-12.sav-page .content-steps table td:nth-child(4), .content.content-display-12.order-page .content-steps table td:nth-child(3), .content.content-display-12.order-page .content-steps table td:nth-child(4), .content.content-display-12.user-contacts .content-steps table td:nth-child(3), .content.content-display-12.user-contacts .content-steps table td:nth-child(4), .content.content-display-12.user-details .content-steps table td:nth-child(3), .content.content-display-12.user-details .content-steps table td:nth-child(4), .content.content-display-12.order-details .content-steps table td:nth-child(3), .content.content-display-12.order-details .content-steps table td:nth-child(4), .content.content-display-12.viewlist .content-steps table td:nth-child(3), .content.content-display-12.viewlist .content-steps table td:nth-child(4) {
  font-size: 0.75rem;
}
.content.content-display-12.sav-page .content-steps table tr:last-child td .step-indicator-line, .content.content-display-12.order-page .content-steps table tr:last-child td .step-indicator-line, .content.content-display-12.user-contacts .content-steps table tr:last-child td .step-indicator-line, .content.content-display-12.user-details .content-steps table tr:last-child td .step-indicator-line, .content.content-display-12.order-details .content-steps table tr:last-child td .step-indicator-line, .content.content-display-12.viewlist .content-steps table tr:last-child td .step-indicator-line {
  display: none !important;
}
.content.content-display-12.sav-page .content-steps time, .content.content-display-12.order-page .content-steps time, .content.content-display-12.user-contacts .content-steps time, .content.content-display-12.user-details .content-steps time, .content.content-display-12.order-details .content-steps time, .content.content-display-12.viewlist .content-steps time {
  margin: 0 0 0 1.042vw;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .content-steps time, .content.content-display-12.order-page .content-steps time, .content.content-display-12.user-contacts .content-steps time, .content.content-display-12.user-details .content-steps time, .content.content-display-12.order-details .content-steps time, .content.content-display-12.viewlist .content-steps time {
    margin: 0 0 0 16.67px;
  }
}
.content.content-display-12.sav-page .content-steps .step-indicator-line, .content.content-display-12.order-page .content-steps .step-indicator-line, .content.content-display-12.user-contacts .content-steps .step-indicator-line, .content.content-display-12.user-details .content-steps .step-indicator-line, .content.content-display-12.order-details .content-steps .step-indicator-line, .content.content-display-12.viewlist .content-steps .step-indicator-line {
  position: absolute;
  left: 0.35rem;
  height: 100%;
  width: 1px;
  background-color: #b1b2b3;
}
.content.content-display-12.sav-page .content-steps .step-indicator, .content.content-display-12.order-page .content-steps .step-indicator, .content.content-display-12.user-contacts .content-steps .step-indicator, .content.content-display-12.user-details .content-steps .step-indicator, .content.content-display-12.order-details .content-steps .step-indicator, .content.content-display-12.viewlist .content-steps .step-indicator {
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  display: block;
  margin-left: -0.7rem;
  position: absolute;
  top: 0.6rem;
}
.content.content-display-12.sav-page .content-steps .step-indicator.step-1, .content.content-display-12.order-page .content-steps .step-indicator.step-1, .content.content-display-12.user-contacts .content-steps .step-indicator.step-1, .content.content-display-12.user-details .content-steps .step-indicator.step-1, .content.content-display-12.order-details .content-steps .step-indicator.step-1, .content.content-display-12.viewlist .content-steps .step-indicator.step-1 {
  background-color: #7a7b7a;
}
.content.content-display-12.sav-page .content-steps .step-indicator.step-2, .content.content-display-12.order-page .content-steps .step-indicator.step-2, .content.content-display-12.user-contacts .content-steps .step-indicator.step-2, .content.content-display-12.user-details .content-steps .step-indicator.step-2, .content.content-display-12.order-details .content-steps .step-indicator.step-2, .content.content-display-12.viewlist .content-steps .step-indicator.step-2 {
  background-color: #EE1B24;
}
.content.content-display-12.sav-page .content-steps .step-indicator.step-3, .content.content-display-12.order-page .content-steps .step-indicator.step-3, .content.content-display-12.user-contacts .content-steps .step-indicator.step-3, .content.content-display-12.user-details .content-steps .step-indicator.step-3, .content.content-display-12.order-details .content-steps .step-indicator.step-3, .content.content-display-12.viewlist .content-steps .step-indicator.step-3 {
  background-color: #5ca0cd;
}
.content.content-display-12.sav-page .content-steps .step-indicator.step-4, .content.content-display-12.order-page .content-steps .step-indicator.step-4, .content.content-display-12.user-contacts .content-steps .step-indicator.step-4, .content.content-display-12.user-details .content-steps .step-indicator.step-4, .content.content-display-12.order-details .content-steps .step-indicator.step-4, .content.content-display-12.viewlist .content-steps .step-indicator.step-4 {
  background-color: #124980;
}
.content.content-display-12.sav-page .content-steps .step-indicator.step-5, .content.content-display-12.order-page .content-steps .step-indicator.step-5, .content.content-display-12.user-contacts .content-steps .step-indicator.step-5, .content.content-display-12.user-details .content-steps .step-indicator.step-5, .content.content-display-12.order-details .content-steps .step-indicator.step-5, .content.content-display-12.viewlist .content-steps .step-indicator.step-5 {
  background-color: #000;
}
.content.content-display-12.sav-page .content-steps .step-indicator.step-0, .content.content-display-12.order-page .content-steps .step-indicator.step-0, .content.content-display-12.user-contacts .content-steps .step-indicator.step-0, .content.content-display-12.user-details .content-steps .step-indicator.step-0, .content.content-display-12.order-details .content-steps .step-indicator.step-0, .content.content-display-12.viewlist .content-steps .step-indicator.step-0 {
  background-color: #fff !important;
  border: 1px solid #7a7b7a;
}
.content.content-display-12.sav-page .content-footer, .content.content-display-12.order-page .content-footer, .content.content-display-12.user-contacts .content-footer, .content.content-display-12.user-details .content-footer, .content.content-display-12.order-details .content-footer, .content.content-display-12.viewlist .content-footer {
  padding: 0 8.333vw 2.083vw 8.333vw;
}
@media (min-width: unset) {
  .content.content-display-12.sav-page .content-footer, .content.content-display-12.order-page .content-footer, .content.content-display-12.user-contacts .content-footer, .content.content-display-12.user-details .content-footer, .content.content-display-12.order-details .content-footer, .content.content-display-12.viewlist .content-footer {
    padding: 0 133.33px 33.33px 133.33px;
  }
}
.content.content-display-12.sav-page .content-footer, .content.content-display-12.order-page .content-footer, .content.content-display-12.user-contacts .content-footer, .content.content-display-12.user-details .content-footer, .content.content-display-12.order-details .content-footer, .content.content-display-12.viewlist .content-footer {
  margin-top: 2rem;
}
.content.content-display-12.sav-page .content-footer .table-display-1, .content.content-display-12.order-page .content-footer .table-display-1, .content.content-display-12.user-contacts .content-footer .table-display-1, .content.content-display-12.user-details .content-footer .table-display-1, .content.content-display-12.order-details .content-footer .table-display-1, .content.content-display-12.viewlist .content-footer .table-display-1 {
  margin-top: 0.75rem;
}
.content.content-display-12.sav-page .content-footer .subtitle, .content.content-display-12.order-page .content-footer .subtitle, .content.content-display-12.user-contacts .content-footer .subtitle, .content.content-display-12.user-details .content-footer .subtitle, .content.content-display-12.order-details .content-footer .subtitle, .content.content-display-12.viewlist .content-footer .subtitle {
  font-size: 0.75rem !important;
  font-weight: normal !important;
  margin-bottom: 1rem !important;
}
.content.content-display-12.sav-page .content-row:last-child {
  text-align: left;
}
.content.content-display-12.sav-page .content-row:last-child .label-display-2 {
  max-width: 100vw;
}
.content.content-display-12.user-details .content-body, .content.content-display-12.order-details .content-body {
  flex-direction: row;
}
.content.content-display-12.user-details .content-body .field-content, .content.content-display-12.order-details .content-body .field-content {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
}
.content.content-display-12.user-details .content-body .field-content .field-label, .content.content-display-12.order-details .content-body .field-content .field-label {
  color: #cccccc;
  font-size: 0.75rem;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 {
  padding: 0.833vw 2.083vw;
}
@media (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 {
    padding: 13.33px 33.33px;
  }
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 {
  background-color: #f8f9fa;
  margin-top: 3rem;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-header, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 .field-header {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-group, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 .field-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-content-left, .content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-content-right, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 .field-content-left, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 .field-content-right {
  flex-basis: 50%;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-content-right, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 .field-content-right {
  border: 1px solid #868e96;
  padding: 0.2rem 0.5rem;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-1 a, .content.content-display-12.order-details .content-body .field-content.field-content-display-1 a {
  font-size: 0.75rem;
  text-decoration: underline;
  color: #7a7b7a;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-2, .content.content-display-12.order-details .content-body .field-content.field-content-display-2 {
  flex-direction: row;
  justify-content: flex-start;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-2 .field-value, .content.content-display-12.order-details .content-body .field-content.field-content-display-2 .field-value {
  margin-left: 2rem;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-2 *, .content.content-display-12.order-details .content-body .field-content.field-content-display-2 * {
  color: #000 !important;
  font-size: 1rem !important;
  font-weight: 600;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-2.field-content-user-id *, .content.content-display-12.order-details .content-body .field-content.field-content-display-2.field-content-user-id * {
  color: #124980 !important;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-3, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 {
  margin-top: 3rem;
  flex-direction: row;
  justify-content: space-between;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-header, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-header {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #474747;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-group, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-left, .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-left, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right {
  padding: 0.833vw 2.083vw;
}
@media (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-left, .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-left, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right {
    padding: 13.33px 33.33px;
  }
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-left, .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-left, .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right {
  background-color: #f8f9fa;
  flex-basis: 47%;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right div:nth-child(3), .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right div:nth-child(3) {
  margin-top: 1rem;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-4, .content.content-display-12.order-details .content-body .field-content.field-content-display-4 {
  flex-direction: row;
  justify-content: flex-start;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-4 .field-value, .content.content-display-12.order-details .content-body .field-content.field-content-display-4 .field-value {
  margin-left: 2rem;
  color: #7a7b7a !important;
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-4 .field-label, .content.content-display-12.order-details .content-body .field-content.field-content-display-4 .field-label {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
}
@media (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-4 .field-label, .content.content-display-12.order-details .content-body .field-content.field-content-display-4 .field-label {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
.content.content-display-12.user-details .content-body .field-content.field-content-display-4 *, .content.content-display-12.order-details .content-body .field-content.field-content-display-4 * {
  color: #000 !important;
  font-size: 1rem !important;
}
.content.content-display-12.user-details .content-body .dashed-line, .content.content-display-12.order-details .content-body .dashed-line {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
}
@media (min-width: unset) {
  .content.content-display-12.user-details .content-body .dashed-line, .content.content-display-12.order-details .content-body .dashed-line {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.content.content-display-12.user-details .content-body .dashed-line, .content.content-display-12.order-details .content-body .dashed-line {
  margin: 0.833vw 0;
}
@media (min-width: unset) {
  .content.content-display-12.user-details .content-body .dashed-line, .content.content-display-12.order-details .content-body .dashed-line {
    margin: 13.33px 0;
  }
}
.content.content-display-12.user-details .content-body .dashed-line, .content.content-display-12.order-details .content-body .dashed-line {
  height: 0;
  border-top: 0.5rem dashed #474747;
}
.content.content-display-12 .field-content-display-5 {
  margin: 1.5rem 0;
  padding: 1rem;
  background-color: #124980;
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 1.1rem;
}
.content.content-display-12 .field-content-display-6 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.content.content-display-12 .field-content-display-6 .field-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
.content.content-display-12 .field-content-display-6 .field-header div {
  border: 1px solid #000;
  margin-right: 1rem;
  padding: 0.5rem 1rem;
}
.content.content-display-12 .field-content-display-6 .field-header div:first-child {
  box-sizing: border-box;
  width: 41.667vw;
  min-width: 41.667vw;
  max-width: 41.667vw;
}
@media (min-width: unset) {
  .content.content-display-12 .field-content-display-6 .field-header div:first-child {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}
.content.content-display-12 .field-content-display-6 .field-header div:first-child i {
  margin-right: 1rem;
}
.content.content-display-12 .sav-log .table-display-1 th:first-child,
.content.content-display-12 .sav-log .table-display-1 tr td:first-child {
  padding-left: 2rem;
}
.content.content-display-12 .sav-log .table-display-1 tr td:last-child {
  text-align: unset;
  font-weight: unset;
}
.content.content-display-12 .subtitle {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 2rem;
  width: 100%;
}
.content.content-display-12 .views-element-container {
  width: 100%;
}
.content.content-display-12 .views-element-container:first-child {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .content.content-display-12 .views-element-container:first-child {
    margin: 0 0 66.67px 0;
  }
}
.content.content-display-12 .more-link {
  text-align: right;
  margin-top: 1rem;
  font-weight: bold;
}
.content.content-display-12 h2.title {
  padding: 0.75rem;
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  background-color: #000;
}
.content.content-display-12 h3.title {
  font-size: 1rem;
}
.content.content-display-12 .bef-exposed-form > div:first-child {
  border-bottom: 2px solid black;
}
.content.content-display-12 .bef-exposed-form > div {
  display: flex;
  margin-bottom: 1rem;
}
.content.content-display-12 .bef-exposed-form label {
  margin: 0 !important;
  border: 0 !important;
  min-width: 8rem;
  font-weight: bold;
}
.content.content-display-12 .bef-links {
  display: flex;
  width: 100%;
  margin: 0;
  font-size: 0.85rem;
}
.content.content-display-12 .bef-links ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .content.content-display-12 .bef-links ul {
    flex-flow: column;
    padding: 0;
  }
}
.content.content-display-12 .bef-links > div {
  border-bottom: 1px solid #000;
  padding: 0 2rem 0 0;
}
.content.content-display-12 .bef-links > div:last-child {
  padding: 0;
}
.content.content-display-12 .bef-link--selected {
  font-weight: bold;
  border-bottom: 5px solid black;
}
.content.content-display-12 .form-item-field-universe-target-id {
  display: flex;
  margin-bottom: 1rem;
}
.content.content-display-12 .form-item-field-universe-target-id label {
  font-size: 0.85rem;
  border-bottom: 1px solid #000;
  padding: 0 2rem 0 0;
  margin: 1rem 0;
  color: #000;
}
.content.content-display-12 .bef-link-active {
  font-weight: bold;
  border-bottom: 6px solid black;
}
.content.content-display-12 table.table-display-1:first-child {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .content.content-display-12 table.table-display-1:first-child {
    margin: 0 0 66.67px 0;
  }
}
.content.content-display-12 .field-content-display-3 h2.title-display-2,
.content.content-display-12 .field-content-display-1 h2.title-display-2 {
  font-size: 1rem;
  background: none;
  color: #124980;
  padding: 0;
}
.content.content-display-12.sav-page .content-body .label-display-2 div:first-child {
  text-transform: lowercase;
}
.content.content-display-12.sav-page .content-body .label-display-2 div:first-child:first-letter {
  text-transform: uppercase;
}

@media (max-width: 639px) {
  .sav-page.content.content-display-12 .bef-links,
  .order-page.content.content-display-12 .bef-links,
  .user-mainboard.content.content-display-12 .bef-links {
    display: block;
    margin: 0 0 1rem 0;
    font-size: unset;
  }
  .sav-page.content.content-display-12 .form-item-field-universe-target-id,
  .order-page.content.content-display-12 .form-item-field-universe-target-id,
  .user-mainboard.content.content-display-12 .form-item-field-universe-target-id {
    display: unset;
    margin-bottom: unset;
  }
  .sav-page.content.content-display-12 .form-item-field-universe-target-id label,
  .order-page.content.content-display-12 .form-item-field-universe-target-id label,
  .user-mainboard.content.content-display-12 .form-item-field-universe-target-id label {
    font-size: 1rem;
    border-bottom: unset;
    padding: unset;
    margin: unset;
  }
  .content.content-display-12.user-details .content-body {
    flex-direction: column;
  }
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-group {
    flex-direction: column;
    box-sizing: border-box;
    height: 37.5vw;
    min-height: 37.5vw;
    max-height: 37.5vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1 .field-group {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
  }
}
@media (max-width: 639px) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1 {
    padding: 4.167vw 2.083vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1 {
    padding: 66.67px 33.33px;
  }
}
@media (max-width: 639px) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1 .dashed-line {
    box-sizing: border-box;
    width: 75vw;
    min-width: 75vw;
    max-width: 75vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-1 .dashed-line {
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
  }
}
@media (max-width: 639px) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-3,
  .content.content-display-12.order-details .content-body .field-content.field-content-display-3 {
    flex-direction: column;
  }
  .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right,
  .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right {
    margin-top: 1rem;
  }
  .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right, .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-left,
  .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right,
  .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-left {
    padding: 4.167vw 2.083vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-right, .content.content-display-12.user-details .content-body .field-content.field-content-display-3 .field-content-left,
  .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-right,
  .content.content-display-12.order-details .content-body .field-content.field-content-display-3 .field-content-left {
    padding: 66.67px 33.33px;
  }
}
@media (max-width: 639px) {
  .content.content-display-12.order-details .title-wrapper {
    flex-direction: column;
  }
  .content.content-display-12.order-details .title-wrapper .status {
    margin-top: 0;
  }
  .table.table-display-2 .table-title-line,
  .table.table-display-2 .table-first-line {
    width: 100% !important;
  }
  .table.table-display-2 .table-second-line {
    flex-direction: column !important;
  }
  .table.table-display-2 .table-second-line .left-fields {
    width: 100% !important;
  }
  .table.table-display-2 .table-second-line .right-fields {
    width: 100% !important;
    margin-top: 0.5rem !important;
  }
  .order-page.content.content-display-12 .bef-links div {
    height: 2.4rem;
    display: flex;
    align-items: center;
  }
  .order-page.content.content-display-12 .bef-links div.bef-link-active {
    align-items: flex-end !important;
  }
  .sav-page.content.content-display-12 .bef-links div {
    height: 2.4rem;
    display: flex;
    align-items: center;
  }
  .sav-page.content.content-display-12 .bef-links div.bef-link-active {
    align-items: flex-end !important;
  }
  .content.content-display-12.sav-page .label {
    box-sizing: border-box;
    width: 41.667vw;
    min-width: 41.667vw;
    max-width: 41.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-12.sav-page .label {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}
@media (max-width: 639px) {
  .content.content-display-12.sav-page .content-row {
    margin-bottom: 1rem;
  }
  .content.content-display-12.sav-page .content-mention {
    max-width: 100vw;
  }
  .content.content-display-12.sav-page .content-steps,
  .content.content-display-12.sav-page .content-footer {
    padding: 0;
  }
  .content.content-display-12.sav-page .content-steps .step-indicator {
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    display: block;
    margin-left: -0.2rem;
    position: absolute;
    top: 0.8rem;
  }
}
.content.content-display-13 {
  padding: 4.167vw 16.667vw 2.083vw 16.667vw;
}
@media (min-width: unset) {
  .content.content-display-13 {
    padding: 66.67px 266.67px 33.33px 266.67px;
  }
}
.content.content-display-13 {
  display: flex;
  flex-direction: column;
}

/* Jobs display */
.content.content-display-14 {
  padding: 0.417vw 1.667vw 1.25vw 1.667vw;
}
@media (min-width: unset) {
  .content.content-display-14 {
    padding: 6.67px 26.67px 20px 26.67px;
  }
}
.content.content-display-14 {
  font-size: 1rem;
  text-align: left;
  color: #7a7b7a;
  background-color: #f8f9fa;
  width: 11.9rem;
  min-height: 14rem;
  margin-right: 0.4rem;
}
@media (max-width: 639px) {
  .content.content-display-14 {
    padding: 1.25vw 8.333vw 2.5vw 8.333vw;
    width: 100%;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content.content-display-14 {
    padding: 20px 133.33px 40px 133.33px;
  }
}
.content.content-display-14 {
  /*margin-right: 0.6rem;*/
  margin-bottom: 0.6rem;
  /*&:nth-child(4n) {
    margin-right: unset;
  }*/
}
.content.content-display-14 .content-header {
  margin-bottom: 0.2rem;
  display: block;
  flex-wrap: unset;
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 0.85rem;
}
.content.content-display-14 .content-body {
  display: block;
  font-size: 0.85rem;
}
.content.content-display-14 .content-body .content-body-top {
  font-size: 0.65rem;
  color: #124980;
}
.content.content-display-14 .content-footer {
  margin-top: 0.2rem;
  display: flex;
  justify-content: center;
}
.content.content-display-14 .content-footer a {
  font-size: 0.85rem;
  font-weight: 600;
}
.content.content-display-14 .body-content {
  margin-top: 0.5rem;
  height: 3.8rem;
  overflow: hidden;
  font-size: 0.65rem;
}
.content.content-display-14 .body-content * {
  font-size: 0.65rem;
}
.content.content-display-14 .btn {
  line-height: 0.45;
}

/* Job page */
.content-display-15 {
  padding: 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .content-display-15 {
    padding: 66.67px 266.67px;
  }
}
@media (max-width: 639px) {
  .content-display-15 {
    padding: 4.167vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-15 {
    padding: 66.67px 133.33px;
  }
}
.content-display-15 .content-body {
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 639px) {
  .content-display-15 .content-body {
    flex-direction: column-reverse;
  }
}
.content-display-15 .body-content {
  padding: 0 2rem 0 0;
  box-sizing: border-box;
  width: 41.667vw;
  min-width: 41.667vw;
  max-width: 41.667vw;
}
@media (min-width: unset) {
  .content-display-15 .body-content {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}
@media (max-width: 639px) {
  .content-display-15 .body-content {
    padding: 0;
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-15 .body-content {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-15 .body-content {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
.content-display-15 .content-aside {
  box-sizing: border-box;
  width: 22.917vw;
  min-width: 22.917vw;
  max-width: 22.917vw;
}
@media (min-width: unset) {
  .content-display-15 .content-aside {
    width: 366.67px;
    min-width: 366.67px;
    max-width: 366.67px;
  }
}
.content-display-15 .content-aside {
  background-color: #f8f9fa;
  padding: 0.833vw 3.333vw;
}
@media (min-width: unset) {
  .content-display-15 .content-aside {
    padding: 13.33px 53.33px;
  }
}
.content-display-15 .content-aside {
  height: 100%;
  padding-bottom: 2rem;
}
@media (max-width: 639px) {
  .content-display-15 .content-aside {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    margin-bottom: 2rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-15 .content-aside {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
.content-display-15 .content-aside .content-aside-element {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid white;
  padding: 1rem 0;
  font-size: 0.85rem;
  font-weight: 600;
}
.content-display-15 .content-aside .content-aside-element:first-child {
  border: 0;
}
.content-display-15 .content-aside .content-aside-element div {
  color: #169bd5;
}
.content-display-15 .content-aside .content-aside-element div div {
  color: #000;
}
.content-display-15 .content-aside .content-aside-element > div {
  width: 80%;
}
@media (max-width: 639px) {
  .content-display-15 .content-aside .content-aside-element > div {
    width: 70%;
  }
}
.content-display-15 .content-aside .btn a {
  width: 12rem;
}
@media (max-width: 639px) {
  .content-display-15 .content-aside .btn a {
    width: 18rem;
  }
}
.content-display-15 .content-aside .btn a {
  text-align: center;
}
.content-display-15 .content-aside-element > div > div {
  color: #7a7b7a !important;
}
.content-display-15 .content-aside-element > div {
  color: #124980 !important;
}

/* Job form page */
.content-display-16 {
  padding: 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .content-display-16 {
    padding: 66.67px 266.67px;
  }
}
@media (max-width: 639px) {
  .content-display-16 {
    padding: 4.167vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-16 {
    padding: 66.67px 133.33px;
  }
}
.content-display-16 h6 {
  font-weight: 600;
  color: #000;
}
.content-display-16 .content-body {
  flex-direction: row;
  flex-wrap: nowrap;
}
@media (max-width: 639px) {
  .content-display-16 .content-body {
    flex-direction: column-reverse;
  }
}
.content-display-16 .form-header {
  margin-bottom: 2rem;
}
.content-display-16 form input:not(.form-file):not(.submit-button), .content-display-16 form .select2-container, .content-display-16 form textarea {
  border: 3px solid black;
  width: 100%;
  padding: 0 0 0 0.6rem;
}
.content-display-16 form textarea {
  margin-top: 0.3rem;
}
.content-display-16 .body-content, .content-display-16 form {
  padding: 0 2rem 0 0;
  box-sizing: border-box;
  width: 41.667vw;
  min-width: 41.667vw;
  max-width: 41.667vw;
}
@media (min-width: unset) {
  .content-display-16 .body-content, .content-display-16 form {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}
@media (max-width: 639px) {
  .content-display-16 .body-content, .content-display-16 form {
    padding: 0;
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-16 .body-content, .content-display-16 form {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-16 .body-content, .content-display-16 form {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
.content-display-16 .js-form-item.js-form-type-managed-file {
  display: flex;
  justify-content: space-between;
  font-size: 0.85rem;
}
.content-display-16 .form-email {
  margin-top: 0.25rem;
}
.content-display-16 .select2-container--default .select2-selection--single {
  border: 0;
}
.content-display-16 .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}
.content-display-16 .btn {
  width: 100%;
}
.content-display-16 input.submit-button {
  width: 100%;
  margin-top: 1rem;
  border-color: #090B39;
  color: #090B39;
}
.content-display-16 .content-aside {
  box-sizing: border-box;
  width: 22.917vw;
  min-width: 22.917vw;
  max-width: 22.917vw;
}
@media (min-width: unset) {
  .content-display-16 .content-aside {
    width: 366.67px;
    min-width: 366.67px;
    max-width: 366.67px;
  }
}
.content-display-16 .content-aside {
  background-color: #090B39;
  padding: 0.833vw 3.333vw;
}
@media (min-width: unset) {
  .content-display-16 .content-aside {
    padding: 13.33px 53.33px;
  }
}
.content-display-16 .content-aside {
  height: 100%;
  color: #fff !important;
  padding-bottom: 2rem;
  text-align: center;
}
@media (max-width: 639px) {
  .content-display-16 .content-aside {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    margin-bottom: 2rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-16 .content-aside {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
.content-display-16 .content-aside .content-aside-element {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid white;
  padding: 1rem 0;
  font-size: 0.85rem;
  font-weight: 600;
}
.content-display-16 .content-aside .content-aside-element:first-child {
  border: 0;
}
.content-display-16 .content-aside .content-aside-element div {
  color: #169bd5;
}
.content-display-16 .content-aside .content-aside-element div div {
  color: #000;
}
.content-display-16 .content-aside .content-aside-element > div {
  width: 80%;
}
@media (max-width: 639px) {
  .content-display-16 .content-aside .content-aside-element > div {
    width: 70%;
  }
}
.content-display-16 .content-aside .btn a {
  color: #124980 !important;
  width: 12rem;
}
@media (max-width: 639px) {
  .content-display-16 .content-aside .btn a {
    width: 18rem;
  }
}
.content-display-16 .content-aside .btn a {
  text-align: center;
}

.path-product div[class^=product--variation-field--variation_attribute_] {
  display: none;
}

.custom-richtext {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .custom-richtext {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .custom-richtext {
    padding: 0 8.333vw;
    text-align: justify;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .custom-richtext {
    padding: 0 133.33px;
  }
}
.custom-richtext {
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  .custom-richtext {
    margin: 66.67px 0;
  }
}
.custom-richtext .custom-richtext-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: column;
  justify-content: space-between;
  font-size: 1rem;
  color: #7a7b7a;
}
.custom-richtext .custom-richtext-body .align-left {
  margin-right: 1rem;
}
.custom-richtext .custom-richtext-body .align-right {
  margin-left: 1rem;
}
.custom-richtext .custom-richtext-body p {
  width: 100%;
}
.custom-richtext .custom-richtext-body b, .custom-richtext .custom-richtext-body strong {
  font-weight: 600;
}
@media (max-width: 639px) {
  .custom-richtext .custom-richtext-body img {
    width: 100%;
  }
}

section.focus.focus-primary, section.focus.focus-secondary {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  section.focus.focus-primary, section.focus.focus-secondary {
    padding: 0 266.67px;
  }
}
section.focus.focus-primary, section.focus.focus-secondary {
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  section.focus.focus-primary, section.focus.focus-secondary {
    margin: 66.67px 0;
  }
}
@media (max-width: 639px) {
  section.focus.focus-primary, section.focus.focus-secondary {
    padding: 0 8.333vw;
    margin: 12.5vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  section.focus.focus-primary, section.focus.focus-secondary {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  section.focus.focus-primary, section.focus.focus-secondary {
    margin: 200px 0;
  }
}
section.focus.focus-primary .focus-body, section.focus.focus-secondary .focus-body {
  display: flex;
  width: 100%;
}
@media (max-width: 639px) {
  section.focus.focus-primary .focus-body, section.focus.focus-secondary .focus-body {
    flex-direction: column;
  }
}
section.focus.focus-primary .focus-body .description, section.focus.focus-secondary .focus-body .description {
  /*UPD EVOL DOGA 20180716 font-size: $font-size-small*/
  font-size: 1rem;
}
@media (max-width: 639px) {
  section.focus.focus-primary .focus-body .description, section.focus.focus-secondary .focus-body .description {
    font-size: 0.85rem;
  }
}
@media (min-width: 576px) {
  section.focus.focus-primary .focus-body-left {
    box-sizing: border-box;
    width: 25vw;
    min-width: 25vw;
    max-width: 25vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  section.focus.focus-primary .focus-body-left {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
section.focus.focus-primary .focus-body-left picture img {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
}
@media (min-width: unset) {
  section.focus.focus-primary .focus-body-left picture img {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
@media (max-width: 639px) {
  section.focus.focus-primary .focus-body-left picture img {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 100%;
  }
}
section.focus.focus-primary .focus-body-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media (min-width: 576px) {
  section.focus.focus-primary .focus-body-right {
    margin: 0 0 0 3.333vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  section.focus.focus-primary .focus-body-right {
    margin: 0 0 0 53.33px;
  }
}
@media (max-width: 639px) {
  section.focus.focus-primary .focus-body-right {
    text-align: justify;
  }
}
@media (max-width: 639px) {
  section.focus.focus-secondary .focus-body {
    flex-flow: column-reverse;
  }
}
section.focus.focus-secondary .focus-body-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media (min-width: 576px) {
  section.focus.focus-secondary .focus-body-left {
    margin: 0 3.333vw 0 0;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  section.focus.focus-secondary .focus-body-left {
    margin: 0 53.33px 0 0;
  }
}
@media (max-width: 639px) {
  section.focus.focus-secondary .focus-body-left {
    text-align: justify;
  }
}
@media (min-width: 576px) {
  section.focus.focus-secondary .focus-body-right {
    box-sizing: border-box;
    width: 25vw;
    min-width: 25vw;
    max-width: 25vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  section.focus.focus-secondary .focus-body-right {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
section.focus.focus-secondary .focus-body-right picture img {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
}
@media (min-width: unset) {
  section.focus.focus-secondary .focus-body-right picture img {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
@media (max-width: 639px) {
  section.focus.focus-secondary .focus-body-right picture img {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 100%;
  }
}

@font-face {
  font-family: "Dala Floda";
  font-weight: normal;
  src: url("../fonts/Dala/DalaFlodaMedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Dala/DalaFlodaMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/Dala/DalaFlodaMedium.woff2") format("woff2"), url("../fonts/Dala/DalaFlodaMedium.woff") format("woff"), url("../fonts/Dala/DalaFlodaMedium.ttf") format("truetype"), url("../fonts/Dala/DalaFlodaMedium.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Dala Floda";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/Dala/DalaFlodaMediumItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Dala/DalaFlodaMediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Dala/DalaFlodaMediumItalic.woff2") format("woff2"), url("../fonts/Dala/DalaFlodaMediumItalic.woff") format("woff"), url("../fonts/Dala/DalaFlodaMediumItalic.ttf") format("truetype"), url("../fonts/Dala/DalaFlodaMediumItalic.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Dala Floda";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Dala/DalaFlodaItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Dala/DalaFlodaItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Dala/DalaFlodaItalic.woff2") format("woff2"), url("../fonts/Dala/DalaFlodaItalic.woff") format("woff"), url("../fonts/Dala/DalaFlodaItalic.ttf") format("truetype"), url("../fonts/Dala/DalaFlodaItalic.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "FaithAndGloryTwo";
  font-weight: bold;
  src: url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.eot"); /* IE9 Compat Modes */
  src: url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.eot?#iefix") format("embedded-opentype"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.woff2") format("woff2"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.woff") format("woff"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.ttf") format("truetype"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.svg#svgFontName") format("svg"); /* Legacy iOS */
}
.title-medium, .list-display-1 .viewlist-body .viewlist-sidebar legend, .cke_editable ul .viewlist-body .viewlist-sidebar legend {
  font-weight: 600;
  text-transform: uppercase;
  /*UPD EVOL DOGA 20180716 font-size: 0.9rem; */
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.text-primary, .content.content-display-9 .google-links a {
  color: #090B39;
}

.text-secondary {
  color: #124980;
}

.text-tertiary {
  color: #222457;
}

#footer {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  /*@include media-breakpoint-up(sm) {
    @include make-margin-grid((0.5, 0, 0, 0));
  }*/
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  background-color: #fff;
  border-top: 1px solid #E0E0E1;
  font-weight: 400;
}
#footer img.footer-logo-laptop {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
}
@media (min-width: unset) {
  #footer img.footer-logo-laptop {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
#footer img.footer-logo-laptop {
  margin: 0 0 0 0;
}
@media (min-width: unset) {
  #footer img.footer-logo-laptop {
    margin: 0 0 0 0;
  }
}
#footer img.footer-logo-laptop {
  max-width: 256px;
}
@media (max-width: 639px) {
  #footer img.footer-logo-laptop {
    display: none;
  }
}
#footer img.footer-logo-mobile {
  display: none;
  box-sizing: border-box;
  width: 33.333vw;
  min-width: 33.333vw;
  max-width: 33.333vw;
}
@media (min-width: unset) {
  #footer img.footer-logo-mobile {
    width: 533.33px;
    min-width: 533.33px;
    max-width: 533.33px;
  }
}
#footer img.footer-logo-mobile {
  margin: 4.167vw 0 4.167vw 0;
}
@media (min-width: unset) {
  #footer img.footer-logo-mobile {
    margin: 66.67px 0 66.67px 0;
  }
}
@media (max-width: 639px) {
  #footer img.footer-logo-mobile {
    display: block;
  }
}
#footer .footer-nav {
  padding: 0;
  justify-content: space-around;
}
#footer .footer-nav .nav-link {
  color: #000;
  font-family: "Titillium Web", sans-serif !important;
  font-weight: 400;
  font-size: 80%;
  text-transform: uppercase;
}
@media (max-width: 639px) {
  #footer .footer-nav .nav-link {
    flex: 1 0 33%;
    padding: 0.5rem 0.5rem;
  }
}
#footer .nav-socials {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
}
@media (min-width: unset) {
  #footer .nav-socials {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
#footer .nav-socials {
  margin: 0 0 0 2.083vw;
}
@media (min-width: unset) {
  #footer .nav-socials {
    margin: 0 0 0 33.33px;
  }
}
#footer .nav-socials {
  font-size: 1.1rem;
}
#footer .nav-socials a {
  color: #cccccc !important;
}
@media (max-width: 639px) {
  #footer .nav-socials {
    width: auto;
    max-width: initial;
    min-width: auto;
    margin: 5vw 0 5vw 2.083vw;
    font-size: 1.4rem;
    width: 100%;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #footer .nav-socials {
    margin: 80px 0 80px 33.33px;
  }
}
@media (max-width: 639px) {
  #footer .nav-socials a {
    margin: 0 4.167vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #footer .nav-socials a {
    margin: 0 66.67px;
  }
}
#footer .footer-social-block {
  margin-top: 0.5rem;
}
@media (max-width: 639px) {
  #footer .footer-social-block {
    display: none;
  }
}
#footer .footer-social-block .fa {
  width: 2rem;
  font-size: 1rem;
}
@media (max-width: 639px) {
  #footer .footer-copyright {
    display: none;
  }
  #footer .nav-menu-block-footer-about-menu-menu, #footer .nav-menu-block-footer-administrative-menu {
    padding-left: 32px;
    padding-right: 32px;
  }
  #footer .nav-menu-block-footer-administrative-menu {
    padding-top: 27px;
    padding-bottom: 27px;
  }
}
#footer .company-infos {
  flex-basis: 34%;
  font-size: 0.68rem;
}
@media (max-width: 639px) {
  #footer .company-infos {
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0.5rem 0;
  }
}
#footer .navbar-company-infos {
  align-items: flex-start;
  padding: 2.5vw 0;
}
@media (min-width: unset) {
  #footer .navbar-company-infos {
    padding: 40px 0;
  }
}
#footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
  margin: 0;
}
@media (min-width: unset) {
  #footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
    margin: 0;
  }
}
#footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
  padding: 0;
}
@media (min-width: unset) {
  #footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
    padding: 0;
  }
}
#footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
  list-style-type: none;
}
#footer .navbar-company-infos ul.first-level {
  box-sizing: border-box;
  height: 9.375vw;
  min-height: 9.375vw;
  max-height: 9.375vw;
}
@media (min-width: unset) {
  #footer .navbar-company-infos ul.first-level {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
  }
}
#footer .navbar-company-infos ul.first-level {
  color: #000;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.58rem;
  width: 100%;
  justify-content: flex-start;
  line-height: 1.2rem;
}
@media (max-width: 639px) {
  #footer .navbar-company-infos ul.first-level {
    display: none;
  }
}
#footer .navbar-company-infos ul.first-level > li li {
  font-size: 0.58rem;
}
#footer .navbar-company-infos {
  /*li.first-level {
    flex-basis: 29%;
  }*/
}
#footer .navbar-company-infos li.first-level > a {
  font-size: 0.84rem;
  letter-spacing: -0.005em;
}
#footer .navbar-company-infos .navbar-logo {
  line-height: unset;
}
#footer .navbar-company-infos .navbar-logo-footer {
  margin-bottom: 14px;
}

form * {
  outline: none !important;
}
form details summary {
  margin: 0 0 1.375vw 0;
}
@media (min-width: unset) {
  form details summary {
    margin: 0 0 22px 0;
  }
}
form label.form-required::after {
  content: " *";
}
form label.visually-hidden {
  display: none;
}
form button.link {
  padding: 0;
  margin: 0;
  color: #090B39;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.form-group {
  margin-bottom: 1.5rem;
}
.form-group .form-control-info {
  font-size: 60%;
  margin-top: 0.3rem;
  float: right;
}
.form-group label {
  font-size: 1rem;
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .form-group label {
    font-size: 1.3rem;
  }
}

.form-control {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); /*$form-control-border;*/
  font-size: 1rem;
  color: #b1b2b3;
}
@media (max-width: 639px) {
  .form-control {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); /*$form-control-border;*/
    border-radius: 3px;
    font-size: 1.3rem;
  }
}
.form-control[type=text], .form-control[type=password], .form-control[type=number], .form-control[type=email], .form-control[type=search], .form-control[type=tel], .form-control[type=url], .form-control[type=date] {
  padding: 0.4rem 0px;
}
@media (max-width: 639px) {
  .form-control[type=text], .form-control[type=password], .form-control[type=number], .form-control[type=email], .form-control[type=search], .form-control[type=tel], .form-control[type=url], .form-control[type=date] {
    padding: 0.4rem;
    width: 71vw;
    border-width: 0 0 1px 0;
  }
}
.form-control::placeholder {
  font-size: 80%;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 639px) {
  .form-control::placeholder {
    font-size: 0.9rem;
  }
}
textarea.form-control {
  border: 1px solid #7a7b7a;
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  textarea.form-control {
    margin: 33.33px 0 0 0;
  }
}

@media (min-width: 576px) {
  .form-control:focus {
    color: #b1b2b3;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
}

/* Placeholder IE */
.form-control:-ms-input-placeholder {
  font-size: 80%;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 639px) {
  .form-control:-ms-input-placeholder {
    font-size: 0.9rem;
  }
}

.form-action {
  display: flex;
  justify-content: center;
  flex: 1;
  margin-top: 1.5rem;
}

.form-info {
  display: flex;
  flex: 1 1 100%;
  font-size: 0.8rem;
  font-weight: 100;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0;
  opacity: 0.7;
}

.form-row {
  flex-basis: 110%;
  margin: 0 -2.083vw;
}
@media (min-width: unset) {
  .form-row {
    margin: 0 -33.33px;
  }
}
.form-row > .col,
.form-row > [class*=col-] {
  padding: 0 2.083vw;
}
@media (min-width: unset) {
  .form-row > .col,
  .form-row > [class*=col-] {
    padding: 0 33.33px;
  }
}

.form-type-checkbox label {
  padding-left: 1.7rem;
}

.form-type-radio label {
  padding-left: 1.7rem;
}

.custom-checkbox,
.custom-radio {
  margin-bottom: 0;
}

.webform-submission-form .webform-details-toggle-state-wrapper {
  text-align: right;
  width: 100%;
}
.webform-submission-form .webform-details-toggle-state-wrapper .link {
  text-transform: uppercase;
  font-size: smaller;
}

.form-type-webform-multiple .webform-multiple-table table {
  width: 100%;
}
.form-type-webform-multiple .webform-multiple-table + .container-inline {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
}
.form-type-webform-multiple .webform-multiple-table + .container-inline::before {
  width: 2.75vw;
  min-width: 2.75vw;
  max-width: 2.75vw;
  height: 2.75vw;
  min-height: 2.75vw;
  max-height: 2.75vw;
}
@media (min-width: unset) {
  .form-type-webform-multiple .webform-multiple-table + .container-inline::before {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }
}
.form-type-webform-multiple .webform-multiple-table + .container-inline::before {
  display: block;
  box-sizing: border-box;
  overflow: hidden;
  background-color: transparent;
  border: none;
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  content: "+";
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 2.5vw;
  line-height: 2.75vw;
  position: absolute;
  color: #090B39;
  pointer-events: none;
}
.form-type-webform-multiple .webform-multiple-table + .container-inline .button {
  width: 2.75vw;
  min-width: 2.75vw;
  max-width: 2.75vw;
  height: 2.75vw;
  min-height: 2.75vw;
  max-height: 2.75vw;
}
@media (min-width: unset) {
  .form-type-webform-multiple .webform-multiple-table + .container-inline .button {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    min-height: 44px;
    max-height: 44px;
  }
}
.form-type-webform-multiple .webform-multiple-table + .container-inline .button {
  background-color: transparent;
  color: transparent;
  border: none;
  overflow: hidden;
  cursor: pointer;
}
.form-type-webform-multiple .webform-multiple-table + .container-inline .form-item {
  display: inherit;
}
.form-type-webform-multiple .webform-multiple-table + .container-inline .form-item input {
  margin: 0 15% 0 0;
  text-align: center;
}
.form-type-webform-multiple .webform-multiple-table + .container-inline .form-item .field-suffix {
  white-space: nowrap;
}

.form-display-1 {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.form-display-1::after {
  left: 0;
}
.form-display-1 .form-title {
  margin: 0 0 0 0;
}
@media (min-width: unset) {
  .form-display-1 .form-title {
    margin: 0 0 0 0;
  }
}
.form-display-1 .form-title {
  font-size: 1.5rem;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 639px) {
  .form-display-1 .form-title {
    font-size: 1.8rem;
    margin: 0;
  }
}
.form-display-1 .form-filter {
  z-index: 2;
}
.form-display-1 .form-result {
  margin: 0 20.833vw 0 0;
}
@media (min-width: unset) {
  .form-display-1 .form-result {
    margin: 0 333.33px 0 0;
  }
}
.form-display-1 .form-result {
  width: 100%;
  z-index: 2;
}
@media (max-width: 639px) {
  .form-display-1 .form-result {
    padding: 0 8.333vw 8.333vw 8.333vw;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-display-1 .form-result {
    padding: 0 133.33px 133.33px 133.33px;
  }
}
@media (min-width: 576px) {
  .form-display-1 .form-result .btn {
    color: #090B39;
    background-color: transparent;
    background-image: none;
    border-color: #090B39;
  }
  .form-display-1 .form-result .btn:hover {
    color: #fff;
    background-color: #090B39;
    border-color: #090B39;
  }
  .form-display-1 .form-result .btn:focus, .form-display-1 .form-result .btn.focus {
    box-shadow: 0 0 0 3px rgba(9, 11, 57, 0.5);
  }
  .form-display-1 .form-result .btn.disabled, .form-display-1 .form-result .btn:disabled {
    color: #090B39;
    background-color: transparent;
  }
  .form-display-1 .form-result .btn:active, .form-display-1 .form-result .btn.active, .show > .form-display-1 .form-result .btn.dropdown-toggle {
    color: #fff;
    background-color: #090B39;
    border-color: #090B39;
  }
  .form-display-1 .form-result .btn {
    height: 4.167vw;
    border: none;
    justify-content: center;
    padding: 0px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-display-1 .form-result .btn {
    height: 66.67px;
  }
}
@media (min-width: 576px) {
  .form-display-1 .form-result .btn .fa {
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  .form-display-1 .form-result .btn span {
    z-index: 2;
    display: inline-block;
    padding: 0 0.5rem;
  }
  .form-display-1 .form-result .btn:before, .form-display-1 .form-result .btn:after {
    content: " ";
    display: initial;
    flex-basis: 100%;
    justify-content: center;
    display: flex;
    background-color: #090B39;
    height: 2px;
    width: 2.5rem;
    transition: flex-basis 0.3s ease 0.3s, height 0.3s ease 0s, margin-right 0.3s ease 0.1s, margin-left 0.3s ease 0.1s;
    z-index: 1;
  }
  .form-display-1 .form-result .btn[data-line=false] {
    padding: 1.042vw 2.083vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-display-1 .form-result .btn[data-line=false] {
    padding: 16.67px 33.33px;
  }
}
@media (min-width: 576px) {
  .form-display-1 .form-result .btn[data-line=false]:before, .form-display-1 .form-result .btn[data-line=false]::after {
    display: none !important;
  }
  .form-display-1 .form-result .btn:hover {
    background-color: transparent;
  }
  .form-display-1 .form-result .btn:hover::before, .form-display-1 .form-result .btn:hover::after {
    flex-basis: 100%;
    height: 3.333vw;
    transition: flex-basis 0.3s, height 0.3s ease 0.3s, margin-right 0.3s, margin-left 0.3s;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-display-1 .form-result .btn:hover::before, .form-display-1 .form-result .btn:hover::after {
    height: 53.33px;
  }
}
@media (min-width: 576px) {
  .form-display-1 .form-result .btn:hover::before {
    margin-right: -50%;
  }
  .form-display-1 .form-result .btn:hover::after {
    margin-left: -50%;
  }
  .form-display-1 .form-result .btn:focus {
    box-shadow: none;
  }
}
@media (max-width: 639px) {
  .form-display-1 .form-result .btn {
    color: #fff;
    background-color: #090B39;
    border-color: #fff;
  }
  .form-display-1 .form-result .btn:hover {
    color: #fff;
    background-color: rgb(3.7840909091, 4.625, 23.9659090909);
    border-color: rgb(229.5, 229.5, 229.5);
  }
  .form-display-1 .form-result .btn:focus, .form-display-1 .form-result .btn.focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
  }
  .form-display-1 .form-result .btn.disabled, .form-display-1 .form-result .btn:disabled {
    background-color: #090B39;
    border-color: #fff;
  }
  .form-display-1 .form-result .btn:active, .form-display-1 .form-result .btn.active, .show > .form-display-1 .form-result .btn.dropdown-toggle {
    background-color: rgb(3.7840909091, 4.625, 23.9659090909);
    background-image: none;
    border-color: rgb(229.5, 229.5, 229.5);
  }
  .form-display-1 .form-result .btn {
    border: none;
  }
  .form-display-1 .form-result .btn:before, .form-display-1 .form-result .btn::after {
    background-color: #fff;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 1.5rem;
  }
}
.form-display-1 .form-more-result {
  padding: 4.167vw;
}
@media (min-width: unset) {
  .form-display-1 .form-more-result {
    padding: 66.67px;
  }
}
.form-display-1 .form-more-result {
  margin: -4.167vw 0 0 0;
}
@media (min-width: unset) {
  .form-display-1 .form-more-result {
    margin: -66.67px 0 0 0;
  }
}
.form-display-1 .form-more-result {
  text-align: center;
}
.form-display-1 .close {
  display: none;
}
.form-display-1 .form-result-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
  width: 100%;
}
.form-display-1 .form-result-list .list-group-item {
  padding: 0px;
  margin-bottom: 4.167vw;
}
@media (min-width: unset) {
  .form-display-1 .form-result-list .list-group-item {
    margin-bottom: 66.67px;
  }
}
@media (max-width: 639px) {
  .form-display-1 .form-result-list .list-group-item {
    margin: 0 0 12.5vw 0;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-display-1 .form-result-list .list-group-item {
    margin: 0 0 200px 0;
  }
}
.form-display-1 .form-result-list .list-group-item:nth-child(2n) {
  margin-left: auto;
}
.form-display-1 .form-result-list .list-group-item:last-child {
  padding-bottom: 0px;
}
.form-display-1 .form-result-list .item {
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
  height: 20.833vw;
  min-height: 20.833vw;
  max-height: 20.833vw;
}
@media (min-width: unset) {
  .form-display-1 .form-result-list .item {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
    height: 333.33px;
    min-height: 333.33px;
    max-height: 333.33px;
  }
}
.form-display-1 .form-result-list .item {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (max-width: 639px) {
  .form-display-1 .form-result-list .item {
    width: 75vw;
    min-width: 75vw;
    max-width: 75vw;
    height: 75vw;
    min-height: 75vw;
    max-height: 75vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-display-1 .form-result-list .item {
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
    height: 1200px;
    min-height: 1200px;
    max-height: 1200px;
  }
}

.list-group-item:first-child {
  padding-top: 0px;
}

.form-filter {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
}
@media (min-width: unset) {
  .form-filter {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
.form-filter {
  margin: 0 4.167vw;
}
@media (min-width: unset) {
  .form-filter {
    margin: 0 66.67px;
  }
}
.form-filter {
  flex-grow: 0;
}
@media (max-width: 639px) {
  .form-filter {
    display: none;
  }
}
@media (min-width: 576px) {
  .form-filter .btn {
    color: #474747;
    background-color: transparent;
    background-image: none;
    border-color: #474747;
  }
  .form-filter .btn:hover {
    color: #fff;
    background-color: #474747;
    border-color: #474747;
  }
  .form-filter .btn:focus, .form-filter .btn.focus {
    box-shadow: 0 0 0 3px rgba(71, 71, 71, 0.5);
  }
  .form-filter .btn.disabled, .form-filter .btn:disabled {
    color: #474747;
    background-color: transparent;
  }
  .form-filter .btn:active, .form-filter .btn.active, .show > .form-filter .btn.dropdown-toggle {
    color: #fff;
    background-color: #474747;
    border-color: #474747;
  }
  .form-filter .btn {
    height: 4.167vw;
    border: none;
    justify-content: center;
    padding: 0px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-filter .btn {
    height: 66.67px;
  }
}
@media (min-width: 576px) {
  .form-filter .btn .fa {
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  .form-filter .btn span {
    z-index: 2;
    display: inline-block;
    padding: 0 0.5rem;
  }
  .form-filter .btn:before, .form-filter .btn:after {
    content: " ";
    display: initial;
    flex-basis: 100%;
    justify-content: center;
    display: flex;
    background-color: #474747;
    height: 2px;
    width: 2.5rem;
    transition: flex-basis 0.3s ease 0.3s, height 0.3s ease 0s, margin-right 0.3s ease 0.1s, margin-left 0.3s ease 0.1s;
    z-index: 1;
  }
  .form-filter .btn[data-line=false] {
    padding: 1.042vw 2.083vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-filter .btn[data-line=false] {
    padding: 16.67px 33.33px;
  }
}
@media (min-width: 576px) {
  .form-filter .btn[data-line=false]:before, .form-filter .btn[data-line=false]::after {
    display: none !important;
  }
  .form-filter .btn:hover {
    background-color: transparent;
  }
  .form-filter .btn:hover::before, .form-filter .btn:hover::after {
    flex-basis: 100%;
    height: 3.333vw;
    transition: flex-basis 0.3s, height 0.3s ease 0.3s, margin-right 0.3s, margin-left 0.3s;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-filter .btn:hover::before, .form-filter .btn:hover::after {
    height: 53.33px;
  }
}
@media (min-width: 576px) {
  .form-filter .btn:hover::before {
    margin-right: -50%;
  }
  .form-filter .btn:hover::after {
    margin-left: -50%;
  }
  .form-filter .btn:focus {
    box-shadow: none;
  }
}
@media (max-width: 639px) {
  .form-filter .btn {
    color: #fff;
    background-color: #474747;
    border-color: #fff;
  }
  .form-filter .btn:hover {
    color: #fff;
    background-color: rgb(51.875, 51.875, 51.875);
    border-color: rgb(229.5, 229.5, 229.5);
  }
  .form-filter .btn:focus, .form-filter .btn.focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
  }
  .form-filter .btn.disabled, .form-filter .btn:disabled {
    background-color: #474747;
    border-color: #fff;
  }
  .form-filter .btn:active, .form-filter .btn.active, .show > .form-filter .btn.dropdown-toggle {
    background-color: rgb(51.875, 51.875, 51.875);
    background-image: none;
    border-color: rgb(229.5, 229.5, 229.5);
  }
  .form-filter .btn {
    border: none;
  }
  .form-filter .btn:before, .form-filter .btn::after {
    background-color: #fff;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 1.5rem;
  }
}
.form-filter .btn {
  display: flex;
  margin: auto;
}
@media (min-width: 576px) {
  .form-filter .btn-submit {
    color: #090B39;
    background-color: transparent;
    background-image: none;
    border-color: #090B39;
  }
  .form-filter .btn-submit:hover {
    color: #fff;
    background-color: #090B39;
    border-color: #090B39;
  }
  .form-filter .btn-submit:focus, .form-filter .btn-submit.focus {
    box-shadow: 0 0 0 3px rgba(9, 11, 57, 0.5);
  }
  .form-filter .btn-submit.disabled, .form-filter .btn-submit:disabled {
    color: #090B39;
    background-color: transparent;
  }
  .form-filter .btn-submit:active, .form-filter .btn-submit.active, .show > .form-filter .btn-submit.dropdown-toggle {
    color: #fff;
    background-color: #090B39;
    border-color: #090B39;
  }
  .form-filter .btn-submit {
    height: 4.167vw;
    border: none;
    justify-content: center;
    padding: 0px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-filter .btn-submit {
    height: 66.67px;
  }
}
@media (min-width: 576px) {
  .form-filter .btn-submit .fa {
    font-size: 1.4rem;
    margin-right: 1rem;
  }
  .form-filter .btn-submit span {
    z-index: 2;
    display: inline-block;
    padding: 0 0.5rem;
  }
  .form-filter .btn-submit:before, .form-filter .btn-submit:after {
    content: " ";
    display: initial;
    flex-basis: 100%;
    justify-content: center;
    display: flex;
    background-color: #090B39;
    height: 2px;
    width: 2.5rem;
    transition: flex-basis 0.3s ease 0.3s, height 0.3s ease 0s, margin-right 0.3s ease 0.1s, margin-left 0.3s ease 0.1s;
    z-index: 1;
  }
  .form-filter .btn-submit[data-line=false] {
    padding: 1.042vw 2.083vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-filter .btn-submit[data-line=false] {
    padding: 16.67px 33.33px;
  }
}
@media (min-width: 576px) {
  .form-filter .btn-submit[data-line=false]:before, .form-filter .btn-submit[data-line=false]::after {
    display: none !important;
  }
  .form-filter .btn-submit:hover {
    background-color: transparent;
  }
  .form-filter .btn-submit:hover::before, .form-filter .btn-submit:hover::after {
    flex-basis: 100%;
    height: 3.333vw;
    transition: flex-basis 0.3s, height 0.3s ease 0.3s, margin-right 0.3s, margin-left 0.3s;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .form-filter .btn-submit:hover::before, .form-filter .btn-submit:hover::after {
    height: 53.33px;
  }
}
@media (min-width: 576px) {
  .form-filter .btn-submit:hover::before {
    margin-right: -50%;
  }
  .form-filter .btn-submit:hover::after {
    margin-left: -50%;
  }
  .form-filter .btn-submit:focus {
    box-shadow: none;
  }
}
@media (max-width: 639px) {
  .form-filter .btn-submit {
    color: #fff;
    background-color: #090B39;
    border-color: #fff;
  }
  .form-filter .btn-submit:hover {
    color: #fff;
    background-color: rgb(3.7840909091, 4.625, 23.9659090909);
    border-color: rgb(229.5, 229.5, 229.5);
  }
  .form-filter .btn-submit:focus, .form-filter .btn-submit.focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
  }
  .form-filter .btn-submit.disabled, .form-filter .btn-submit:disabled {
    background-color: #090B39;
    border-color: #fff;
  }
  .form-filter .btn-submit:active, .form-filter .btn-submit.active, .show > .form-filter .btn-submit.dropdown-toggle {
    background-color: rgb(3.7840909091, 4.625, 23.9659090909);
    background-image: none;
    border-color: rgb(229.5, 229.5, 229.5);
  }
  .form-filter .btn-submit {
    border: none;
  }
  .form-filter .btn-submit:before, .form-filter .btn-submit::after {
    background-color: #fff;
    margin-right: 1rem;
    margin-left: 1rem;
    width: 1.5rem;
  }
}
.form-filter .btn-submit {
  margin-top: -0.5rem;
}
.form-filter .form-filter-header {
  padding: 4.167vw 4.167vw 0 4.167vw;
}
@media (min-width: unset) {
  .form-filter .form-filter-header {
    padding: 66.67px 66.67px 0 66.67px;
  }
}
.form-filter .form-filter-body {
  padding: 4.167vw 4.167vw 4.167vw 4.167vw;
}
@media (min-width: unset) {
  .form-filter .form-filter-body {
    padding: 66.67px 66.67px 66.67px 66.67px;
  }
}
.form-filter .form-action {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
}
@media (min-width: unset) {
  .form-filter .form-action {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
.form-filter .form-action {
  margin-left: -4.167vw;
  flex-direction: column;
}

@media (max-width: 639px) {
  .form-display-2 .heading-body {
    padding-left: 0;
    padding-right: 0;
  }
  .form-display-2 .heading-title, .form-display-2 p {
    padding: 0 14.583vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-display-2 .heading-title, .form-display-2 p {
    padding: 0 233.33px;
  }
}

@media (max-width: 639px) {
  .form-display-2 + .views-element-container .d-block {
    margin: 2rem 0 !important;
  }
}

.block-links-last-articles {
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 1rem;
  /*UPD EVOL DOGA 20180716 font-weight: 600;*/
  font-weight: 100;
  color: black;
  line-height: 1.2rem;
  padding: 0 2rem 0 0;
}

#views-exposed-form-article-list {
  margin-bottom: 3rem;
}

.form-item-keywords #edit-keywords {
  border: 1px solid currentColor;
  color: #090B39;
  box-sizing: border-box;
  width: 13.5vw;
  min-width: 13.5vw;
  max-width: 13.5vw;
}
@media (min-width: unset) {
  .form-item-keywords #edit-keywords {
    width: 216px;
    min-width: 216px;
    max-width: 216px;
  }
}
.form-item-keywords #edit-keywords {
  letter-spacing: -0.01em;
  font-size: 0.7rem;
  font-weight: 400;
  padding: 0.3rem 0.8rem 0.3rem 1.8rem;
  background-image: url("../images/search-placeholder.png");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
}
.form-item-keywords #edit-keywords::placeholder {
  color: #090B39;
}

/* Node : contact */
.webform-contact .webform-top-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}
@media (min-width: 576px) {
  .webform-contact .webform-top-header {
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    height: 9.167vw;
    min-height: 9.167vw;
    max-height: 9.167vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .webform-contact .webform-top-header {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .webform-contact .webform-top-header {
    height: 146.67px;
    min-height: 146.67px;
    max-height: 146.67px;
  }
}
.webform-contact .webform-top-header {
  justify-content: center;
  align-items: center;
  background-image: url("../images/contact-header.jpg");
  background-size: cover;
}
.webform-contact .webform-header {
  padding: 2.083vw 0;
}
@media (min-width: unset) {
  .webform-contact .webform-header {
    padding: 33.33px 0;
  }
}
.webform-contact .webform-header {
  /*UPD EVOL DOGA 20180716 font-size: 0.87rem;*/
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
.webform-contact .webform-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
}
.webform-contact .webform-body .title-underline {
  text-transform: unset;
  text-transform: none; /* IE */
}
.webform-contact .webform-body .webform-content-left, .webform-contact .webform-body .webform-content-right {
  flex-basis: 50%;
}
.webform-contact .webform-body .webform-content-left .content-display-9 div div {
  color: #fff;
}
.webform-contact .webform-body .webform-content-left .content-display-9 .googlemapssearch iframe {
  max-width: 100%;
}
.webform-contact .webform-body .webform-content-left {
  color: #fff;
  width: 50%;
}
.webform-contact .webform-body .webform-content-left iframe.map {
  margin-bottom: 2rem;
  width: 90%;
  height: 17rem;
}
.webform-contact .webform-body .webform-content-left .webform-content-inside {
  padding: 0 0 0 16.667vw;
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-left .webform-content-inside {
    padding: 0 0 0 266.67px;
  }
}
.webform-contact .webform-body .webform-content-left .webform-content-inside {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-left .webform-content-inside {
    margin: 33.33px 0 0 0;
  }
}
.webform-contact .webform-body .webform-content-left .webform-content-inside {
  font-size: 0.7rem;
}
.webform-contact .webform-body .webform-content-right .webform-content-inside {
  padding: 0 16.667vw 0 0;
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    padding: 0 266.67px 0 0;
  }
}
.webform-contact .webform-body .webform-content-right .webform-content-inside {
  margin: 2.083vw 0 0 3.333vw;
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    margin: 33.33px 0 0 53.33px;
  }
}
.webform-contact .webform-body .webform-content-left {
  background-color: #090B39;
}
@media (max-width: 639px) {
  .webform-contact .webform-header, .webform-contact .webform-content-left, .webform-contact .webform-content-right, .webform-contact .webform-footer {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .webform-header, .webform-contact .webform-content-left, .webform-contact .webform-content-right, .webform-contact .webform-footer {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) {
  .webform-contact .webform-header {
    padding: 4.167vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .webform-header {
    padding: 66.67px 133.33px;
  }
}
@media (max-width: 639px) {
  .webform-contact .webform-body {
    flex-direction: column;
  }
  .webform-contact .webform-body .webform-content-left {
    width: 100%;
  }
  .webform-contact .webform-body .webform-content-left .webform-content-inside {
    padding: unset;
  }
  .webform-contact .webform-body .webform-content-left .content-display-9 .googlemapsearch {
    max-width: 100%;
  }
  .webform-contact .webform-body .webform-content-left .webform-content-inside .content-display-9 {
    text-align: center;
  }
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    margin: 8.333vw 0;
    padding: unset;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    margin: 133.33px 0;
  }
}
@media (max-width: 639px) {
  .webform-contact .text-blocks-body {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .text-blocks-body {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) {
  .webform-contact .text-blocks.text-blocks-display-2 .text-block, .webform-contact .text-blocks.text-blocks-display-1 .text-block {
    padding: 0;
    flex-direction: column;
  }
  .webform-contact .text-blocks.text-blocks-display-2 .contact-headquarter-gmap {
    height: auto;
    max-height: initial;
    min-height: auto;
  }
  .webform-contact .text-blocks.text-blocks-display-2 iframe.map {
    position: relative;
    top: -20%;
    right: 0;
    width: 100%;
    height: 17rem;
  }
  .webform-contact .text-blocks.text-blocks-display-2 .text-block h2,
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 100%;
  }
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    padding: 4.167vw 0 0 0;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    padding: 66.67px 0 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .webform-contact .text-blocks.text-blocks-display-2 .content-display-9 {
    text-align: center;
  }
}
.webform-contact.webform-contact-display-2 .webform-body {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-body {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .webform-contact.webform-contact-display-2 .webform-body {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-body {
    padding: 0 133.33px;
  }
}
.webform-contact.webform-contact-display-2 .webform-body {
  margin: 0 0 8.333vw 0;
}
@media (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-body {
    margin: 0 0 133.33px 0;
  }
}
.webform-contact.webform-contact-display-2 .webform-content {
  width: 100%;
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside {
  margin: 0;
}
@media (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside {
    margin: 0;
  }
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside {
  padding: unset;
}
@media (min-width: 640px) {
  .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-item textarea {
  height: 8.3rem;
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-item:not(.js-form-type-radio):not(.js-form-type-checkbox), .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-submit {
  width: 23rem;
}
@media (max-width: 639px) {
  .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-item:not(.js-form-type-radio):not(.js-form-type-checkbox), .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-submit {
    width: 100%;
  }
}

/* Webform : contact */
.webform-submission-contact-form-form .form-actions {
  margin-top: 0.65rem;
}
.webform-submission-contact-form-form .js-form-item input:not([type=radio]):not([type=checkbox]), .webform-submission-contact-form-form .js-form-item textarea, .webform-submission-contact-form-form .js-form-item .select2 {
  border: 3px solid black;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.6rem;
  width: 100%;
  margin-top: 0.65rem;
}
.webform-submission-contact-form-form .js-form-item textarea {
  height: 12rem;
}
.webform-submission-contact-form-form .js-form-item .select2.select2-container--default .select2-selection {
  border: 0;
}
.webform-submission-contact-form-form .js-form-item .select2.select2-container--default .select2-selection .select2-selection__arrow {
  margin: 0.5rem;
}
.webform-submission-contact-form-form .js-form-item .select2.select2-container--default .select2-selection .select2-selection__arrow b {
  border-width: 9px 8px 0 8px;
  border-color: #000 transparent transparent transparent;
}
.webform-submission-contact-form-form #edit-civility {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  text-align: center;
}
.webform-submission-contact-form-form #edit-civility > .js-form-item {
  position: relative;
  float: left;
}
.webform-submission-contact-form-form #edit-civility > .js-form-item + .js-form-item {
  margin-left: -3px;
}
.webform-submission-contact-form-form #edit-civility input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.webform-submission-contact-form-form #edit-civility input:checked + label {
  background-color: black;
  color: white;
}
.webform-submission-contact-form-form #edit-civility label {
  border: 3px solid black;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.6rem;
  width: 100%;
  cursor: pointer;
}
.webform-submission-contact-form-form .btn {
  width: 100%;
  text-align: center;
}
.webform-submission-contact-form-form .form-submit {
  border-color: #090B39;
  color: #090B39;
}
.webform-submission-contact-form-form .form-submit:hover {
  color: #fff;
  background-color: #090B39;
}

.form-user-login input.submit-button, .form-user-preregister input.submit-button, .user-register-form input.submit-button, .user-pass input.submit-button {
  background-color: #EE1B24;
  border-color: #EE1B24;
}
.form-user-login input.submit-button:hover, .form-user-preregister input.submit-button:hover, .user-register-form input.submit-button:hover, .user-pass input.submit-button:hover {
  background-color: #fff;
}

.form-user-login, .form-user-preregister, .form-login-header, .user-register-form, .user-pass {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0 16.667vw 0 20.833vw;
}
@media (min-width: unset) {
  .form-user-login, .form-user-preregister, .form-login-header, .user-register-form, .user-pass {
    margin: 0 266.67px 0 333.33px;
  }
}
@media (max-width: 639px) {
  .form-user-login, .form-user-preregister, .form-login-header, .user-register-form, .user-pass {
    margin: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login, .form-user-preregister, .form-login-header, .user-register-form, .user-pass {
    margin: 0 133.33px;
  }
}
.form-user-login form label, .form-user-preregister form label, .form-login-header form label, .user-register-form form label, .user-pass form label {
  margin: 0;
}
.form-user-login form, .form-user-preregister form, .form-login-header form, .user-register-form form, .user-pass form {
  display: flex;
}
.form-user-login form .form-text, .form-user-preregister form .form-text, .form-login-header form .form-text, .user-register-form form .form-text, .user-pass form .form-text {
  margin: 0;
}
.form-user-login form label, .form-user-login form .description, .form-user-login form #edit-email--description, .form-user-login form #edit-markup-side, .form-user-preregister form label, .form-user-preregister form .description, .form-user-preregister form #edit-email--description, .form-user-preregister form #edit-markup-side, .form-login-header form label, .form-login-header form .description, .form-login-header form #edit-email--description, .form-login-header form #edit-markup-side, .user-register-form form label, .user-register-form form .description, .user-register-form form #edit-email--description, .user-register-form form #edit-markup-side, .user-pass form label, .user-pass form .description, .user-pass form #edit-email--description, .user-pass form #edit-markup-side {
  font-size: 0.88rem;
}
.form-user-login form .form-item-name, .form-user-login form .form-item-name input, .form-user-preregister form .form-item-name, .form-user-preregister form .form-item-name input, .form-login-header form .form-item-name, .form-login-header form .form-item-name input, .user-register-form form .form-item-name, .user-register-form form .form-item-name input, .user-pass form .form-item-name, .user-pass form .form-item-name input {
  box-sizing: border-box;
  width: 18.333vw;
  min-width: 18.333vw;
  max-width: 18.333vw;
}
@media (min-width: unset) {
  .form-user-login form .form-item-name, .form-user-login form .form-item-name input, .form-user-preregister form .form-item-name, .form-user-preregister form .form-item-name input, .form-login-header form .form-item-name, .form-login-header form .form-item-name input, .user-register-form form .form-item-name, .user-register-form form .form-item-name input, .user-pass form .form-item-name, .user-pass form .form-item-name input {
    width: 293.33px;
    min-width: 293.33px;
    max-width: 293.33px;
  }
}
.form-user-login form .form-item-name, .form-user-login form .form-item-name input, .form-user-preregister form .form-item-name, .form-user-preregister form .form-item-name input, .form-login-header form .form-item-name, .form-login-header form .form-item-name input, .user-register-form form .form-item-name, .user-register-form form .form-item-name input, .user-pass form .form-item-name, .user-pass form .form-item-name input {
  margin-right: 1rem;
}
.form-user-login form .form-item-pass, .form-user-login form .form-item-pass input, .form-user-preregister form .form-item-pass, .form-user-preregister form .form-item-pass input, .form-login-header form .form-item-pass, .form-login-header form .form-item-pass input, .user-register-form form .form-item-pass, .user-register-form form .form-item-pass input, .user-pass form .form-item-pass, .user-pass form .form-item-pass input {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
}
@media (min-width: unset) {
  .form-user-login form .form-item-pass, .form-user-login form .form-item-pass input, .form-user-preregister form .form-item-pass, .form-user-preregister form .form-item-pass input, .form-login-header form .form-item-pass, .form-login-header form .form-item-pass input, .user-register-form form .form-item-pass, .user-register-form form .form-item-pass input, .user-pass form .form-item-pass, .user-pass form .form-item-pass input {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.form-user-login form .form-item-pass, .form-user-login form .form-item-pass input, .form-user-preregister form .form-item-pass, .form-user-preregister form .form-item-pass input, .form-login-header form .form-item-pass, .form-login-header form .form-item-pass input, .user-register-form form .form-item-pass, .user-register-form form .form-item-pass input, .user-pass form .form-item-pass, .user-pass form .form-item-pass input {
  margin-right: 1rem;
}
.form-user-login form .form-item-pass a, .form-user-preregister form .form-item-pass a, .form-login-header form .form-item-pass a, .user-register-form form .form-item-pass a, .user-pass form .form-item-pass a {
  color: white;
}

@media (max-width: 639px) {
  .user-pass {
    padding: 0 8.333vw;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-pass {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-pass {
    margin: 0;
  }
}
.user-pass {
  flex-direction: column;
  width: unset;
  width: none;
}
.user-pass .form-item-name label {
  display: none;
}
.user-pass .form-actions {
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem 0;
}
.user-pass p {
  display: none;
}

@media (max-width: 639px) {
  .user-register-form {
    padding: 0 8.333vw;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-register-form {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-register-form {
    margin: 0;
  }
}
.user-register-form .form-wrapper {
  width: 40rem;
}
.user-register-form {
  flex-direction: column;
  width: unset;
  width: none;
}
.user-register-form .form-item--error-message {
  color: #EE1B24;
  font-size: 0.65rem;
  font-weight: bold;
  width: 100%;
  text-align: right;
}
.user-register-form .form-footer {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .user-register-form .form-footer {
    margin: 0 0 66.67px 0;
  }
}
.user-register-form .form-footer {
  line-height: 1.5rem;
}
.user-register-form .form-header-mention span {
  color: #EE1B24;
}
.user-register-form .description, .user-register-form .password-strength, .user-register-form .password-suggestions, .user-register-form div.password-confirm, .user-register-form .form-item-name {
  display: none !important;
}
.user-register-form #edit-pass {
  flex-direction: column;
}
.user-register-form .form-item {
  display: flex;
  justify-content: space-between;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.user-register-form .form-item input {
  width: 50%;
  height: 1.5rem;
  border: 2px solid #000;
}
.user-register-form .form-item input.error {
  border-color: #EE1B24;
}
.user-register-form .form-item label {
  /*width: 50%;*/
  width: 13rem;
  margin: 0;
}
.user-register-form .form-item .customer-id-group {
  width: 50%;
  display: flex;
  align-items: center;
}
.user-register-form .form-item .customer-id-group input {
  margin: 0;
}
.user-register-form .form-item .customer-id-group i {
  margin-left: 1rem;
  font-size: 1.3rem;
  color: #b1b2b3;
  cursor: pointer;
}
.user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-body {
  width: 100%;
  padding: 1rem 5rem;
}
@media (max-width: 639px) {
  .user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-body {
    padding: 1rem 2rem;
  }
}
.user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-body img {
  width: 100%;
}
.user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-header {
  padding: 0;
}
.user-register-form .confirm-parent {
  margin-bottom: 0;
}
.user-register-form .form-select {
  display: block !important;
  position: relative !important;
  width: 50% !important;
  border: 2px solid #000 !important;
  height: unset !important;
  clip: unset !important;
}
.user-register-form .chosen-container {
  display: none !important;
}
.user-register-form .form-actions {
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem 0;
}
.user-register-form label {
  margin: 0;
}
.user-register-form label.form-required::after {
  color: #EE1B24;
}
.user-register-form {
  /*.field--name-field-customer-id input {
    width: 40%;
  }*/
}

.form-user-preregister {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.form-user-preregister .preregister-form-block {
  padding: 1.25vw 2.917vw 2.083vw 2.917vw;
}
@media (min-width: unset) {
  .form-user-preregister .preregister-form-block {
    padding: 20px 46.67px 33.33px 46.67px;
  }
}
.form-user-preregister .preregister-form-block {
  box-sizing: border-box;
  width: 30.833vw;
  min-width: 30.833vw;
  max-width: 30.833vw;
}
@media (min-width: unset) {
  .form-user-preregister .preregister-form-block {
    width: 493.33px;
    min-width: 493.33px;
    max-width: 493.33px;
  }
}
.form-user-preregister .preregister-form-block {
  background-color: #e2e2e4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.form-user-preregister .preregister-form-block .form-item-email input {
  box-sizing: border-box;
  width: 18.333vw;
  min-width: 18.333vw;
  max-width: 18.333vw;
}
@media (min-width: unset) {
  .form-user-preregister .preregister-form-block .form-item-email input {
    width: 293.33px;
    min-width: 293.33px;
    max-width: 293.33px;
  }
}

#edit-markup-side {
  padding: 1.25vw 2.917vw 2.083vw 2.917vw;
}
@media (min-width: unset) {
  #edit-markup-side {
    padding: 20px 46.67px 33.33px 46.67px;
  }
}

.form-user-login form {
  padding: 0 2.917vw 2.083vw 2.917vw;
}
@media (min-width: unset) {
  .form-user-login form {
    padding: 0 46.67px 33.33px 46.67px;
  }
}
.form-user-login form .form-actions {
  display: flex;
  align-items: center;
}

.form-user-login .title-h2 {
  padding: 1.25vw 2.917vw 0 2.917vw;
}
@media (min-width: unset) {
  .form-user-login .title-h2 {
    padding: 20px 46.67px 0 46.67px;
  }
}

.form-login-header-content {
  padding: 4.167vw 2.917vw 1.25vw 2.917vw;
}
@media (min-width: unset) {
  .form-login-header-content {
    padding: 66.67px 46.67px 20px 46.67px;
  }
}
.form-login-header-content {
  font-size: 0.85rem;
  font-weight: 600;
}

#edit-markup-side {
  box-sizing: border-box;
  width: 29.167vw;
  min-width: 29.167vw;
  max-width: 29.167vw;
}
@media (min-width: unset) {
  #edit-markup-side {
    width: 466.67px;
    min-width: 466.67px;
    max-width: 466.67px;
  }
}
#edit-markup-side .title-h2:before {
  content: " ";
  float: left;
  margin-right: 1rem;
  width: 55px;
  height: 55px;
  background-image: url(../images/user-icon.png);
}

.form-user-login {
  background-color: #090B39;
  color: #fff;
}

/* Password reset form */
form.user-pass-reset {
  margin: 3rem 0;
  text-align: center;
}
form.user-pass-reset .form-actions .form-submit {
  color: #090B39;
}

form.user-form {
  margin: 3rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
form.user-form .submit-button {
  background-color: #fff;
  font-weight: 600;
  color: #080b3a;
}
form.user-form .form-item-pass-pass2 {
  margin: 2rem 0;
}
form.user-form .password-suggestions.description {
  display: none !important;
}
form.user-form div.password-confirm {
  display: none !important;
}

/* search form */
.exposed-search-block form .form-actions, .exposed-search-block form label {
  display: none;
}

/* Product storage (stocks) */
.doga-commerce-product-storage {
  min-height: 15rem;
  padding-right: 10rem;
}
.doga-commerce-product-storage .form-item-reference {
  display: flex;
}
.doga-commerce-product-storage .qty-subform {
  margin-left: 5rem;
}
.doga-commerce-product-storage .qty-subform .product-label {
  border: 2px solid black;
  padding: 0.2rem 0.5rem;
  font-size: 0.9rem;
  margin: 1rem 0;
}
.doga-commerce-product-storage .qty-subform .product-remaining {
  color: #fff;
  background-color: #090B39;
  text-align: center;
  padding: 0.3rem 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  margin: 2rem 0;
  display: none;
}
.doga-commerce-product-storage .qty-subform .product-additional-text {
  font-size: small;
  font-style: italic;
  color: #EE1B24;
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper label {
  font-size: 0.7rem;
  font-weight: 600;
  margin-bottom: 0;
  position: absolute;
  top: 0;
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
  box-sizing: border-box;
  width: 5.167vw;
  min-width: 5.167vw;
  max-width: 5.167vw;
}
@media (min-width: unset) {
  .doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
    width: 82.67px;
    min-width: 82.67px;
    max-width: 82.67px;
  }
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
  box-sizing: border-box;
  height: 2.083vw;
  min-height: 2.083vw;
  max-height: 2.083vw;
}
@media (min-width: unset) {
  .doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
    height: 33.33px;
    min-height: 33.33px;
    max-height: 33.33px;
  }
}
@media (max-width: 639px) {
  .doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
    box-sizing: border-box;
    width: 12.5vw;
    min-width: 12.5vw;
    max-width: 12.5vw;
    box-sizing: border-box;
    height: 2.917vw;
    min-height: 2.917vw;
    max-height: 2.917vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
    height: 46.67px;
    min-height: 46.67px;
    max-height: 46.67px;
  }
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
  border: 2px solid #000;
  padding: 0.5rem;
  text-align: right;
  font-weight: 600;
  font-size: 0.9rem;
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .btn {
  margin-left: unset;
  margin-top: unset;
  margin-top: 0; /* For IE */
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .btn a {
  border: 3px solid #EE1B24;
  font-size: 0.85rem;
  padding: 0.2rem 0.5rem;
}
.doga-commerce-product-storage .qty-subform .qty-fieldset .product-unit {
  position: absolute;
  left: 25%;
  top: 1.5rem;
}
.doga-commerce-product-storage .form-actions {
  display: none;
}
.doga-commerce-product-storage #availability-ref {
  border-radius: 1rem;
  border: 1px solid #7a7b7a;
  box-sizing: border-box;
  width: 14.583vw;
  min-width: 14.583vw;
  max-width: 14.583vw;
}
@media (min-width: unset) {
  .doga-commerce-product-storage #availability-ref {
    width: 233.33px;
    min-width: 233.33px;
    max-width: 233.33px;
  }
}
.doga-commerce-product-storage #availability-ref {
  font-size: 0.74rem;
  font-weight: bold;
  padding: 0.3rem 1rem 0.3rem 2rem;
  background-image: url("../images/search-placeholder.png");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  margin: 0 0 0 1rem;
}
@media (max-width: 639px) {
  .doga-commerce-product-storage #availability-ref {
    box-sizing: border-box;
    width: 66.667vw;
    min-width: 66.667vw;
    max-width: 66.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .doga-commerce-product-storage #availability-ref {
    width: 1066.67px;
    min-width: 1066.67px;
    max-width: 1066.67px;
  }
}
.doga-commerce-product-storage .form-item-reference label {
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.9rem;
}

/* Hack IE11 */
_:-ms-fullscreen, :root .doga-commerce-product-storage .qty-subform .qty-fieldset .fieldset-wrapper .qty {
  padding: 0;
}

#views-exposed-form-article-list .js-form-type-radio.form-item-field-univers-target-id {
  display: flex;
  align-items: baseline;
}
#views-exposed-form-article-list .js-form-type-radio.form-item-field-univers-target-id input {
  margin-right: 0.5rem;
}

.form-item-pass-pass1 label:after, .form-item-pass-pass2 label:after {
  display: none;
}

@media (max-width: 639px) {
  .form-user-preregister form {
    flex-direction: column;
  }
}

@media (max-width: 639px) {
  .form-user-preregister .preregister-form-block {
    padding: 3vw;
    width: 100%;
    min-width: unset;
    max-width: unset;
    text-align: center;
  }
}

@media (max-width: 639px) {
  .form-user-preregister .preregister-form-block .form-item-email input {
    box-sizing: border-box;
    width: 62.5vw;
    min-width: 62.5vw;
    max-width: 62.5vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-preregister .preregister-form-block .form-item-email input {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}

@media (max-width: 639px) {
  .form-user-login form {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 639px) {
  .form-user-login {
    text-align: center;
  }
}

@media (max-width: 639px) {
  .form-user-login form .form-item-name, .form-user-login form .form-item-pass {
    box-sizing: border-box;
    width: 62.5vw;
    min-width: 62.5vw;
    max-width: 62.5vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login form .form-item-name, .form-user-login form .form-item-pass {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}

@media (max-width: 639px) {
  .form-user-login form .form-item-name input, .form-user-login form .form-item-pass input {
    box-sizing: border-box;
    width: 62.5vw;
    min-width: 62.5vw;
    max-width: 62.5vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login form .form-item-name input, .form-user-login form .form-item-pass input {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}

@media (max-width: 639px) {
  #edit-markup-side {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    margin-top: 1rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #edit-markup-side {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}

@media (max-width: 639px) {
  #edit-markup-side .title-h2 {
    height: 4rem;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-wrapper {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-item input {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-select {
    width: 100% !important;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-item .customer-id-group {
    width: 100%;
  }
}

.node--type-basic-page .webform-submission-job-apply-form > div.title {
  display: none !important;
}

.node--type-basic-page article.webform-submission-job-apply-form {
  padding: 0 16.667vw 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .node--type-basic-page article.webform-submission-job-apply-form {
    padding: 0 266.67px 66.67px 266.67px;
  }
}

.webform-element-help--title {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  color: #090B39 !important;
  font-family: "Titillium Web", sans-serif !important;
}
@media (max-width: 639px) {
  .webform-element-help--title {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}

.webform-element-help--content {
  font-size: 1rem !important;
  font-weight: normal !important;
  color: #7a7b7a !important;
  font-family: "Titillium Web", sans-serif !important;
}

.webform-confirmation__message,
.webform-confirmation__back {
  margin: 3em 0 1em 0 !important;
  text-align: center;
}

.googlemapssearch {
  padding-right: 20px;
}

.googlemapssearch > iframe {
  max-width: 100%;
}

#google-map {
  box-sizing: border-box;
  width: 29.792vw;
  min-width: 29.792vw;
  max-width: 29.792vw;
}
@media (min-width: unset) {
  #google-map {
    width: 476.67px;
    min-width: 476.67px;
    max-width: 476.67px;
  }
}
#google-map {
  box-sizing: border-box;
  height: 19.125vw;
  min-height: 19.125vw;
  max-height: 19.125vw;
}
@media (min-width: unset) {
  #google-map {
    height: 306px;
    min-height: 306px;
    max-height: 306px;
  }
}
#google-map {
  background-color: grey;
}

.google-links a {
  color: white;
  font-size: 0.65rem;
  text-decoration: underline;
  font-weight: 600;
  margin-right: 1rem;
}

iframe.map {
  margin-bottom: 2rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.offset-13 {
  margin-left: 54.1666666667%;
}

.offset-14 {
  margin-left: 58.3333333333%;
}

.offset-15 {
  margin-left: 62.5%;
}

.offset-16 {
  margin-left: 66.6666666667%;
}

.offset-17 {
  margin-left: 70.8333333333%;
}

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

.offset-19 {
  margin-left: 79.1666666667%;
}

.offset-20 {
  margin-left: 83.3333333333%;
}

.offset-21 {
  margin-left: 87.5%;
}

.offset-22 {
  margin-left: 91.6666666667%;
}

.offset-23 {
  margin-left: 95.8333333333%;
}

@media (min-width: 576px) {
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 4.1666666667%;
  }
  .offset-sm-2 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-3 {
    margin-left: 12.5%;
  }
  .offset-sm-4 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 20.8333333333%;
  }
  .offset-sm-6 {
    margin-left: 25%;
  }
  .offset-sm-7 {
    margin-left: 29.1666666667%;
  }
  .offset-sm-8 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-9 {
    margin-left: 37.5%;
  }
  .offset-sm-10 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 45.8333333333%;
  }
  .offset-sm-12 {
    margin-left: 50%;
  }
  .offset-sm-13 {
    margin-left: 54.1666666667%;
  }
  .offset-sm-14 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-15 {
    margin-left: 62.5%;
  }
  .offset-sm-16 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-17 {
    margin-left: 70.8333333333%;
  }
  .offset-sm-18 {
    margin-left: 75%;
  }
  .offset-sm-19 {
    margin-left: 79.1666666667%;
  }
  .offset-sm-20 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-21 {
    margin-left: 87.5%;
  }
  .offset-sm-22 {
    margin-left: 91.6666666667%;
  }
  .offset-sm-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 640px) {
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 4.1666666667%;
  }
  .offset-md-2 {
    margin-left: 8.3333333333%;
  }
  .offset-md-3 {
    margin-left: 12.5%;
  }
  .offset-md-4 {
    margin-left: 16.6666666667%;
  }
  .offset-md-5 {
    margin-left: 20.8333333333%;
  }
  .offset-md-6 {
    margin-left: 25%;
  }
  .offset-md-7 {
    margin-left: 29.1666666667%;
  }
  .offset-md-8 {
    margin-left: 33.3333333333%;
  }
  .offset-md-9 {
    margin-left: 37.5%;
  }
  .offset-md-10 {
    margin-left: 41.6666666667%;
  }
  .offset-md-11 {
    margin-left: 45.8333333333%;
  }
  .offset-md-12 {
    margin-left: 50%;
  }
  .offset-md-13 {
    margin-left: 54.1666666667%;
  }
  .offset-md-14 {
    margin-left: 58.3333333333%;
  }
  .offset-md-15 {
    margin-left: 62.5%;
  }
  .offset-md-16 {
    margin-left: 66.6666666667%;
  }
  .offset-md-17 {
    margin-left: 70.8333333333%;
  }
  .offset-md-18 {
    margin-left: 75%;
  }
  .offset-md-19 {
    margin-left: 79.1666666667%;
  }
  .offset-md-20 {
    margin-left: 83.3333333333%;
  }
  .offset-md-21 {
    margin-left: 87.5%;
  }
  .offset-md-22 {
    margin-left: 91.6666666667%;
  }
  .offset-md-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 992px) {
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 4.1666666667%;
  }
  .offset-lg-2 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-3 {
    margin-left: 12.5%;
  }
  .offset-lg-4 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 20.8333333333%;
  }
  .offset-lg-6 {
    margin-left: 25%;
  }
  .offset-lg-7 {
    margin-left: 29.1666666667%;
  }
  .offset-lg-8 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-9 {
    margin-left: 37.5%;
  }
  .offset-lg-10 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 45.8333333333%;
  }
  .offset-lg-12 {
    margin-left: 50%;
  }
  .offset-lg-13 {
    margin-left: 54.1666666667%;
  }
  .offset-lg-14 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-15 {
    margin-left: 62.5%;
  }
  .offset-lg-16 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-17 {
    margin-left: 70.8333333333%;
  }
  .offset-lg-18 {
    margin-left: 75%;
  }
  .offset-lg-19 {
    margin-left: 79.1666666667%;
  }
  .offset-lg-20 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-21 {
    margin-left: 87.5%;
  }
  .offset-lg-22 {
    margin-left: 91.6666666667%;
  }
  .offset-lg-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1200px) {
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-3 {
    margin-left: 12.5%;
  }
  .offset-xl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xl-6 {
    margin-left: 25%;
  }
  .offset-xl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-9 {
    margin-left: 37.5%;
  }
  .offset-xl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xl-12 {
    margin-left: 50%;
  }
  .offset-xl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-15 {
    margin-left: 62.5%;
  }
  .offset-xl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xl-18 {
    margin-left: 75%;
  }
  .offset-xl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-21 {
    margin-left: 87.5%;
  }
  .offset-xl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xl-23 {
    margin-left: 95.8333333333%;
  }
}
@media (min-width: 1600px) {
  .offset-xxl-0 {
    margin-left: 0%;
  }
  .offset-xxl-1 {
    margin-left: 4.1666666667%;
  }
  .offset-xxl-2 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-3 {
    margin-left: 12.5%;
  }
  .offset-xxl-4 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-5 {
    margin-left: 20.8333333333%;
  }
  .offset-xxl-6 {
    margin-left: 25%;
  }
  .offset-xxl-7 {
    margin-left: 29.1666666667%;
  }
  .offset-xxl-8 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-9 {
    margin-left: 37.5%;
  }
  .offset-xxl-10 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-11 {
    margin-left: 45.8333333333%;
  }
  .offset-xxl-12 {
    margin-left: 50%;
  }
  .offset-xxl-13 {
    margin-left: 54.1666666667%;
  }
  .offset-xxl-14 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-15 {
    margin-left: 62.5%;
  }
  .offset-xxl-16 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-17 {
    margin-left: 70.8333333333%;
  }
  .offset-xxl-18 {
    margin-left: 75%;
  }
  .offset-xxl-19 {
    margin-left: 79.1666666667%;
  }
  .offset-xxl-20 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-21 {
    margin-left: 87.5%;
  }
  .offset-xxl-22 {
    margin-left: 91.6666666667%;
  }
  .offset-xxl-23 {
    margin-left: 95.8333333333%;
  }
}
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .grid {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .grid {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 639px) {
  .grid .grid-header {
    width: 100%;
  }
}
.grid .grid-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}
.grid .square {
  width: calc(50% - 5px);
}
@media (min-width: 640px) {
  .grid .square {
    box-sizing: border-box;
    height: 33.5vw;
    min-height: 33.5vw;
    max-height: 33.5vw;
  }
}
@media (min-width: 640px) and (min-width: unset) {
  .grid .square {
    height: 536px;
    min-height: 536px;
    max-height: 536px;
  }
}
@media (max-width: 639px) {
  .grid .square {
    min-height: calc(100vw - 64px);
    width: auto;
    max-width: initial;
    min-width: auto;
    min-width: 100%;
  }
}
.grid .square {
  background-size: cover;
  background-position: center;
  position: relative;
}
.grid .square .square-body, .grid .square .square-overlay {
  display: flex;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: 600;
}
.grid .square .square-body .square-title, .grid .square .square-overlay .square-title {
  margin: 0 8.333vw;
}
@media (min-width: unset) {
  .grid .square .square-body .square-title, .grid .square .square-overlay .square-title {
    margin: 0 133.33px;
  }
}
.grid .square .square-body h3, .grid .square .square-overlay h3 {
  color: #fff;
  text-align: center;
  height: 100%;
  width: 100%;
  margin-block-start: 1em;
  margin-block-end: 1em;
  text-transform: uppercase;
  font-size: 1.46rem;
  font-weight: 600;
  letter-spacing: 0.125em;
}
@media (min-width: 640px) {
  .grid .square .square-body h3, .grid .square .square-overlay h3 {
    font-size: 2.1rem;
  }
}
.grid .square .square-overlay {
  opacity: 0;
  background-color: #090B39;
  transition: opacity 0.3s;
  align-items: flex-start;
  flex-direction: column;
  letter-spacing: 0;
  text-align: left;
  padding: 32px;
}
@media (min-width: 640px) {
  .grid .square .square-overlay {
    padding: 0 4.167vw;
  }
}
@media (min-width: 640px) and (min-width: unset) {
  .grid .square .square-overlay {
    padding: 0 66.67px;
  }
}
.grid .square .square-overlay:hover {
  opacity: 1;
}
.grid .square .square-overlay .square-title {
  margin: 0;
}
@media (min-width: unset) {
  .grid .square .square-overlay .square-title {
    margin: 0;
  }
}
.grid .square .square-overlay .square-title {
  /*UPD EVOL DOGA 20180716 letter-spacing: 0.3rem;*/
  letter-spacing: 0.125em;
  line-height: 1.1;
  margin-bottom: 9px;
}
@media (max-width: 639px) {
  .grid .square .square-overlay .square-title {
    margin: 0 0 0.5rem 0;
  }
}
.grid .square .square-overlay p {
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-weight: normal;
  text-transform: none;
  width: 100%;
  margin-bottom: 2.7em;
}
@media (max-width: 639px) {
  .grid .square .square-overlay p {
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .grid .square .square-overlay p {
    margin: 0;
  }
}
.grid .square .square-overlay .btn {
  margin-top: 0;
}
@media (max-width: 639px) {
  .grid .square .square-overlay .btn {
    margin: 2.083vw 0 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .grid .square .square-overlay .btn {
    margin: 33.33px 0 0 0;
  }
}
.grid .square .square-title {
  font-size: 2.1rem;
}
@media (max-width: 639px) {
  .grid .square .square-title {
    font-size: 1.46rem;
  }
}

.grid.grid-display-1 {
  padding: 0;
  flex-direction: column;
}
.grid.grid-display-1.grid-type-sales {
  order: 1;
}
.grid.grid-display-1.grid-type-techni {
  order: 2;
}
.grid.grid-display-1.grid-type-sav {
  order: 3;
}
.grid.grid-display-1 .views-row {
  width: 24%;
  background-color: #f8f9fa;
  padding: 0.2rem 0.5rem 0.8rem 0.5rem;
  padding: 0.833vw 2.083vw 3.333vw 2.083vw;
}
@media (min-width: unset) {
  .grid.grid-display-1 .views-row {
    padding: 13.33px 33.33px 53.33px 33.33px;
  }
}
.grid.grid-display-1 .views-row {
  font-size: 0.75rem;
  line-height: 1.5rem;
  border-radius: 0.1rem;
}

/* Specific display for this paragraph in 404 page... */
.content-404 .grid {
  margin: 0.417vw 0 8.333vw 0;
}
@media (min-width: unset) {
  .content-404 .grid {
    margin: 6.67px 0 133.33px 0;
  }
}
.content-404 .grid-header {
  display: none;
}

@media (max-width: 639px) {
  .header-main {
    box-sizing: border-box;
    height: 25vw;
    min-height: 25vw;
    max-height: 25vw;
    display: flex;
    position: relative;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .header-main {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
  }
}
@media (max-width: 639px) {
  .header-main .exposed-search-block {
    position: absolute;
    top: 3.5rem;
    width: 90vw;
    min-width: 90vw;
    max-width: 90vw;
  }
  .header-main .exposed-search-block .form-item-keywords #edit-keywords {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
@media (max-width: 639px) and (max-width: 639px) {
  .header-main .nav-item-dispo {
    position: absolute;
    top: 2.7rem;
    width: 9rem;
    left: 100%;
    margin-left: -120%;
    display: initial;
  }
}

.content-404 .content-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 16.667vw 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .content-404 .content-header {
    padding: 0 266.67px 66.67px 266.67px;
  }
}
.content-404 .content-header {
  margin: 0 0 2.083vw 0;
}
@media (min-width: unset) {
  .content-404 .content-header {
    margin: 0 0 33.33px 0;
  }
}
.content-404 .content-header {
  background-color: #090B39;
  justify-content: space-between;
  align-items: flex-start;
  color: #fff;
}
.content-404 .content-header .header-left, .content-404 .content-header .header-right {
  flex-basis: 50%;
}
.content-404 .content-header .header-right {
  text-align: center;
  background-image: url(../images/robot404.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  align-self: stretch;
}

.content-404 .btn-block {
  margin: 2rem 0 0.4rem 0;
}

.h-list {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .h-list {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .h-list {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.h-list.h-list-white {
  background-color: #fff;
}
.h-list.h-list-gray {
  background-color: #cccccc;
  padding: 3.417vw 16.667vw;
}
@media (min-width: unset) {
  .h-list.h-list-gray {
    padding: 54.67px 266.67px;
  }
}
.h-list .hlist-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .h-list .hlist-body {
    flex-direction: column;
  }
}
.h-list .hlist-element {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
}
@media (min-width: unset) {
  .h-list .hlist-element {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.h-list .hlist-element {
  text-align: center;
}
@media (max-width: 639px) {
  .h-list .hlist-element {
    width: auto;
    max-width: initial;
    min-width: auto;
    display: flex;
    flex-direction: row;
  }
  .h-list .hlist-element picture img {
    width: 16.667vw;
    min-width: 16.667vw;
    max-width: 16.667vw;
    height: 16.667vw;
    min-height: 16.667vw;
    max-height: 16.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .h-list .hlist-element picture img {
    width: 266.67px;
    min-width: 266.67px;
    max-width: 266.67px;
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
@media (max-width: 639px) {
  .h-list .hlist-element .hlist-element-content {
    text-align: left;
    margin: 0 0 0 5vw;
  }
  .h-list .hlist-element .hlist-element-content .title {
    font-size: 1.3rem;
  }
}
.h-list .hlist-element p {
  margin-top: 0;
  margin-bottom: 1rem;
  /*UPD EVOL DOGA 20180716 font-size: 0.6rem;*/
}
.h-list .hlist-element .title {
  color: #090B39;
  font-size: 1.15rem;
  font-weight: 600;
  letter-spacing: -0.005em;
  margin: 1.25vw 0 0.417vw 0;
}
@media (min-width: unset) {
  .h-list .hlist-element .title {
    margin: 20px 0 6.67px 0;
  }
}

.icon {
  display: inline-block;
  width: 75px;
}

.large-icon {
  background-image: url("../images/interface_iconset.png");
  cursor: pointer;
}

.print-icon {
  background-position: 0px 0px;
  width: 28px;
  height: 27px;
  cursor: pointer;
}

.share-icon {
  background-position: -29px 0px;
  width: 37px;
  height: 27px;
}

.contact-icon {
  background-position: -30px -29px;
  width: 32px;
  height: 32px;
}

.account-icon {
  background-position: 0px -29px;
  width: 32px;
  height: 32px;
}

.logout-icon {
  background-position: 0px -86px;
  width: 32px;
  height: 32px;
}

.dispo-icon {
  background-position: -30px -61px;
  width: 32px;
  height: 32px;
}

.icon-worldmap {
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
}

/* Carousel for videos */
.carousel.carousel-display-3 .carousel-item a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: calc(50% - 45px);
  top: calc(50% - 45px);
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 .carousel-item a:before {
    left: calc(80% - 45px);
    top: calc(86% - 45px);
  }
}
.carousel.carousel-display-3 .carousel-item a:before {
  background-image: url("../images/interface_iconset.png");
  background-position: -84px -6px;
  width: 89px;
  height: 89px;
}

/*.jobicon:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;

  &.jobicon-place { content: "\f16a"; }
  &.jobicon-calendar { content: "\f16a"; }
  &.jobicon-file { content: "\f16a"; }
  &.jobicon-xp { content: "\f16a"; }
}*/
span.jobicon:before {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
  content: "\f0c9";
  margin-right: 0.4rem;
}

span.jobicon.jobicon-place:before {
  content: "\f041";
}

span.jobicon.jobicon-date:before {
  content: "\f073";
}

span.jobicon.jobicon-type:before {
  content: "\f15c";
}

span.jobicon.jobicon-xp:before {
  content: "\f005";
}

.paragraph-keyword {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .paragraph-keyword {
    padding: 0 266.67px;
  }
}
.paragraph-keyword {
  margin: var(--layout-spacing) 0;
}
@media (max-width: 639px) {
  .paragraph-keyword {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-keyword {
    padding: 0 133.33px;
  }
}
.paragraph-keyword .keyword-container, .paragraph-keyword .keyword-container .views-element-container > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.paragraph-keyword .keyword-item {
  border: 1px solid #7a7b7a;
  border-radius: 0.3rem;
  background-color: #f8f9fa;
  text-align: center;
  padding: 0.6rem 1.5rem;
  text-transform: uppercase;
  font-size: 0.7rem;
  display: inline-block;
  margin-right: 1rem;
  margin-top: 1.2rem;
  cursor: pointer;
  transition: all 0.2s;
}
.paragraph-keyword .keyword-item:hover {
  background-color: #090B39;
  border: 1px solid transparent;
}
.paragraph-keyword .keyword-item:hover a {
  color: #fff;
  font-weight: 600;
}
.paragraph-keyword .keyword-item a {
  color: #7a7b7a;
}

.list-display-2 .keyword-item {
  padding: 0 0.9rem;
  border-right: 1px solid #eee;
  text-align: center;
}
.list-display-2 .keyword-item:last-child {
  border: 0;
}
.list-display-2 .keyword-item h3 {
  font-weight: 600;
}

:root {
  --layout-spacing: clamp(75px, 9vw, 127px);
}

.fullscreen {
  height: 100vh;
  width: 100%;
  min-width: 320px;
  min-height: 550px;
  position: relative;
}

.content-body > div.paragraph-section {
  /*@include make-width-grid(24);*/
  width: 100vw;
}

/*
STICKY MENU : TODO : modals are hidden
*/
main#main {
  padding-top: 6.4rem;
}

header#header {
  position: fixed;
  z-index: 103;
  background-color: #fff;
  width: 100vw;
  box-shadow: 0 0 60px rgba(9, 11, 55, 0.1);
}

/* SAV and ORDERS temporary not visible */
.user-mainboard .content-body {
  display: none;
}

@media (min-width: 640px) {
  main#main {
    font-size: 0.89rem;
  }
}
.link-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 2.083vw;
}
@media (min-width: unset) {
  .link-list {
    padding: 33.33px;
  }
}
.link-list {
  margin: 0 16.667vw 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .link-list {
    margin: 0 266.67px 66.67px 266.67px;
  }
}
.link-list {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
@media (max-width: 639px) {
  .link-list {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .link-list {
    padding: 0 133.33px;
  }
}
.link-list .btn a {
  min-width: 15rem;
}

.viewlist .viewlist-footer {
  /*@include make-width-grid(24);*/
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: flex-end;
}

.list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  box-sizing: border-box;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
}
@media (min-width: unset) {
  .list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
.list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
  box-sizing: border-box;
  height: 9.167vw;
  min-height: 9.167vw;
  max-height: 9.167vw;
}
@media (min-width: unset) {
  .list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
    height: 146.67px;
    min-height: 146.67px;
    max-height: 146.67px;
  }
}
.list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
  margin: 0 0 3.75vw 0;
}
@media (min-width: unset) {
  .list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
    margin: 0 0 60px 0;
  }
}
.list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
  background-color: #090B39;
}
.list-display-1 .viewlist-header.viewlist-header-actu, .cke_editable ul .viewlist-header.viewlist-header-actu {
  margin-top: 1.5rem;
  background-size: cover;
  background-image: url(../images/actu-header.jpg);
}
.list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
  justify-content: center;
  align-items: center;
}
@media (max-width: 639px) {
  .list-display-1 .viewlist-header, .cke_editable ul .viewlist-header {
    height: auto;
    max-height: initial;
    min-height: auto;
    display: block;
  }
}
.list-display-1 .viewlist-header .title-underline, .cke_editable ul .viewlist-header .title-underline {
  color: #fff;
  margin-bottom: 0;
}
.list-display-1 .viewlist-body, .cke_editable ul .viewlist-body {
  display: flex;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .list-display-1 .viewlist-body, .cke_editable ul .viewlist-body {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .list-display-1 .viewlist-body, .cke_editable ul .viewlist-body {
    flex-direction: column;
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-1 .viewlist-body, .cke_editable ul .viewlist-body {
    padding: 0 133.33px;
  }
}
.list-display-1 .viewlist-body .viewlist-sidebar, .cke_editable ul .viewlist-body .viewlist-sidebar {
  box-sizing: border-box;
  width: 15.417vw;
  min-width: 15.417vw;
  max-width: 15.417vw;
}
@media (min-width: unset) {
  .list-display-1 .viewlist-body .viewlist-sidebar, .cke_editable ul .viewlist-body .viewlist-sidebar {
    width: 246.67px;
    min-width: 246.67px;
    max-width: 246.67px;
  }
}
@media (max-width: 639px) {
  .list-display-1 .viewlist-body .viewlist-sidebar, .cke_editable ul .viewlist-body .viewlist-sidebar {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
.list-display-1 .viewlist-body .viewlist-sidebar, .cke_editable ul .viewlist-body .viewlist-sidebar {
  color: #7a7b7a;
}
.list-display-1 .viewlist-body .viewlist-sidebar .form-checkboxes, .cke_editable ul .viewlist-body .viewlist-sidebar .form-checkboxes, .list-display-1 .viewlist-body .viewlist-sidebar .form-radios, .cke_editable ul .viewlist-body .viewlist-sidebar .form-radios {
  /*UPD EVOL DOGA 20180716 font-size: 0.75rem;*/
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3rem;
}
.list-display-1 .viewlist-body .viewlist-sidebar .form-checkboxes label, .cke_editable ul .viewlist-body .viewlist-sidebar .form-checkboxes label, .list-display-1 .viewlist-body .viewlist-sidebar .form-radios label, .cke_editable ul .viewlist-body .viewlist-sidebar .form-radios label {
  padding-left: 0.2rem;
}
.list-display-1 .viewlist-body .form-result, .cke_editable ul .viewlist-body .form-result {
  width: 100%;
}
.list-display-1 .viewlist-footer, .cke_editable ul .viewlist-footer {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .list-display-1 .viewlist-footer, .cke_editable ul .viewlist-footer {
    padding: 0 266.67px;
  }
}
.list-display-1 .viewlist-footer, .cke_editable ul .viewlist-footer {
  justify-content: center;
}
@media (max-width: 639px) {
  .list-display-1.list-articles .form-result, .cke_editable ul.list-articles .form-result {
    margin: 8.333vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-1.list-articles .form-result, .cke_editable ul.list-articles .form-result {
    margin: 133.33px 0;
  }
}
@media (max-width: 639px) {
  .list-display-1.list-articles .form-result .list-group-item, .cke_editable ul.list-articles .form-result .list-group-item {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-1.list-articles .form-result .list-group-item, .cke_editable ul.list-articles .form-result .list-group-item {
    padding: 0;
  }
}
@media (max-width: 639px) {
  .list-display-1.article-single .viewlist-body .viewlist-sidebar, .cke_editable ul.article-single .viewlist-body .viewlist-sidebar {
    margin: 8.333vw 0;
  }
  .list-display-1.article-single .viewlist-body, .cke_editable ul.article-single .viewlist-body {
    flex-flow: column-reverse;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-1.article-single .viewlist-body .viewlist-sidebar, .cke_editable ul.article-single .viewlist-body .viewlist-sidebar {
    margin: 133.33px 0;
  }
}

.list-display-2 {
  margin: 4.167vw 0 0 0;
}
@media (min-width: unset) {
  .list-display-2 {
    margin: 66.67px 0 0 0;
  }
}
.list-display-2 {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .list-display-2 {
    padding: 0 266.67px;
  }
}
.list-display-2 header.viewlist-header {
  margin: 4.167vw 0 2.5vw 0;
}
@media (min-width: unset) {
  .list-display-2 header.viewlist-header {
    margin: 66.67px 0 40px 0;
  }
}
.list-display-2 header.viewlist-header {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #000;
  line-height: 1.7rem;
  text-transform: uppercase;
  font-weight: 900;
}
.list-display-2 header.viewlist-header div.btn-switch-view {
  margin-right: 2rem;
  text-align: center;
  cursor: pointer;
  border-bottom: 6px solid #fff;
  transition: border-color 0.5s;
}
.list-display-2 header.viewlist-header div.btn-switch-view:first-child() {
  border-bottom: 6px solid #000;
}
.list-display-2 .viewlist-body {
  display: flex;
}
.list-display-2 .viewlist-body .viewlist-aside {
  box-sizing: border-box;
  width: 16.667vw;
  min-width: 16.667vw;
  max-width: 16.667vw;
}
@media (min-width: unset) {
  .list-display-2 .viewlist-body .viewlist-aside {
    width: 266.67px;
    min-width: 266.67px;
    max-width: 266.67px;
  }
}
.list-display-2 .viewlist-body .viewlist-aside .aside-title {
  /* https://project-management.louis21.com/issues/34323#change-192250 */
  /*color: theme-color('gray');  */
  color: #222457;
  font-size: 0.84rem;
  text-transform: uppercase;
  font-weight: 400;
}
.list-display-2 .viewlist-body .viewlist-aside .aside-title-display-2 {
  margin: 2rem 0 0.5rem 0;
}
.list-display-2 .viewlist-body .viewlist-aside .aside-content {
  padding: 0 5vw 1.25vw 0;
}
@media (min-width: unset) {
  .list-display-2 .viewlist-body .viewlist-aside .aside-content {
    padding: 0 80px 20px 0;
  }
}
.list-display-2 .viewlist-body .viewlist-aside .aside-content .metrics-widget {
  margin-bottom: 1rem;
  justify-content: space-between;
}
.list-display-2 .viewlist-body .viewlist-aside .aside-content .metrics-widget .btn {
  padding-left: 5px;
  padding-right: 5px;
}
.list-display-2 .viewlist-body .viewlist-aside .aside-content .facets-dropdown {
  box-sizing: border-box;
  width: 11.667vw;
  min-width: 11.667vw;
  max-width: 11.667vw;
}
@media (min-width: unset) {
  .list-display-2 .viewlist-body .viewlist-aside .aside-content .facets-dropdown {
    width: 186.67px;
    min-width: 186.67px;
    max-width: 186.67px;
  }
}
.list-display-2 .viewlist-body .viewlist-aside .viewlist-content {
  font-size: 0.75rem;
}
.list-display-2 .viewlist-body .viewlist-aside .block-facet h2 {
  width: 100%;
  padding: 1rem 0 0.2rem 0;
}
.list-display-2 .viewlist-body .viewlist-aside .block-facet h2 .title {
  color: #7a7b7a;
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 500;
}
.list-display-2 .viewlist-body .viewlist-aside .block-facet {
  font-size: 0.8rem;
}
.list-display-2 .viewlist-body .viewlist-aside .block-facet label {
  display: inline;
  font-size: 0.75rem;
  color: #7a7b7a;
}
.list-display-2 .viewlist-body .viewlist-aside .list-group-item {
  padding: 0;
}
.list-display-2 .viewlist-body .viewlist-aside span.facet-item__value {
  padding-left: 0.5rem;
}
.list-display-2 .viewlist-body .viewlist-content {
  width: 100%;
}
.list-display-2 .viewlist-body .viewlist-content .list-group-item article {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding: 0 0 1.667vw 0;
}
@media (min-width: unset) {
  .list-display-2 .viewlist-body .viewlist-content .list-group-item article {
    padding: 0 0 26.67px 0;
  }
}
.list-display-2 .viewlist-body .viewlist-content .list-group-item:last-child article {
  border-bottom: 0;
}
.list-display-2 .viewlist-footer {
  width: auto;
  max-width: initial;
  min-width: auto;
}

.list-display-2 .viewlist-body .viewlist-content .views-row {
  border-bottom: 1px dashed #eee;
  padding: 0.5rem 0;
}
.list-display-2 .viewlist-body .viewlist-content .views-row:last-child {
  border: 0;
}

.list-display-2 .keyword-item h3 {
  font-size: 1.2em;
}

.view-search-products .list-display-2 {
  padding: 0;
}
@media (min-width: unset) {
  .view-search-products .list-display-2 {
    padding: 0;
  }
}
.view-search-products .list-display-2 {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .view-search-products .list-display-2 {
    margin: 0 0 66.67px 0;
  }
}

.list-display-3 {
  display: flex;
  text-align: center;
  justify-content: space-around;
  font-size: 1.3rem;
  font-weight: 600;
}
.list-display-3 div {
  cursor: pointer;
}
.list-display-3 .term-continent {
  margin-top: 1rem;
}
@media (max-width: 639px) {
  .list-display-3 {
    flex-wrap: wrap;
  }
  .list-display-3 .term-continent img {
    width: 25vw;
    min-width: 25vw;
    max-width: 25vw;
    height: 25vw;
    min-height: 25vw;
    max-height: 25vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-3 .term-continent img {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
  }
}

.modal-display-4 .list-display-3 {
  padding-bottom: 1rem;
}

/* Country / Language selection */
.list-display-4 {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
  align-items: center;
}
.list-display-4 .country-language-link, .list-display-4 .country-link {
  cursor: pointer;
  padding: 0.3rem;
  font-size: 0.9rem;
  width: 33%;
  text-transform: capitalize;
  border-radius: 0.6rem;
}
@media (max-width: 639px) {
  .list-display-4 .country-language-link, .list-display-4 .country-link {
    padding: 0.2rem;
    font-size: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    /*width: 5rem;*/
    height: 4rem;
  }
}
.list-display-4 .country-language-link img, .list-display-4 .country-link img {
  max-height: 1rem;
  max-width: 1rem;
  margin-right: 1rem;
}
@media (max-width: 639px) {
  .list-display-4 .country-language-link img, .list-display-4 .country-link img {
    margin-right: 0;
  }
}
.list-display-4.block-choice-countries {
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-height: 17rem;
}
@media (max-width: 639px) {
  .list-display-4.block-choice-countries {
    max-height: 12rem;
  }
}
.list-display-4.block-choice-countries {
  overflow: auto;
  overflow-x: hidden;
  flex-wrap: wrap;
  padding: 0.5rem 0 1rem 0;
  border-top: 1px solid #ddd;
}
@media (max-width: 639px) {
  .list-display-4.block-choice-countries {
    padding: 0;
  }
}
.list-display-4.block-choice-languages {
  padding: 1.25vw 0 1.25vw 0;
}
@media (min-width: unset) {
  .list-display-4.block-choice-languages {
    padding: 20px 0 20px 0;
  }
}
.list-display-4.block-choice-languages {
  margin: 0.833vw 0 0 0;
}
@media (min-width: unset) {
  .list-display-4.block-choice-languages {
    margin: 13.33px 0 0 0;
  }
}
.list-display-4.block-choice-languages {
  width: 12rem;
  /*height: 4rem;*/
}
@media (max-width: 639px) {
  .list-display-4.block-choice-languages {
    width: 6rem;
  }
}
.list-display-4.block-choice-languages {
  display: inherit;
  position: relative;
  background-color: #000;
  display: none;
}
.list-display-4.block-choice-languages a {
  display: flex;
  justify-content: center;
}
.list-display-4.block-choice-languages:before {
  content: " ";
  width: 0.5rem;
  height: 0.5rem;
  background-color: black;
  top: -0.2rem;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  left: 0.5rem;
}
@media (max-width: 639px) {
  .list-display-4.block-choice-languages:before {
    left: 50%;
  }
}
.list-display-4 .list-country-links {
  text-transform: uppercase;
  font-weight: 600;
}
.list-display-4 .country-language-link {
  padding: 2rem 0;
}

_:-ms-fullscreen, :root .list-display-4 .country-language-link, .country-link {
  width: 22vw !important;
}

.list-inline {
  display: flex;
  flex-flow: row wrap;
}

.list-group-item {
  padding-right: 0;
}

.order-page .pager__items {
  justify-content: flex-end;
}

.pager__items {
  display: flex;
  color: #000;
  font-weight: 600;
  list-style-type: none;
  font-size: 0.7rem;
}
.pager__items .pager__item {
  /*padding: 0 0.3rem;*/
  /*border: 1px solid theme-color('gray');*/
  border-left: 0;
  line-height: 1.1rem;
  padding: 0rem 0.35rem;
  transition: all 0.3s;
  cursor: pointer;
}
.pager__items .pager__item a {
  color: #474747;
  font-weight: normal;
}
.pager__items .pager__item:hover, .pager__items .pager__item.is-active {
  /*background-color: theme-color('gray-light');
  a {
    color: $white;
  }*/
}
.pager__items .pager__item:hover a, .pager__items .pager__item.is-active a {
  color: #090B39;
  font-weight: bold;
}
.pager__items .pager__item {
  /*&:first-child {
    border-left: 1px solid theme-color('gray');
  }*/
}

/* Specific : list of categories */
.list-display-2.list-items {
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  .list-display-2.list-items {
    margin: 33.33px 0 0 0;
  }
}
.list-display-2.list-items {
  display: flex;
  justify-content: center;
}
.list-display-2.list-items .list-item {
  flex-basis: 25%;
  text-align: center;
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.05rem;
}
@media (max-width: 639px) {
  .list-display-2 .viewlist-aside {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 2px dotted #cccccc;
  }
}

/* List of products (with facets) in category pages */
@media (max-width: 639px) {
  .list-display-2 {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-2 {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) {
  .list-display-2 .viewlist-body {
    flex-direction: column;
  }
  .list-display-2 .viewlist-body .viewlist-aside {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 100%;
  }
  .list-display-2 .viewlist-body .list-group-item {
    padding-left: 0;
  }
}
.paragraph-full .list-display-2 {
  justify-content: space-between;
}
@media (max-width: 639px) {
  .paragraph-full .list-display-2 {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .paragraph-full .list-display-2.list-items .list-item {
    margin: 1rem;
  }
}
.paragraph-full .list-display-2 {
  padding: 0;
}

ul.selectdropdown {
  display: none;
}

/* Categories thumbs */
.list-display-5 {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  padding: 0;
  flex-wrap: wrap;
}
.list-display-5 a.link-thumbnail {
  box-sizing: border-box;
  width: 16.042vw;
  min-width: 16.042vw;
  max-width: 16.042vw;
}
@media (min-width: unset) {
  .list-display-5 a.link-thumbnail {
    width: 256.67px;
    min-width: 256.67px;
    max-width: 256.67px;
  }
}
.list-display-5 a.link-thumbnail {
  border: 1px solid black;
  padding: 1.25vw;
}
@media (min-width: unset) {
  .list-display-5 a.link-thumbnail {
    padding: 20px;
  }
}
.list-display-5 a.link-thumbnail {
  display: block;
}
.list-display-5 a.link-thumbnail .link-thumbnail-label {
  font-size: 1.1vw;
}
@media (max-width: 639px) {
  .list-display-5 a.link-thumbnail .link-thumbnail-label {
    font-size: 1rem;
  }
}
.list-display-5 a.link-thumbnail .link-thumbnail-label {
  font-weight: 600;
  margin: 0.8rem 0 0 0;
  max-height: 4.2rem;
  min-height: 4.2rem;
  overflow: hidden;
  display: block;
}
.list-display-5 a.link-thumbnail picture {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13.417vw;
  min-width: 13.417vw;
  max-width: 13.417vw;
  height: 13.417vw;
  min-height: 13.417vw;
  max-height: 13.417vw;
}
@media (min-width: unset) {
  .list-display-5 a.link-thumbnail picture {
    width: 214.67px;
    min-width: 214.67px;
    max-width: 214.67px;
    height: 214.67px;
    min-height: 214.67px;
    max-height: 214.67px;
  }
}
.list-display-5 a.link-thumbnail picture img {
  box-sizing: border-box;
  width: 13.417vw;
  min-width: 13.417vw;
  max-width: 13.417vw;
}
@media (min-width: unset) {
  .list-display-5 a.link-thumbnail picture img {
    width: 214.67px;
    min-width: 214.67px;
    max-width: 214.67px;
  }
}
@media (max-width: 639px) {
  .list-display-5 a.link-thumbnail {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    text-align: center;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-5 a.link-thumbnail {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) {
  .list-display-5 a.link-thumbnail picture {
    width: 80.417vw;
    min-width: 80.417vw;
    max-width: 80.417vw;
    height: 80.417vw;
    min-height: 80.417vw;
    max-height: 80.417vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-5 a.link-thumbnail picture {
    width: 1286.67px;
    min-width: 1286.67px;
    max-width: 1286.67px;
    height: 1286.67px;
    min-height: 1286.67px;
    max-height: 1286.67px;
  }
}
@media (max-width: 639px) {
  .list-display-5 a.link-thumbnail picture img {
    box-sizing: border-box;
    width: 80.417vw;
    min-width: 80.417vw;
    max-width: 80.417vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-5 a.link-thumbnail picture img {
    width: 1286.67px;
    min-width: 1286.67px;
    max-width: 1286.67px;
  }
}
.list-display-5 {
  /*.list-item {
    @include make-margin-grid((0, 0, 0.2, 0));
  }*/
}

.list-display-5 .list-item:nth-child(4n) {
  margin: 0 0 0.833vw 0;
}

.list-display-5 .list-item {
  margin: 0 0.25vw 0.833vw 0;
}

.list-display-5 .link-thumbnail-label h3 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

/* Legend */
.legend-red, .legend-green, .legend-yellow {
  /*UPD EVOL DOGA 20180716 font-size: 0.57rem;*/
  font-weight: 400;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0.5rem 0;
}
.legend-red:before, .legend-green:before, .legend-yellow:before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  display: block;
  border-radius: 1rem;
  margin-right: 0.5rem;
}

.legend-red:before {
  background-color: red;
}

.legend-green:before {
  background-color: greenyellow;
}

.legend-yellow:before {
  background-color: yellow;
}

/* Autocomplete lists */
.ui-autocomplete {
  z-index: 9999;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.ui-autocomplete > li > div {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
  cursor: pointer;
}

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

.list-reverse {
  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;
}

.block-links-last-articles .list-reverse > div {
  margin-top: 1rem;
}

/* Ressources list (for products) */
.list-display-6 .viewlist-body {
  display: flex;
}
.list-display-6 .viewlist-body .viewlist-aside {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
}
@media (min-width: unset) {
  .list-display-6 .viewlist-body .viewlist-aside {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
@media (max-width: 639px) {
  .list-display-6 .viewlist-body .viewlist-aside {
    box-sizing: border-box;
    width: 25vw;
    min-width: 25vw;
    max-width: 25vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-display-6 .viewlist-body .viewlist-aside {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
.list-display-6 .viewlist-body .viewlist-aside .categ-title {
  cursor: pointer;
  display: block;
  padding: 0.3rem 0;
  font-size: 1.1rem;
}
.list-display-6 .viewlist-body .viewlist-aside .categ-title.active {
  font-weight: 600;
  color: #EE1B24;
}
@media (max-width: 639px) {
  .list-display-6 .viewlist-body .viewlist-content {
    width: 100%;
  }
}
@media (max-width: 639px) {
  .list-display-6 .viewlist-body .single-media {
    margin-left: 1rem;
  }
}
.list-display-6 .viewlist-body .single-media .doc-type {
  display: none;
}

.facets-widget h2 {
  width: 100%;
  border-bottom: 2px solid #cccccc;
  padding: 1rem 0 0.2rem 0;
}
.facets-widget h2 .title {
  color: #7a7b7a;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.list.list-display-7 {
  padding: 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .list.list-display-7 {
    padding: 66.67px 266.67px;
  }
}
.list.list-display-7 .views-element-container > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.list.list-display-7 .views-row {
  display: flex;
  padding: 2rem 1.5rem;
  align-content: center;
}
.list.list-display-7 .views-row img {
  transition: transform 0.5s;
}
.list.list-display-7 .views-row img:hover {
  transform: scale(1.1);
}
@media (max-width: 639px) {
  .list.list-display-7 .views-row {
    padding: 0.5rem 0.5rem;
  }
  .list.list-display-7 .views-row img {
    max-width: 6rem;
  }
}
.list.list-display-7 .views-row div {
  align-items: center;
  display: flex;
}
@media (max-width: 639px) {
  .list.list-display-7 {
    padding: 4.167vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list.list-display-7 {
    padding: 66.67px 133.33px;
  }
}

.list-display-8 {
  margin: 4.167vw 0 0 0;
}
@media (min-width: unset) {
  .list-display-8 {
    margin: 66.67px 0 0 0;
  }
}
.list-display-8 {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .list-display-8 {
    padding: 0 266.67px;
  }
}
.list-display-8 header.viewlist-header {
  margin: 4.167vw 0 2.5vw 0;
}
@media (min-width: unset) {
  .list-display-8 header.viewlist-header {
    margin: 66.67px 0 40px 0;
  }
}
.list-display-8 header.viewlist-header {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #000;
  line-height: 1.7rem;
  text-transform: uppercase;
  font-weight: 900;
}
.list-display-8 header.viewlist-header div.btn-switch-view {
  margin-right: 2rem;
  text-align: center;
  cursor: pointer;
  border-bottom: 6px solid #fff;
  transition: border-color 0.5s;
}
.list-display-8 header.viewlist-header div.btn-switch-view:first-child() {
  border-bottom: 6px solid #000;
}
.list-display-8 .viewlist-body {
  display: flex;
  flex-direction: column;
}
.list-display-8 .viewlist-body .viewlist-content {
  width: 100%;
}
.list-display-8 .viewlist-body .viewlist-content .list-group-item article {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding: 0 0 1.667vw 0;
}
@media (min-width: unset) {
  .list-display-8 .viewlist-body .viewlist-content .list-group-item article {
    padding: 0 0 26.67px 0;
  }
}
.list-display-8 .viewlist-body .viewlist-content .list-group-item:last-child article {
  border-bottom: 0;
}
.list-display-8 .viewlist-footer {
  width: auto;
  max-width: initial;
  min-width: auto;
}
.list-display-8 .form-result {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (max-width: 639px) {
  .list-display-8 .form-result {
    justify-content: center;
  }
}

.card .list-group,
.card .list-group-item {
  margin: 0;
  padding: 0;
}

.card-steps .list-group {
  display: block;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}
.card-steps .list-group .title {
  position: relative;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  line-height: 1.1;
  font-size: 1rem;
  width: 100%;
  margin-top: 0.6rem;
}
.card-steps .list-group .subtitle {
  text-transform: uppercase;
  font-size: 80%;
}

.card-steps:not([class*=card-steps-display]) .list-group-item, .card-steps.card-steps-display-3 .list-group-item {
  display: block;
  width: 50%;
  box-sizing: border-box;
}
.card-steps:not([class*=card-steps-display]) .list-group-item:nth-child(even), .card-steps.card-steps-display-3 .list-group-item:nth-child(even) {
  float: right;
  padding: 1% 0% 1% 1%;
}
.card-steps:not([class*=card-steps-display]) .list-group-item:nth-child(odd), .card-steps.card-steps-display-3 .list-group-item:nth-child(odd) {
  float: left;
  padding: 1% 1% 1% 0%;
}
.card-steps:not([class*=card-steps-display]) .list-group-item:nth-child(2), .card-steps.card-steps-display-3 .list-group-item:nth-child(2) {
  margin-top: 25%;
}
.card-steps:not([class*=card-steps-display]) .list-group-item:first-child, .card-steps.card-steps-display-3 .list-group-item:first-child {
  padding-top: 0px;
}
.card-steps:not([class*=card-steps-display]) .list-group-item:last-child, .card-steps.card-steps-display-3 .list-group-item:last-child {
  padding-bottom: 0px;
}
.card-steps:not([class*=card-steps-display]) .item, .card-steps.card-steps-display-3 .item {
  width: 100%;
  margin-bottom: 0;
  padding-top: 100%;
  padding-bottom: 0;
}
.card-steps:not([class*=card-steps-display]) .item-content, .card-steps.card-steps-display-3 .item-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-flow: column;
  justify-content: center;
  position: absolute;
  padding: 0;
  top: 0px;
  width: 100%;
  height: 100%;
}
.card-steps:not([class*=card-steps-display]).card-reverse .list-group-item:nth-child(even), .card-steps.card-steps-display-3.card-reverse .list-group-item:nth-child(even) {
  float: left;
  padding: 1% 1% 1% 0%;
}
.card-steps:not([class*=card-steps-display]).card-reverse .list-group-item:nth-child(odd), .card-steps.card-steps-display-3.card-reverse .list-group-item:nth-child(odd) {
  float: right;
  padding: 1% 0% 1% 1%;
}

.list-group-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.list-group-2 .list-group-item:nth-child(even) {
  float: none;
  padding: 0;
}
.list-group-2 .list-group-item:nth-child(odd) {
  float: none;
  padding: 0;
}
.list-group-2 .list-group-item:nth-child(2) {
  margin-top: 0;
}
.list-group-2 .list-group-item {
  box-sizing: border-box;
  width: 33.333vw;
  min-width: 33.333vw;
  max-width: 33.333vw;
}
@media (min-width: unset) {
  .list-group-2 .list-group-item {
    width: 533.33px;
    min-width: 533.33px;
    max-width: 533.33px;
  }
}
.list-group-2 .list-group-item {
  margin: 0 0 6.25vw 0;
}
@media (min-width: unset) {
  .list-group-2 .list-group-item {
    margin: 0 0 100px 0;
  }
}
.list-group-2 .list-group-item {
  min-width: 0px; /* IE11 hack */
  flex-basis: 50%;
  display: flex;
  justify-content: center;
}
.list-group-2 {
  /* DESKTOP */
}
@media (min-width: 576px) {
  .list-group-2 .list-group-item:nth-last-child(2) {
    margin: 0;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .list-group-2 .list-group-item:nth-last-child(2) {
    margin: 0;
  }
}
.list-group-2 .list-group-item:nth-last-child(1) {
  margin: 0;
}
@media (min-width: unset) {
  .list-group-2 .list-group-item:nth-last-child(1) {
    margin: 0;
  }
}
.list-group-2 {
  /* MOBILE */
}
@media (max-width: 639px) {
  .list-group-2 {
    margin: -6.25vw -14.583vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-group-2 {
    margin: -100px -233.33px;
  }
}
@media (max-width: 639px) {
  .list-group-2 .list-group-item {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    margin: 0 0 8.333vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-group-2 .list-group-item {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .list-group-2 .list-group-item {
    margin: 0 0 133.33px 0;
  }
}

.card-steps-display-2 .list-group {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
}
.card-steps-display-2 .list-group .list-group-item {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 4.167vw 0 4.167vw 0;
}
@media (min-width: unset) {
  .card-steps-display-2 .list-group .list-group-item {
    padding: 66.67px 0 66.67px 0;
  }
}
@media (max-width: 639px) {
  .card-steps-display-2 .list-group .list-group-item {
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px solid #ccc;
  }
}
@media (max-width: 639px) {
  .card-steps-display-2 .list-group .list-group-item + .list-group-item {
    border-top: 1px solid #ccc;
  }
  .card-steps-display-2 .list-group .list-group-item:nth-child(2n) {
    border-right: none;
  }
  .card-steps-display-2 .list-group .list-group-item:nth-child(2) {
    border-top: none;
  }
}
.card-steps-display-2 .list-group .item {
  padding: 0px;
  margin: 0px;
  justify-content: center;
  flex-direction: column;
}
.card-steps-display-2 .list-group .item-content {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-flow: column;
  position: relative;
}
.card-steps-display-2 .list-group .title {
  color: #151515;
}
.card-steps-display-2 .list-group .subtitle {
  color: #151515;
}

@media (max-width: 639px) {
  .card.card-display-8 ul.card-list-group {
    margin: 6.667vw 0 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .card.card-display-8 ul.card-list-group {
    margin: 106.67px 0 0 0;
  }
}

.view-list-markets {
  padding: 1rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

/* Country / language page */
.list-group-3 {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .list-group-3 {
    padding: 0 266.67px;
  }
}
.list-group-3 {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .list-group-3 {
    margin: 0 0 66.67px 0;
  }
}
.list-group-3 {
  font-size: 0.85rem;
  display: flex;
  flex-wrap: wrap;
}
.list-group-3 div {
  width: 16rem;
}
.list-group-3 .list-item img {
  width: 1rem;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 5000;
  display: none;
  justify-content: center;
  align-items: center;
}

.loader-big {
  background-image: url(../images/doga-logo-only.png);
  animation: spin 1s linear infinite;
  width: 2rem;
  height: 2rem;
  background-size: contain;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
ul.sf-menu a, ul.sf-menu span.nolink {
  padding: 1em 0;
}

/*.main-menu-not-french:nth-child(5) {
  display: none;
}*/
.modal {
  padding: 0;
}

.close {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  font-size: 3rem;
  line-height: 2rem;
  font-weight: 100;
  color: white;
  opacity: 1;
  font-family: "Times New Roman";
  z-index: 1;
  cursor: pointer;
}
.close:focus, .close:hover {
  color: white;
}

.modal.show {
  display: flex !important;
  align-items: center;
}
@media (max-width: 639px) {
  .modal.show {
    display: block !important;
  }
}

.modal-open .modal {
  padding-right: 16px;
}

.modal-dialog {
  box-sizing: border-box;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
}
@media (min-width: unset) {
  .modal-dialog {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
.modal-dialog {
  padding: 0 29.167vw 0 29.167vw;
}
@media (min-width: unset) {
  .modal-dialog {
    padding: 0 466.67px 0 466.67px;
  }
}
.modal-dialog {
  margin: auto;
  pointer-events: none;
  max-width: initial;
}
.modal-dialog .text-important {
  color: #090B39;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.modal-dialog .modal-list {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.modal-dialog .modal-list li {
  display: inline;
  position: relative;
  padding-right: 0.5rem;
  align-items: center;
}
.modal-dialog .modal-list li + li {
  padding-left: 0.6rem;
}
.modal-dialog .modal-list li + li::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 40%;
}
.modal-dialog .modal-list .text-important {
  color: #090B39;
}
.modal-dialog .modal-list {
  text-transform: uppercase;
  font-size: 0.9rem;
  justify-content: center;
  margin-bottom: 0px;
}
.modal-dialog .modal-title {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.modal-dialog .modal-intro {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.modal-dialog .modal-message {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  .modal-dialog .modal-message {
    font-size: 2.5rem;
  }
}
.modal-dialog .modal-subtitle {
  text-transform: uppercase;
  font-size: 0.95rem;
  margin-bottom: 1.2rem;
  color: #090B39;
}
.modal-dialog .modal-content {
  width: 100%;
  justify-content: center;
  pointer-events: initial;
  flex-direction: row;
}
.modal-dialog .modal-content button.close {
  margin: -4.167vw -2.083vw 0 0;
}
@media (min-width: unset) {
  .modal-dialog .modal-content button.close {
    margin: -66.67px -33.33px 0 0;
  }
}
.modal-dialog .modal-content p {
  margin-bottom: 1.5rem;
}
.modal-dialog .modal-body {
  padding: 0;
}
@media (min-width: unset) {
  .modal-dialog .modal-body {
    padding: 0;
  }
}
.modal-dialog .modal-body .alert {
  margin: 0;
}
@media (min-width: unset) {
  .modal-dialog .modal-body .alert {
    margin: 0;
  }
}

.modal {
  padding: 0;
}
.modal.modal-display-2.show {
  display: flex !important;
  align-items: center;
}
.modal.modal-display-2 .modal-dialog {
  box-sizing: border-box;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
.modal.modal-display-2 .modal-dialog {
  padding: 0 12.5vw 0 12.5vw;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog {
    padding: 0 200px 0 200px;
  }
}
.modal.modal-display-2 .modal-dialog {
  margin: auto;
  pointer-events: none;
  max-width: initial;
}
.modal.modal-display-2 .modal-dialog .text-important {
  color: #090B39;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.modal.modal-display-2 .modal-dialog .modal-list {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.modal.modal-display-2 .modal-dialog .modal-list li {
  display: inline;
  position: relative;
  padding-right: 0.5rem;
  align-items: center;
}
.modal.modal-display-2 .modal-dialog .modal-list li + li {
  padding-left: 0.6rem;
}
.modal.modal-display-2 .modal-dialog .modal-list li + li::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 40%;
}
.modal.modal-display-2 .modal-dialog .modal-list .text-important {
  color: #090B39;
}
.modal.modal-display-2 .modal-dialog .modal-list {
  text-transform: uppercase;
  font-size: 0.9rem;
  justify-content: center;
  margin-bottom: 0px;
}
.modal.modal-display-2 .modal-dialog .modal-title {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.modal.modal-display-2 .modal-dialog .modal-intro {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.modal.modal-display-2 .modal-dialog .modal-message {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  .modal.modal-display-2 .modal-dialog .modal-message {
    font-size: 2.5rem;
  }
}
.modal.modal-display-2 .modal-dialog .modal-content {
  width: 100%;
  justify-content: center;
  pointer-events: initial;
  flex-direction: row;
  background-color: #fff;
}
.modal.modal-display-2 .modal-dialog .modal-content button.close {
  margin: -4.167vw -2.083vw 0 0;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog .modal-content button.close {
    margin: -66.67px -33.33px 0 0;
  }
}
.modal.modal-display-2 .modal-dialog .modal-content p {
  margin-bottom: 1.5rem;
}
.modal.modal-display-2 .modal-dialog .modal-body {
  padding: 0;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog .modal-body {
    padding: 0;
  }
}
.modal.modal-display-2 .modal-dialog .modal-body .alert {
  margin: 0;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog .modal-body .alert {
    margin: 0;
  }
}
.modal {
  /* Image full size for products */
}
.modal.modal-display-3 .modal-dialog {
  width: auto;
  max-width: initial;
  min-width: auto;
}
.modal.modal-display-3 .modal-dialog .modal-header {
  padding: 0;
}
.modal.modal-display-3 .modal-dialog .modal-body {
  padding: 0;
  display: flex;
  justify-content: center;
}
.modal.modal-display-3 .modal-dialog .modal-body img {
  max-height: 80vh;
}
.modal {
  /* Market choice */
}
.modal.modal-display-4.show {
  display: flex !important;
  align-items: center;
}
.modal.modal-display-4 .modal-dialog {
  box-sizing: border-box;
  width: 54.167vw;
  min-width: 54.167vw;
  max-width: 54.167vw;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog {
    width: 866.67px;
    min-width: 866.67px;
    max-width: 866.67px;
  }
}
.modal.modal-display-4 .modal-dialog {
  padding: 0 12.5vw 0 12.5vw;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog {
    padding: 0 200px 0 200px;
  }
}
.modal.modal-display-4 .modal-dialog {
  margin: auto;
  pointer-events: auto;
  max-width: initial;
}
@media (max-width: 639px) {
  .modal.modal-display-4 .modal-dialog {
    padding: 0 0.833vw 0 0.833vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .modal.modal-display-4 .modal-dialog {
    padding: 0 13.33px 0 13.33px;
  }
}
.modal.modal-display-4 .modal-dialog .text-important {
  color: #090B39;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.modal.modal-display-4 .modal-dialog .modal-list {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.modal.modal-display-4 .modal-dialog .modal-list li {
  display: inline;
  position: relative;
  padding-right: 0.5rem;
  align-items: center;
}
.modal.modal-display-4 .modal-dialog .modal-list li + li {
  padding-left: 0.6rem;
}
.modal.modal-display-4 .modal-dialog .modal-list li + li::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 40%;
}
.modal.modal-display-4 .modal-dialog .modal-list .text-important {
  color: #090B39;
}
.modal.modal-display-4 .modal-dialog .modal-list {
  text-transform: uppercase;
  font-size: 0.9rem;
  justify-content: center;
  margin-bottom: 0px;
}
.modal.modal-display-4 .modal-dialog .modal-title {
  text-transform: none;
  font-size: 0.85rem;
  margin-bottom: 0;
  text-align: center;
}
.modal.modal-display-4 .modal-dialog .modal-subtitle {
  margin: 1.667vw 0;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog .modal-subtitle {
    margin: 26.67px 0;
  }
}
.modal.modal-display-4 .modal-dialog .modal-subtitle {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: unset;
  text-align: center;
  display: none;
}
.modal.modal-display-4 .modal-dialog .modal-intro {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.modal.modal-display-4 .modal-dialog .modal-message {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  .modal.modal-display-4 .modal-dialog .modal-message {
    font-size: 2.5rem;
  }
}
.modal.modal-display-4 .modal-dialog .modal-content {
  width: 100%;
  justify-content: center;
  pointer-events: initial;
  flex-direction: column;
  background-color: #fff;
}
.modal.modal-display-4 .modal-dialog .modal-content button.close {
  margin: 0;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog .modal-content button.close {
    margin: 0;
  }
}
.modal.modal-display-4 .modal-dialog .modal-content button.close {
  color: black;
  font-size: 4rem;
  font-weight: 600;
  top: 1rem;
  right: 2rem;
}
@media (max-width: 639px) {
  .modal.modal-display-4 .modal-dialog .modal-content button.close {
    font-size: 4rem;
    top: 0.5rem;
    right: 0.5rem;
  }
}
.modal.modal-display-4 .modal-dialog .modal-content p {
  margin-bottom: 1.5rem;
}
.modal.modal-display-4 .modal-dialog .modal-content .list-display-3 img {
  height: auto;
  width: 7rem;
}
.modal.modal-display-4 .modal-dialog .modal-header {
  padding: 1.25vw 4.167vw 0 4.167vw;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog .modal-header {
    padding: 20px 66.67px 0 66.67px;
  }
}
.modal.modal-display-4 .modal-dialog .modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.modal-display-4 .modal-dialog .modal-body {
  padding: 0;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog .modal-body {
    padding: 0;
  }
}
.modal.modal-display-4 .modal-dialog .modal-body .alert {
  margin: 0;
}
@media (min-width: unset) {
  .modal.modal-display-4 .modal-dialog .modal-body .alert {
    margin: 0;
  }
}
.modal.modal-display-4 .modal-dialog .modal-footer {
  align-items: center;
  justify-content: space-around;
  padding: 0;
  background-color: #e9ecef;
}
.modal.modal-display-4 .modal-dialog .modal-footer .modal-title {
  align-self: center;
}
.modal.modal-display-4 .select-languages {
  border-radius: 0.5rem;
  font-size: 0.85rem;
  padding: 0 0.5rem;
  border: 1px solid #ddd;
  margin: 0.2rem 0 0.2rem 1rem;
}
.modal.modal-display-4 .submit-language-modal {
  margin-left: 1rem;
  height: 1.4rem;
  font-size: 0.9rem;
  border-radius: 0.4rem;
  line-height: 100%;
}
.modal {
  /* Product storage */
}
.modal.modal-display-5.show {
  display: flex !important;
  align-items: center;
}
.modal.modal-display-5 .modal-dialog {
  box-sizing: border-box;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
}
@media (min-width: unset) {
  .modal.modal-display-5 .modal-dialog {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
.modal.modal-display-5 .modal-dialog {
  padding: 0 12.5vw 0 12.5vw;
}
@media (min-width: unset) {
  .modal.modal-display-5 .modal-dialog {
    padding: 0 200px 0 200px;
  }
}
@media (max-width: 639px) {
  .modal.modal-display-5 .modal-dialog {
    padding: 0 0.833vw 0 0.833vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .modal.modal-display-5 .modal-dialog {
    padding: 0 13.33px 0 13.33px;
  }
}
.modal.modal-display-5 .modal-dialog {
  margin: auto;
  pointer-events: none;
  max-width: initial;
}
.modal.modal-display-5 .modal-dialog .text-important {
  color: #090B39;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.modal.modal-display-5 .modal-dialog .modal-list {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.modal.modal-display-5 .modal-dialog .modal-list li {
  display: inline;
  position: relative;
  padding-right: 0.5rem;
  align-items: center;
}
.modal.modal-display-5 .modal-dialog .modal-list li + li {
  padding-left: 0.6rem;
}
.modal.modal-display-5 .modal-dialog .modal-list li + li::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 40%;
}
.modal.modal-display-5 .modal-dialog .modal-list .text-important {
  color: #090B39;
}
.modal.modal-display-5 .modal-dialog .modal-list {
  text-transform: uppercase;
  font-size: 0.9rem;
  justify-content: center;
  margin-bottom: 0px;
}
.modal.modal-display-5 .modal-dialog .modal-title {
  text-transform: none;
  font-size: 0.85rem;
  margin-bottom: 0;
  text-align: center;
}
.modal.modal-display-5 .modal-dialog .modal-subtitle {
  font-weight: 600;
  font-size: 1.4rem;
  text-transform: unset;
}
.modal.modal-display-5 .modal-dialog .modal-intro {
  text-transform: uppercase;
  font-size: 1.7rem;
  margin-bottom: 1.5rem;
}
.modal.modal-display-5 .modal-dialog .modal-message {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  .modal.modal-display-5 .modal-dialog .modal-message {
    font-size: 2.5rem;
  }
}
.modal.modal-display-5 .modal-dialog .modal-content {
  width: 100%;
  justify-content: center;
  pointer-events: initial;
  flex-direction: column;
  background-color: #fff;
}
.modal.modal-display-5 .modal-dialog .modal-content button.close {
  margin: 0;
}
@media (min-width: unset) {
  .modal.modal-display-5 .modal-dialog .modal-content button.close {
    margin: 0;
  }
}
.modal.modal-display-5 .modal-dialog .modal-content button.close {
  color: black;
  font-size: 6rem;
  font-weight: 600;
  top: 4rem;
  right: 5rem;
}
@media (max-width: 639px) {
  .modal.modal-display-5 .modal-dialog .modal-content button.close {
    font-size: 4rem;
    top: 0.5rem;
    right: 0.5rem;
  }
}
.modal.modal-display-5 .modal-dialog .modal-content p {
  margin-bottom: 1.5rem;
}
.modal.modal-display-5 .modal-dialog .modal-header {
  padding: 4.167vw 4.167vw 0 4.167vw;
}
@media (min-width: unset) {
  .modal.modal-display-5 .modal-dialog .modal-header {
    padding: 66.67px 66.67px 0 66.67px;
  }
}
.modal.modal-display-5 .modal-dialog .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .modal.modal-display-5 .modal-dialog .modal-header {
    flex-direction: column;
  }
  .modal.modal-display-5 .modal-dialog .modal-header form {
    margin: 2rem 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .modal.modal-display-5 .modal-dialog .modal-header form {
    padding: 0;
  }
}
@media (max-width: 639px) {
  .modal.modal-display-5 .modal-dialog .modal-header .qty-subform {
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .modal.modal-display-5 .modal-dialog .modal-header .qty-subform {
    margin: 0;
  }
}
.modal.modal-display-5 .modal-dialog .modal-body {
  padding: 0;
}
@media (min-width: unset) {
  .modal.modal-display-5 .modal-dialog .modal-body {
    padding: 0;
  }
}
.modal.modal-display-5 .modal-dialog .modal-body .alert {
  margin: 0;
}
@media (min-width: unset) {
  .modal.modal-display-5 .modal-dialog .modal-body .alert {
    margin: 0;
  }
}
.modal.modal-display-5 .modal-dialog .modal-body .message {
  padding: 4rem;
  display: flex;
  justify-content: center;
  height: 4rem;
  padding-top: 1rem;
}
.modal.modal-display-5 .modal-dialog .modal-footer {
  align-items: center;
  justify-content: space-between;
  padding: 0;
}
@media (max-width: 639px) {
  .modal.modal-display-5 .modal-dialog .modal-footer {
    flex-direction: column;
  }
}
.modal.modal-display-5 .modal-dialog .modal-footer .modal-title {
  align-self: center;
}
.modal.modal-display-5 .navbar-logo-header {
  margin: 0 4rem;
  height: auto;
}
.modal#marketModal .modal-body {
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin: 2rem;
}

#message-market, #message-language {
  font-size: 0.85rem;
  color: red;
  font-weight: bold;
  display: none;
  text-align: center;
}

.nav-menu {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .nav-menu {
    padding: 0 266.67px;
  }
}
.nav-menu {
  width: 100%;
}
.nav-menu.navbar-main {
  font-size: 0.84rem;
  letter-spacing: -0.005em;
}
@media (min-width: 576px) {
  .nav-menu.navbar-main {
    padding: 0 4.167vw 0 16.667vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .nav-menu.navbar-main {
    padding: 0 66.67px 0 266.67px;
  }
}
@media (min-width: 576px) {
  .nav-menu.navbar-main li.sf-depth-1.sfHover ul {
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    padding: 0 16.667vw;
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .nav-menu.navbar-main li.sf-depth-1.sfHover ul {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .nav-menu.navbar-main li.sf-depth-1.sfHover ul {
    padding: 0 266.67px;
  }
}
.nav-menu.navbar-main ul.sf-horizontal, .nav-menu.navbar-main ul.sf-horizontal li.sf-depth-1 {
  /*position: initial;*/
  position: static;
}
.nav-menu.navbar-main ul.sf-horizontal > li a {
  font-weight: 600;
}
.nav-menu.navbar-main li.sf-depth-1 li.sf-depth-1 {
  margin-right: 2rem;
}
@media (max-width: 639px) {
  .nav-menu.navbar-main a[id^=superfish-main-] {
    font-size: 0;
  }
  .nav-menu.navbar-main a[id^=superfish-main-]:before {
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    content: "\f0c9";
    margin-right: 0.4rem;
  }
  .nav-menu.navbar-main a[id^=superfish-main-].sf-expanded:before {
    content: "\f00d";
  }
  .nav-menu.navbar-main ul li.sf-depth-1 a {
    text-align: center;
  }
}
.nav-menu.navbar-main .market-choice-link {
  cursor: pointer;
}
.nav-menu.navbar-main .nav-item {
  background-color: #7a7b7a;
  color: white;
}
.nav-menu.navbar-main .nav-item a {
  color: white;
}
.nav-menu.navbar-main .nav-item a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-menu.navbar-main .nav-item:not(.sf-depth-1) {
  display: flex;
  height: 100%;
  padding: 0 0.833vw;
}
@media (min-width: unset) {
  .nav-menu.navbar-main .nav-item:not(.sf-depth-1) {
    padding: 0 13.33px;
  }
}
.nav-menu.navbar-main .nav-item:not(.sf-depth-1):first-child {
  padding: 0 0.833vw 0 0;
}
@media (min-width: unset) {
  .nav-menu.navbar-main .nav-item:not(.sf-depth-1):first-child {
    padding: 0 13.33px 0 0;
  }
}
.nav-menu.navbar-main .nav-item:not(.sf-depth-1):first-child {
  align-items: center;
}
.nav-menu.navbar-main .nav-item:not(.sf-depth-1) {
  /*@include make-width-grid(3);*/
}
.nav-menu.navbar-main .sf-depth-1 ul {
  /*@include make-width-grid(24);*/
  background-color: #090B39;
  box-shadow: unset !important;
  left: 0;
  top: unset;
}
.nav-menu.navbar-main .sf-depth-1 ul li {
  background-color: #090B39;
  width: unset;
}
.nav-menu.navbar-main .sf-depth-1 ul li a {
  color: #fff;
  font-weight: 600;
}
.nav-menu.navbar-main li.sf-depth-1.sfHover > a:after {
  display: block;
  margin: auto;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-color: transparent transparent #090B39 transparent;
  content: " ";
  bottom: -0.2rem;
  left: 50%;
}
.nav-menu.navbar-main-2 {
  padding: 0 16.667vw 0 0;
}
@media (min-width: unset) {
  .nav-menu.navbar-main-2 {
    padding: 0 266.67px 0 0;
  }
}
.nav-menu.navbar-main-2 {
  align-items: center;
  flex-basis: 30%;
  justify-content: flex-end;
}
.nav-menu.navbar-main-2 .nav-item {
  background-color: #cccccc;
  color: white;
}
.nav-menu.navbar-main-2 .nav-item a {
  color: white;
}
.nav-menu.navbar-main-2 .nav-item {
  padding: 0 0.833vw 0 0;
}
@media (min-width: unset) {
  .nav-menu.navbar-main-2 .nav-item {
    padding: 0 13.33px 0 0;
  }
}
.nav-menu.navbar-main-2 .nav-item {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
}
@media (min-width: unset) {
  .nav-menu.navbar-main-2 .nav-item {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.nav-menu.navbar-main-2 .nav-item {
  text-align: center;
}
.nav-menu.navbar-main-2 .nav-item a {
  display: flex;
  align-items: center;
}
.nav-menu.navbar-main-2 .nav-item a .large-icon {
  margin: auto 0.3rem auto auto;
}
.nav-menu.navbar-main-2 .nav-item a:after {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  content: "\f0d7";
  margin-left: 0.3rem;
}
.nav-menu.nav-menu-block-footer-administrative-menu {
  background-color: #090B39;
  color: white;
}
.nav-menu.nav-menu-block-footer-administrative-menu a {
  color: white;
}
.nav-menu.nav-menu-block-footer-administrative-menu {
  padding: 1.25vw 16.667vw;
}
@media (min-width: unset) {
  .nav-menu.nav-menu-block-footer-administrative-menu {
    padding: 20px 266.67px;
  }
}
.nav-menu.nav-menu-block-footer-administrative-menu {
  /*@include make-width-grid(24);*/
}

/* Hack IE11 */
_:-ms-fullscreen, :root .nav-menu.navbar-main .nav-item:not(.sf-depth-1) {
  width: auto;
}

/* Hack IE11 for megamenu */
_:-ms-fullscreen, :root .nav-menu.navbar-main ul.sf-menu li:hover > ul,
_:-ms-fullscreen, :root .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li.sfHover > ul,
_:-ms-fullscreen, :root .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li > ul,
_:-ms-fullscreen, :root .nav-menu.navbar-main li ul {
  top: 8vw !important;
}

_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main ul.sf-menu li:hover > ul,
_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li.sfHover > ul,
_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li > ul,
_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main li ul {
  top: 2.6vw !important;
  height: 100% !important;
}

.nav-menu.navbar-main-2 .market-choice-link .nav-item a {
  /*display: unset;*/
  text-transform: capitalize;
}

[id^=block-navigationprincipale] {
  display: flex;
}
@media (max-width: 639px) {
  [id^=block-navigationprincipale] {
    position: unset;
    margin-right: 1rem;
    margin-top: 0.9rem;
  }
}

header .nav-menu {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  header .nav-menu {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  header .nav-menu {
    padding: 0 0 0 2.917vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  header .nav-menu {
    padding: 0 0 0 46.67px;
  }
}

#block-breadcrumb {
  position: relative;
}
@media (max-width: 639px) {
  #block-breadcrumb {
    display: none;
  }
}

nav.nav-breadcrumb {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #fff;
  width: 100%;
}
nav.nav-breadcrumb ol {
  display: flex;
  list-style-type: none;
  width: 100%;
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  nav.nav-breadcrumb ol {
    padding: 0 266.67px;
  }
}
nav.nav-breadcrumb ol {
  font-size: 0.65rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  flex-wrap: wrap;
}
nav.nav-breadcrumb ol li:not(:first-child):before {
  content: "/";
  margin: 0 0.3rem;
}
nav.nav-breadcrumb ol li, nav.nav-breadcrumb ol a {
  color: #b1b2b3;
  font-weight: 500;
}
nav.nav-breadcrumb ol a {
  text-decoration: underline;
}

nav.nav-breadcrumb ol li a {
  text-decoration: unset !important;
}

nav.nav-breadcrumb ol li a, nav.nav-breadcrumb ol li {
  color: #b1b2b3 !important;
}

nav.nav-breadcrumb ol li:last-child {
  color: #7A7B7A !important;
}

@media (max-width: 639px) {
  .page-header .nav-menu .link-home {
    margin: 0 1rem;
  }
}
.nav-menu.navbar-main .sf-menu:not(.sf-js-enabled, .sf-expanded, .sf-hidden) [class*=sf-depth-] {
  display: none;
}

.navbar {
  padding-left: 0;
  list-style: none;
  /*padding: 0.7rem 0rem;*/
  padding: 0;
}

.flag-mobile {
  display: none;
}

@media (max-width: 639px) {
  .nav-menu.navbar-main-2 {
    display: flex;
    height: 2.2rem;
    padding: 0 0.5rem !important;
    order: -1;
    background-color: unset;
    color: unset;
  }
  .nav-menu.navbar-main-2 .icon-flag {
    width: 5.833vw;
    min-width: 5.833vw;
    max-width: 5.833vw;
    height: 5.833vw;
    min-height: 5.833vw;
    max-height: 5.833vw;
    border-radius: 2rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .nav-menu.navbar-main-2 .icon-flag {
    width: 93.33px;
    min-width: 93.33px;
    max-width: 93.33px;
    height: 93.33px;
    min-height: 93.33px;
    max-height: 93.33px;
  }
}
@media (max-width: 639px) {
  .nav-menu.navbar-main-2 .icon-flag.icon-flag-default {
    background-color: #7a7b7a;
    border: 1px solid #7a7b7a;
  }
  .flag-mobile {
    display: flex;
    border-radius: 2rem;
  }
  .market-choice-link {
    display: none;
  }
}
ul.navbar {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0;
}
@media (min-width: unset) {
  ul.navbar {
    margin: 0;
  }
}
ul.navbar {
  width: 100%;
  column-gap: 10px;
}
@media (max-width: 639px) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded {
    display: block;
    position: absolute;
    top: 6rem !important;
    height: 100vh;
    left: 0 !important;
    background-color: #fbfbfb;
  }
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li {
    font-size: 1rem;
    border-bottom: 1px solid white;
  }
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li a {
    margin: 0 6.25vw;
    box-sizing: border-box;
    width: 91.667vw;
    min-width: 91.667vw;
    max-width: 91.667vw;
  }
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li {
    /*a.sf-depth-1:after {
      content: '>';
      font-size: 1.5rem;
      font-family: monospace;
      font-weight: initial;
      vertical-align: middle;
      margin-left: 0.6rem;
      display: inline-block;
      margin-bottom: 0.2rem;
    }*/
  }
}
@media (max-width: 639px) and (min-width: unset) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li a {
    margin: 0 100px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li a {
    width: 1466.67px;
    min-width: 1466.67px;
    max-width: 1466.67px;
  }
}
@media (max-width: 639px) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded .sf-clone-parent {
    display: none;
  }
  ul.navbar .sf-has-clone-parent {
    display: flex;
    flex-direction: column;
  }
}
ul.navbar.navbar-main {
  font-size: 0.8rem;
}
ul.navbar li.sf-depth-2.nav-item ul {
  display: none !important;
}
ul.navbar.navbar-main-2 {
  display: flex;
  height: 2.2rem;
  padding: 0 0 0 1rem;
}
ul.navbar.navbar-user {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
}
@media (min-width: unset) {
  ul.navbar.navbar-user {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
ul.navbar.navbar-user {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 639px) {
  ul.navbar.navbar-user {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 50%;
  }
}
ul.navbar.navbar-user li a {
  display: flex;
  align-items: center;
  column-gap: 7px;
}
ul.navbar.navbar-user li a .large-icon {
  margin: auto 0.2rem 0.3rem auto;
}
ul.navbar.navbar-user li:nth-child(n+3) {
  display: none;
}
ul.navbar.navbar-user .nav-item-user {
  margin-left: 1.6rem;
}
@media (max-width: 639px) {
  ul.navbar.navbar-user .nav-item-user {
    margin-left: 0.4rem;
  }
}
@media (max-width: 639px) {
  ul.navbar.navbar-user .nav-item-user a {
    font-size: 0;
  }
}
@media (max-width: 639px) {
  ul.navbar.navbar-user .nav-item-contact a {
    font-size: 0;
  }
}
ul.navbar.navbar-footer-administrative {
  justify-content: flex-start;
}
ul.navbar.navbar-footer-administrative .nav-item {
  margin-right: 1rem;
}
@media (max-width: 639px) {
  ul.navbar.navbar-footer-administrative .nav-item {
    margin-right: 0.6rem;
  }
}

.navbar-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.navbar-wrapper .footer-copyright {
  text-align: right;
  box-sizing: border-box;
  width: 8.333vw;
  min-width: 8.333vw;
  max-width: 8.333vw;
}
@media (min-width: unset) {
  .navbar-wrapper .footer-copyright {
    width: 133.33px;
    min-width: 133.33px;
    max-width: 133.33px;
  }
}
.navbar-wrapper .footer-copyright, .navbar-wrapper .navbar-footer-administrative {
  font-size: 0.58rem;
  font-weight: 500;
}

.navbar-logo-header {
  box-sizing: border-box;
  width: 13.333vw;
  min-width: 13.333vw;
  max-width: 13.333vw;
}
@media (min-width: unset) {
  .navbar-logo-header {
    width: 213.33px;
    min-width: 213.33px;
    max-width: 213.33px;
  }
}
.navbar-logo-header {
  height: 100%;
}
@media (max-width: 639px) {
  .navbar-logo-header {
    box-sizing: border-box;
    width: 41.667vw;
    min-width: 41.667vw;
    max-width: 41.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .navbar-logo-header {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}

.navbar-logo-footer {
  box-sizing: border-box;
  width: 9.167vw;
  min-width: 9.167vw;
  max-width: 9.167vw;
}
@media (min-width: unset) {
  .navbar-logo-footer {
    width: 146.67px;
    min-width: 146.67px;
    max-width: 146.67px;
  }
}
.navbar-logo-footer {
  height: 100%;
}
@media (max-width: 639px) {
  .navbar-logo-footer {
    box-sizing: border-box;
    width: 41.667vw;
    min-width: 41.667vw;
    max-width: 41.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .navbar-logo-footer {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}

a.navbar-logo {
  line-height: 4.5rem;
  display: flex;
}

.navbar-wrapper-top {
  box-sizing: border-box;
  height: 5.417vw;
  min-height: 5.417vw;
  max-height: 5.417vw;
}
@media (min-width: unset) {
  .navbar-wrapper-top {
    height: 86.67px;
    min-height: 86.67px;
    max-height: 86.67px;
  }
}
@media (max-width: 639px) {
  .navbar-wrapper-top {
    /*@include make-padding-grid((0,$paragraphs-padding));*/
    box-sizing: border-box;
    height: 16.667vw;
    min-height: 16.667vw;
    max-height: 16.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .navbar-wrapper-top {
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
.navbar-wrapper-top a {
  font-size: 0.74rem;
}

/** DEFAULT PANORAMA **/
.panorama {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: column;
  background-size: cover;
  box-sizing: border-box;
  height: 37.5vw;
  min-height: 37.5vw;
  max-height: 37.5vw;
}
@media (min-width: unset) {
  .panorama {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
  }
}
.panorama {
  overflow: hidden;
  color: #fff;
  justify-content: center;
}
@media (max-width: 639px) {
  .panorama {
    height: auto;
    max-height: initial;
    min-height: auto;
    background-image: unset !important;
    background-color: #090B39;
    text-align: center;
  }
}
.panorama .panorama-body {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .panorama .panorama-body {
    padding: 0 266.67px;
  }
}
.panorama .panorama-body {
  /*@include make-margin-grid((-2, 0, 0, 0));*/
}
@media (max-width: 639px) {
  .panorama .panorama-body {
    margin: 8.333vw 0 12.5vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .panorama .panorama-body {
    margin: 133.33px 0 200px 0;
  }
}
@media (min-width: 576px) {
  .panorama .panorama-body h2 {
    width: 25vw;
  }
}
.panorama .panorama-body .title-underline {
  color: white !important;
}
.panorama .panorama-body .description {
  width: 13vw;
  /*UPD EVOL DOGA 20180716 font-size: 0.7rem;*/
  /*UPD EVOL DOGA 20180716 line-height: 0.8rem;*/
  line-height: 1rem;
}
@media (max-width: 639px) {
  .panorama .panorama-body .description {
    width: unset;
    font-weight: 600;
    line-height: 1rem;
  }
}
.panorama .panorama-body .text-block-cta {
  margin-top: 2.35rem;
}
@media (max-width: 639px) {
  .paragraph-centered {
    overflow: scroll;
  }
}

.paragraph-section > * {
  margin: var(--layout-spacing) 0;
}
.paragraph-section + .paragraph-section > * {
  margin-top: 0;
}
.paragraph-section .text-block-cta {
  margin-top: 2.35rem;
}

.paragraph-view {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  .paragraph-view {
    padding: 0 266.67px;
  }
}
@media (max-width: 639px) {
  .paragraph-view {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.paragraph-view .paragraph-view-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
}
.paragraph-view .paragraph-view-body .paragraph-view-content {
  width: 100%;
}
.paragraph-view .paragraph-view-body .teaser-last-articles {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
}
.paragraph-view .paragraph-view-body .teaser-last-articles + .btn {
  margin-top: 2.35rem;
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles {
    margin-left: -32px;
    margin-right: -32px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
.paragraph-view .paragraph-view-body .teaser-last-articles h3 {
  margin-top: 25px;
}
.paragraph-view .paragraph-view-body .teaser-last-articles a {
  overflow: hidden;
  display: block;
}
.paragraph-view .paragraph-view-body .teaser-last-articles a:hover {
  text-decoration: underline;
}
.paragraph-view .paragraph-view-body .teaser-last-articles a:hover + a {
  text-decoration: underline;
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles {
    overflow: scroll;
  }
}
.paragraph-view .paragraph-view-body .teaser-last-articles .views-row {
  font-size: 1rem;
  font-weight: 400;
  flex-basis: 33%;
  margin-left: 5px;
  margin-right: 5px;
}
.paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
  transition: all 0.5s;
  width: 100%;
  height: auto;
  height: auto;
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
    box-sizing: border-box;
    width: 66.667vw;
    min-width: 66.667vw;
    max-width: 66.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
    width: 1066.67px;
    min-width: 1066.67px;
    max-width: 1066.67px;
  }
}

.quote {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 2.083vw;
}
@media (min-width: unset) {
  .quote {
    padding: 33.33px;
  }
}
.quote {
  margin: 4.167vw 29.167vw;
}
@media (min-width: unset) {
  .quote {
    margin: 66.67px 466.67px;
  }
}
.quote {
  position: relative;
  text-align: center;
  font-weight: 600;
  font-style: italic;
  background-color: #f8f9fa;
}
@media (max-width: 639px) {
  .quote {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .quote {
    padding: 0 133.33px;
  }
}
.quote .quote-footer {
  font-size: 0.85rem;
  font-weight: normal;
  text-align: center;
  width: 100%;
  margin-top: 1rem;
}
.quote:before, .quote:after {
  content: '"';
  font-family: initial;
  position: absolute;
  top: -2.5rem;
  left: 0;
  color: red;
  font-size: 5rem;
}
.quote:after {
  bottom: -3rem;
  right: 0;
  top: unset;
  left: unset;
}

.ui-slider-pips .ui-slider-pip {
  width: 2em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  font-size: 0.8em;
  color: #999;
  overflow: visible;
  text-align: center;
  top: 20px;
  left: 20px;
  margin-left: -1em;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.block-facet .ui-slider-handle,
.block-facet .ui-slider-handle.ui-state-hover,
.block-facet .ui-slider-handle.ui-state-active,
.block-facet .ui-slider-handle.ui-state-focus {
  border: 3px solid #fff;
  background: #000;
  border-radius: 1rem;
  top: -0.3rem;
}
.block-facet .ui-slider-handle.ui-state-hover {
  cursor: pointer;
}
.block-facet .ui-slider-horizontal.ui-slider-pips {
  margin: 1.6rem 0 1.4em 0;
  height: 0.3rem;
  background-color: #124980;
  border: unset;
}
.block-facet.block-facet--range-slider .ui-slider-horizontal.ui-slider-pips {
  background-color: #b1b2b3;
}
.block-facet .ui-slider-horizontal .ui-slider-range {
  background-color: #124980;
}
.block-facet {
  /*.ui-slider-pip {
    display: none;
  }

  .ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
    border-radius: unset;
    border: 0;
    &:before, &:after {
      display: none;
    }
  }
  .facet-slider.ui-slider-float .ui-slider-tip {
    top: -1.3rem;
    background-color: unset;
  }*/
}
.block-facet span.ui-slider-line {
  display: none;
}
.block-facet .ui-slider-pips .ui-slider-pip {
  top: -1.3rem;
  color: #000;
}
.block-facet .ui-slider-tip-label {
  word-break: keep-all;
}
.block-facet .ui-slider-pip-first .ui-slider-label {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: 0;
  text-align: left;
  width: 4rem;
}
.block-facet .ui-slider-pip-last .ui-slider-label {
  position: absolute;
  top: 5px;
  left: -200%;
  text-align: right;
  margin-left: -1.3em;
  width: 4rem;
}
.block-facet .ui-slider-tip > div {
  background-color: #fff;
}
.block-facet .ui-slider-tip {
  background-color: transparent;
  border: 0;
  top: 1rem !important;
  width: 4rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0rem;
  font-size: 0.8em;
  margin-left: -2rem;
  opacity: 0 !important;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  transition: all 0.3s;
}
.block-facet .ui-slider-tip:hover {
  opacity: 1 !important;
}
.block-facet .ui-slider-tip:before, .block-facet .ui-slider-tip:after {
  /*border-top-color: #eee;*/
  display: none;
}
.block-facet .ui-slider-tip:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  top: -1rem;
  border: 0;
}
.block-facet {
  /*.facet-slider.ui-slider-float .ui-slider-tip {
    opacity: 0;
    &:hover {
      opacity: 1;
    }
  }*/
  /*.facet-slider .imperial-suffix, .facet-slider .metric-suffix {
    display: none;
  }*/
}

table.table-display-1, .table.table-display-1 {
  padding: 0 16.667vw;
}
@media (min-width: unset) {
  table.table-display-1, .table.table-display-1 {
    padding: 0 266.67px;
  }
}
table.table-display-1, .table.table-display-1 {
  width: 100%;
}
table.table-display-1 thead th, .table.table-display-1 thead th {
  padding-bottom: 0.5rem;
}
table.table-display-1 thead tr, .table.table-display-1 thead tr {
  border-bottom: 2px solid black;
}
table.table-display-1 thead, .table.table-display-1 thead {
  color: #000;
}
table.table-display-1 tbody tr, .table.table-display-1 tbody tr {
  border-bottom: 1px solid black;
}
table.table-display-1 tbody td, .table.table-display-1 tbody td {
  padding: 0.5rem 0 0.2rem 0;
}
table.table-display-1 .views-field-total-price__number, table.table-display-1 .views-field-state, table.table-display-1 .views-field-view-commerce-order, .table.table-display-1 .views-field-total-price__number, .table.table-display-1 .views-field-state, .table.table-display-1 .views-field-view-commerce-order {
  text-align: right;
}
table.table-display-1 tr td:last-child, .table.table-display-1 tr td:last-child {
  text-align: right;
  font-weight: bold;
}
table.table-display-1 .views-field-field-action, table.table-display-1 .views-field-nothing, .table.table-display-1 .views-field-field-action, .table.table-display-1 .views-field-nothing {
  text-transform: lowercase;
}
table.table-display-1 .views-field-field-action:first-letter, table.table-display-1 .views-field-nothing:first-letter, .table.table-display-1 .views-field-field-action:first-letter, .table.table-display-1 .views-field-nothing:first-letter {
  text-transform: uppercase;
}
table, .table {
  /* Display line items infos */
}
table.table-display-2, .table.table-display-2 {
  width: 100%;
  margin-top: 1rem;
  display: flex;
}
table.table-display-2 .table-title-line div, table.table-display-2 .table-first-line div, .table.table-display-2 .table-title-line div, .table.table-display-2 .table-first-line div {
  flex-basis: 50%;
  padding: 0.417vw 0.833vw;
}
@media (min-width: unset) {
  table.table-display-2 .table-title-line div, table.table-display-2 .table-first-line div, .table.table-display-2 .table-title-line div, .table.table-display-2 .table-first-line div {
    padding: 6.67px 13.33px;
  }
}
table.table-display-2 .table-title-line div, table.table-display-2 .table-first-line div, .table.table-display-2 .table-title-line div, .table.table-display-2 .table-first-line div {
  align-content: center;
}
table.table-display-2 .table-left, .table.table-display-2 .table-left {
  flex-basis: 90%;
}
table.table-display-2 .table-title-line, .table.table-display-2 .table-title-line {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
table.table-display-2 .table-first-line, .table.table-display-2 .table-first-line {
  display: flex;
  justify-content: space-between;
  width: 99%;
}
table.table-display-2 .table-first-line div, .table.table-display-2 .table-first-line div {
  border-top: 1px solid #000;
  border-right: 2px solid #e9ecef;
  background-color: #f8f9fa;
}
table.table-display-2 .table-first-line div:first-child, .table.table-display-2 .table-first-line div:first-child {
  border-left: 1px solid #000;
}
table.table-display-2 .table-first-line div:last-child, .table.table-display-2 .table-first-line div:last-child {
  border-right: 1px solid #000;
}
table.table-display-2 .table-first-line .title, .table.table-display-2 .table-first-line .title {
  font-weight: 800;
  border: 0 !important;
  padding: 0;
}
table.table-display-2 .table-first-line > div, .table.table-display-2 .table-first-line > div {
  padding: 0.2rem 0.5rem;
  flex-basis: 33.33%;
}
table.table-display-2 .table-first-line > div:nth-child(2), .table.table-display-2 .table-first-line > div:nth-child(2) {
  flex-basis: 90%;
}
table.table-display-2 .table-second-line, .table.table-display-2 .table-second-line {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
}
table.table-display-2 .table-second-line .left-fields, .table.table-display-2 .table-second-line .left-fields {
  display: flex;
  width: 99%;
  justify-content: flex-start;
  border: 1px solid #000;
}
table.table-display-2 .table-second-line .left-fields div, .table.table-display-2 .table-second-line .left-fields div {
  border-left: 2px solid #e9ecef;
  text-align: center;
  text-align: left;
  background-color: #f8f9fa;
}
table.table-display-2 .table-second-line .left-fields div:nth-child(3), .table.table-display-2 .table-second-line .left-fields div:nth-child(3) {
  flex-basis: 25%;
}
table.table-display-2 .table-second-line .left-fields div:last-child, .table.table-display-2 .table-second-line .left-fields div:last-child {
  flex-basis: 35%;
  margin-right: 0.2rem;
}
table.table-display-2 .table-second-line .left-fields div:first-child, .table.table-display-2 .table-second-line .left-fields div:first-child {
  border: 0;
}
table.table-display-2 .right-fields, .table.table-display-2 .right-fields {
  width: 24%;
  border-radius: 0.3rem;
  padding: 0.2rem 1rem;
  color: #fff;
}
table.table-display-2 .right-fields.right-fields-0, .table.table-display-2 .right-fields.right-fields-0 {
  background-color: #000;
}
table.table-display-2 .right-fields.right-fields-1, .table.table-display-2 .right-fields.right-fields-1 {
  background-color: #EE1B24;
}
table.table-display-2 .right-fields.right-fields-2, .table.table-display-2 .right-fields.right-fields-2 {
  background-color: #5ca0cd;
}
table.table-display-2 .right-fields.right-fields-3, .table.table-display-2 .right-fields.right-fields-3 {
  background-color: #124980;
}
table.table-display-2 .right-fields.right-fields-3 div, .table.table-display-2 .right-fields.right-fields-3 div {
  font-size: 1.3rem;
}
table.table-display-2 .right-fields.right-fields-970, .table.table-display-2 .right-fields.right-fields-970 {
  background-color: #7a7b7a;
}
table.table-display-2 .right-fields.right-fields-971, .table.table-display-2 .right-fields.right-fields-971 {
  background-color: #EE1B24;
}
table.table-display-2 .right-fields.right-fields-972, .table.table-display-2 .right-fields.right-fields-972 {
  background-color: #5ca0cd;
}
table.table-display-2 .right-fields.right-fields-973, .table.table-display-2 .right-fields.right-fields-973 {
  background-color: #124980;
}
table.table-display-2 .right-fields.right-fields-965, .table.table-display-2 .right-fields.right-fields-965 {
  background-color: #124980;
}
table.table-display-2 .right-fields.right-fields-974, .table.table-display-2 .right-fields.right-fields-974 {
  background-color: #000;
}
table.table-display-2 .right-fields.right-fields-979, .table.table-display-2 .right-fields.right-fields-979 {
  background-color: #32CD32;
}
table.table-display-2 .right-fields.right-fields-981, .table.table-display-2 .right-fields.right-fields-981 {
  background-color: #5ca0cd;
}
table.table-display-2 .right-fields.right-fields-980, .table.table-display-2 .right-fields.right-fields-980 {
  background-color: #EE1B24;
}
table.table-display-2 .right-fields.right-fields-982, .table.table-display-2 .right-fields.right-fields-982 {
  background-color: #124980;
}
table.table-display-2 .right-fields.right-fields-982 div, .table.table-display-2 .right-fields.right-fields-982 div {
  font-size: 1.3rem;
}
table.table-display-2 .table-second-line .left-fields > div, .table.table-display-2 .table-second-line .left-fields > div {
  padding: 0.2rem 0.5rem;
  flex-basis: 25%;
}

.content-steps div {
  text-transform: lowercase;
}
.content-steps div:first-letter {
  text-transform: uppercase;
}

@media (max-width: 639px) {
  .sav-page table.table-display-1, .table.table-display-1,
  .order-page table.table-display-1, .table.table-display-1,
  .user-mainboard table.table-display-1, .table.table-display-1 {
    width: 200vw;
    padding: unset;
  }
  .wrapper-responsive {
    overflow: auto;
  }
}
.testimonial {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0;
}
@media (min-width: unset) {
  .testimonial {
    padding: 0;
  }
}
.testimonial {
  margin: 0 16.667vw 4.167vw 16.667vw;
}
@media (min-width: unset) {
  .testimonial {
    margin: 0 266.67px 66.67px 266.67px;
  }
}
.testimonial {
  position: relative;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .testimonial {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .testimonial {
    padding: 0;
  }
}

.testimony {
  font-size: 0.75rem;
  width: 15.5rem;
}
.testimony .video {
  margin-bottom: 0.5rem;
}
.testimony .title {
  font-weight: 600;
  color: #090B39;
  font-size: 1rem;
}
.testimony .author {
  font-weight: 600;
  color: #124980;
}

.text-blocks {
  padding: 0 12.5vw;
}
@media (min-width: unset) {
  .text-blocks {
    padding: 0 200px;
  }
}
@media (max-width: 639px) {
  .text-blocks {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .text-blocks {
    padding: 0;
  }
}
.text-blocks .title-underline {
  /*white-space: nowrap;*/
}
@media (min-width: 640px) {
  .text-blocks .text-blocks-body {
    display: grid;
    grid-template-columns: 58% 42%;
    column-gap: 10px;
  }
}
@media (max-width: 639px) {
  .text-blocks .text-blocks-body {
    flex-direction: column;
  }
}
.text-blocks .text-block {
  color: #fff;
  /*@include make-shape(10, 5.2);*/
  padding: 3.333vw 4.167vw;
}
@media (min-width: unset) {
  .text-blocks .text-block {
    padding: 53.33px 66.67px;
  }
}
@media (max-width: 639px) {
  .text-blocks .text-block {
    padding: 75px 32px;
  }
}
.text-blocks .text-block {
  background-color: #090B39;
}
.text-blocks .text-block:nth-child(2) {
  /*@include make-shape(7, 5.2);*/
  background-color: #124980;
}
@media (max-width: 639px) {
  .text-blocks .text-block {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
  .text-blocks .text-block .btn {
    margin: 4.167vw 0 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .text-blocks .text-block .btn {
    margin: 66.67px 0 0 0;
  }
}
.text-blocks .text-block .text-block-content p {
  margin-top: 0;
  margin-bottom: 1rem;
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: -0.005em;
}
.text-blocks .text-block .text-block-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .text-blocks .text-block .text-block-content p {
    font-size: 1rem;
  }
}
.text-blocks .text-block .text-block-cta {
  margin-top: 2.35rem;
}
.text-blocks .text-block .title {
  color: #090B39;
  font-size: 1rem;
  font-weight: 550;
  margin: 1.25vw 0 0.417vw 0;
}
@media (min-width: unset) {
  .text-blocks .text-block .title {
    margin: 20px 0 6.67px 0;
  }
}

.webform-contact .text-blocks.text-blocks-display-1 .text-block {
  max-width: none; /* IE */
}

.text-blocks.text-blocks-display-1 {
  width: 100%;
  background-color: #090B39;
}
.text-blocks.text-blocks-display-1 .text-blocks-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.text-blocks.text-blocks-display-1 .text-block {
  padding: 2.5vw 4.167vw;
}
@media (min-width: unset) {
  .text-blocks.text-blocks-display-1 .text-block {
    padding: 40px 66.67px;
  }
}
.text-blocks.text-blocks-display-1 .text-block {
  width: auto;
  max-width: initial;
  min-width: auto;
  background-color: unset;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.text-blocks.text-blocks-display-1 .text-block h2 {
  box-sizing: border-box;
  width: 16.667vw;
  min-width: 16.667vw;
  max-width: 16.667vw;
}
@media (min-width: unset) {
  .text-blocks.text-blocks-display-1 .text-block h2 {
    width: 266.67px;
    min-width: 266.67px;
    max-width: 266.67px;
  }
}
.text-blocks.text-blocks-display-1 .text-block h2 {
  white-space: normal;
}
.text-blocks.text-blocks-display-1 .text-block .text-block-content {
  width: 100%;
  text-align: center;
}
.text-blocks.text-blocks-display-1 .text-block .text-block-content p {
  font-size: 1rem;
  margin-bottom: 0;
  /*font-size: 0.7rem;*/
}

.text-blocks.text-blocks-display-2 {
  margin: 4.167vw 0 4.167vw 0;
}
@media (min-width: unset) {
  .text-blocks.text-blocks-display-2 {
    margin: 66.67px 0 66.67px 0;
  }
}
.text-blocks.text-blocks-display-2 {
  background-color: #fff;
}
.text-blocks.text-blocks-display-2 .text-blocks-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.text-blocks.text-blocks-display-2 .text-block {
  padding: 2.5vw 4.167vw;
}
@media (min-width: unset) {
  .text-blocks.text-blocks-display-2 .text-block {
    padding: 40px 66.67px;
  }
}
.text-blocks.text-blocks-display-2 .text-block {
  width: auto;
  max-width: initial;
  min-width: auto;
  background-color: unset;
  background-color: transparent; /* IE */
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.text-blocks.text-blocks-display-2 .text-block h2 {
  box-sizing: border-box;
  width: 16.667vw;
  min-width: 16.667vw;
  max-width: 16.667vw;
}
@media (min-width: unset) {
  .text-blocks.text-blocks-display-2 .text-block h2 {
    width: 266.67px;
    min-width: 266.67px;
    max-width: 266.67px;
  }
}
.text-blocks.text-blocks-display-2 .text-block h2 {
  white-space: normal;
}
.text-blocks.text-blocks-display-2 .text-block h2.reduced {
  box-sizing: border-box;
  width: 11.667vw;
  min-width: 11.667vw;
  max-width: 11.667vw;
}
@media (min-width: unset) {
  .text-blocks.text-blocks-display-2 .text-block h2.reduced {
    width: 186.67px;
    min-width: 186.67px;
    max-width: 186.67px;
  }
}
.text-blocks.text-blocks-display-2 .text-block .text-block-content {
  width: 100%;
  text-align: center;
}
.text-blocks.text-blocks-display-2 .contact-headquarter-gmap {
  /*@include make-height-grid(3.1);*/
  width: 100%;
}
.text-blocks.text-blocks-display-2 iframe.map {
  position: absolute;
  top: -20%;
  right: 0;
  width: 60%;
  height: 17rem;
}
.text-blocks.text-blocks-display-2 {
  /* Useful for subsidiaries (filiales) display in contact form */
}
.text-blocks.text-blocks-display-2 .views-element-container > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.text-blocks.text-blocks-display-2 .views-element-container > div .content-display-9 {
  flex-basis: 33%;
}
@media (max-width: 639px) {
  .text-blocks.text-blocks-display-2 .views-element-container > div .content-display-9 {
    flex-basis: 100%;
    margin-top: 3rem;
  }
  .text-blocks.text-blocks-display-2 .views-element-container > div .content-display-9:first-child {
    margin-top: unset;
  }
}
.text-blocks.text-blocks-display-2 .views-element-container > div .content-display-9:nth-child(n+4) {
  margin-top: 3rem;
}

.webform-contact .text-blocks.text-blocks-display-2 {
  margin: 4.167vw 0 0 0;
}
@media (min-width: unset) {
  .webform-contact .text-blocks.text-blocks-display-2 {
    margin: 66.67px 0 0 0;
  }
}

.webform-body .text-blocks-display-2 .text-blocks-body .title-underline {
  color: #090B39;
}

html {
  font-size: calc(1.25vw + 1px);
}
@media (min-width: 1600px) {
  html {
    font-size: 21px;
  }
}
@media (max-width: 639px) {
  html {
    font-size: calc(3.9vw + 1px);
  }
}
html {
  font-family: "Titillium Web", sans-serif;
}

body {
  font-weight: 300;
  font-family: "Titillium Web", sans-serif;
  overflow-x: hidden;
}

h1, .h1 {
  font-size: 4.8rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h1, .h1 {
    font-size: 2.6rem;
  }
}

h2, .h2 {
  font-size: 3rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h2, .h2 {
    font-size: 2.35rem;
  }
}

.title-h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
}

h3, .h3 {
  font-size: 2.2rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h3, .h3 {
    font-size: 1.7rem;
  }
}

h4, .h4 {
  font-size: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h5, .h5 {
    font-size: 1.25rem;
  }
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h6, .h6 {
    font-size: 1rem;
  }
}

b, strong {
  font-weight: 600;
}

.display-0 {
  font-size: 10rem;
  line-height: 1.1;
}
@media (max-width: 639px) {
  .display-0 {
    font-size: 10rem;
  }
}

.display-1 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 0.89;
}
@media (max-width: 639px) {
  .display-1 {
    font-size: 4.5rem;
  }
}

.display-2 {
  font-size: 5rem;
  font-weight: 300;
  line-height: 0.9;
}
@media (max-width: 639px) {
  .display-2 {
    font-size: 5rem;
  }
}

em {
  font-weight: 300;
}

a {
  color: #090B39;
  transition: color 0.5s;
}
a:hover {
  color: #EE1B24;
}
a.link-white {
  color: #fff;
  transition: color 0.5s;
}
a.link-white:hover {
  color: #EE1B24;
}

a.link-secondary, .link-secondary {
  color: #124980;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.link-secondary:hover, .link-secondary:hover {
  color: rgb(8.5684931507, 34.75, 60.9315068493);
  text-decoration: none;
}

button:focus {
  outline: 0;
}

input[type=text], textarea {
  font-weight: 300;
}

form {
  width: 100%;
}

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

.wrapper-title-actions {
  margin-bottom: 2.35rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
}
.wrapper-title-actions .title-underline {
  margin-bottom: 0;
}
.wrapper-title-actions > *:last-child {
  margin-left: auto;
}

.title-underline {
  font-family: "Titillium Web", sans-serif;
  font-size: 1.65rem;
  letter-spacing: -0.005em;
  margin-bottom: 2.35rem;
  /*UPD EVOL DOGA 20180716*/
}
.title-underline.title-underline-smaller {
  font-size: 1.1rem !important;
}
.title-underline {
  font-weight: 600;
  display: block !important;
  text-transform: uppercase;
}
.title-underline.title-text-lower {
  text-transform: unset;
}
.title-underline:after {
  content: "";
  display: block;
  height: 0px;
  width: 4.874vw;
  min-width: 63px;
  border-top: 0.3rem solid #EE1B24;
  margin-top: 8px;
}
.title-underline.title-underline-center {
  width: 100%;
  text-align: center;
}
.title-underline.title-underline-center:after {
  margin: 0.833vw auto;
}
@media (min-width: unset) {
  .title-underline.title-underline-center:after {
    margin: 13.33px auto;
  }
}
.title-underline.title-underline-wide {
  width: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 1.7rem;
  font-size: 1rem;
  color: black;
}
.title-underline.title-underline-wide:after {
  content: "";
  display: table;
  height: 0px;
  width: 4.874vw;
  border-top: 0.3rem solid black;
  margin: 0.3rem 0 0 0;
}

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

.subtitle {
  font-size: 1rem;
  color: #090B39;
}

@media (max-width: 639px) {
  .title-underline.title-underline-center {
    width: 100%;
    text-align: center;
  }
  .title-underline.title-underline-center:after {
    margin: 3.333vw auto;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .title-underline.title-underline-center:after {
    margin: 53.33px auto;
  }
}
h1.title-underline {
  font-size: 2.1rem;
  margin: 3.333vw 0 1.667vw 0;
}
@media (min-width: unset) {
  h1.title-underline {
    margin: 53.33px 0 26.67px 0;
  }
}

@media (max-width: 639px) {
  h1.title-underline {
    font-size: 1.65rem;
  }
}
.title-normal {
  font-weight: 600;
  font-size: 1.1rem;
  color: #090B39;
  width: 100%;
}
@media (max-width: 639px) {
  .title-normal {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}

.title-green-check {
  --icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.741 11.045'%3e%3cpath d='M13637.728,1918.25l4.4,4.4,8.924-8.924' transform='translate%28-13637.021 -1913.022%29' fill='none' stroke='%233EB510' stroke-width='2'/%3e%3c/svg%3e");
  display: inline-flex;
  gap: 13px;
  font-weight: 600;
  font-size: 1.1rem;
}
@media (max-width: 639px) {
  .title-green-check {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
.title-green-check:before {
  content: "";
  display: inline-block;
  width: 0.62em;
  flex: 0 0 0.62em;
  height: 1.65rem;
  background-image: var(--icon);
  background-repeat: no-repeat;
  background-position: center;
}

.title-red-arrow {
  font-weight: 600;
  font-size: 1.1rem;
  color: #090B39;
}
@media (max-width: 639px) {
  .title-red-arrow {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
.title-red-arrow:before {
  content: "";
  display: inline-block;
  margin-bottom: 0.1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #EE1B24;
  margin-right: 0.5rem;
}

.title-display-1 {
  text-transform: uppercase;
  letter-spacing: 0.7rem;
  width: 100%;
  display: block;
  background-color: #090B39;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  .title-display-1 {
    margin: 66.67px 0;
  }
}
.title-display-1 {
  padding: 0.833vw 0;
}
@media (min-width: unset) {
  .title-display-1 {
    padding: 13.33px 0;
  }
}
@media (min-width: 576px) {
  .title-display-1 {
    display: none;
  }
}

.title-display-2 {
  font-weight: 600;
  font-size: 1.1rem;
  color: #474747;
}

.title-display-3 {
  font-weight: 600;
  font-size: 1.1rem;
  color: #7a7b7a;
}

.title-display-4 {
  font-weight: normal;
  font-size: 1rem;
  color: #7a7b7a;
}

.title-display-5 {
  font-weight: 600;
  margin-top: 0.3rem;
  font-size: 0.85rem;
  color: #090B39;
}
.title-display-5:before {
  content: " ";
  width: 1px;
  height: 1.5rem;
  position: absolute;
  background-color: #124980;
  left: 0.8rem;
  top: 0;
}

.job-teaser .title-display-5 {
  height: 50px;
  overflow: hidden;
}

.text-white {
  color: #fff !important;
}

.text-gray {
  color: #7a7b7a !important;
}

.text-small-gray {
  font-size: 0.8rem;
  color: #7a7b7a !important;
}

.text-primary, .content.content-display-9 .google-links a {
  color: #090B39 !important;
}

.text-primary-italic {
  font-style: italic;
  color: #090B39 !important;
}

.facet-item input[type=checkbox]:after {
  content: "";
  display: block;
  cursor: pointer;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #fff;
  border-radius: 0.1rem;
  border: 2px solid #7a7b7a;
}
.facet-item input[type=checkbox][checked=checked]:after {
  background-color: #7a7b7a;
}
.facet-item input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  width: 0;
  margin-right: 0.6rem;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.facet-item label {
  cursor: pointer;
}

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

#block-contenudelapageprincipale-2 .video-embed-field-provider-youtube.video-embed-field-responsive-video {
  position: relative;
  width: 100% !important;
}

.node--type-article .page-container,
.node--type-job .page-container {
  height: initial;
}

header div[role=contentinfo] {
  position: absolute;
  background-color: white;
  width: 100%;
  z-index: 500;
}

/* Edit buttons for blocks */
.contextual-region .contextual .contextual-links {
  min-width: 100px;
}

.card-wrapper-cover.contextual-region .contextual {
  margin-top: 95px;
}

[data-block-id] [data-contextual-id].contextual {
  top: 120px;
}

/* Kint */
.kint {
  background: gray;
}

.list-header-job-secondary li div div:nth-child(2) {
  color: #090B39;
}

/* Admin menu toolbar passed undernavbar-main */
#toolbar-administration, #toolbar-administration * {
  z-index: 9999;
}

/* "Better exposed filter" usage for secondary filters (summary) */
/* Remove default behavior for summary tag (arrow) */
summary::-webkit-details-marker {
  display: none;
}

details > summary:first-of-type {
  list-style-type: none;
}

/* Throbber */
.ajax-progress-fullscreen {
  background-color: #fff;
  background-image: url(../images/throbber.gif);
  border-radius: 7px;
}

/* Contextual links */
section.focus:not(.focus-primary):not(.focus-secondary) {
  margin: 0;
  padding: 0;
}

#block-breadcrumb .contextual {
  display: none;
}

.product-full .contextual {
  top: 2rem;
}

@media (max-width: 639px) {
  #toolbar-administration, #toolbar-administration * {
    z-index: 100;
  }
}
.metric-suffix, .imperial-suffix {
  display: none;
}

.cke_panel_listItem {
  background: linear-gradient(90deg, #eee, #fff) !important;
}

.cke_editable {
  padding: 0 25vw 0 25vw;
}
@media (min-width: unset) {
  .cke_editable {
    padding: 0 400px 0 400px;
  }
}
.cke_editable {
  margin: 4.167vw 0 0 0;
}
@media (min-width: unset) {
  .cke_editable {
    margin: 66.67px 0 0 0;
  }
}
@media (max-width: 639px) {
  .cke_editable {
    padding: 8.333vw 8.333vw 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .cke_editable {
    padding: 133.33px 133.33px 0 133.33px;
  }
}
.cke_editable {
  font-family: "Titillium Web", sans-serif;
}
.cke_editable a {
  color: #124980;
}
.cke_editable a:hover {
  color: #090B39;
}
.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .cke_editable h5, .cke_editable h6 {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.cke_editable h1 {
  font-family: Arial, sans-serif;
  font-size: 3.8rem;
  line-height: 3.4rem;
}
.cke_editable h2 {
  font-size: 2.8rem;
  line-height: 2.8rem;
}
.cke_editable h2 {
  font-size: 2.8rem;
  line-height: 2.8rem;
}
.cke_editable h2 {
  font-size: 2.8rem;
  line-height: 2.8rem;
}
.cke_editable blockquote {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 2.5rem auto;
  display: block;
}
.cke_editable blockquote p {
  display: inline;
  color: inherit;
}
.cke_editable p {
  margin-bottom: 2rem;
  color: #b1b2b3;
}
.cke_editable ul {
  color: #b1b2b3;
  margin-bottom: 2rem;
}
.cke_editable img {
  max-width: 100%;
}

.cke_panel_container, .cke_panel_listItem, body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
  background: white;
}

.cke_panel_container {
  font-size: unset;
}

.cke_panel_listItem a {
  font-size: 16px;
}

#block-dropdownlanguage .dropdown-language-item {
  height: 2.4rem;
  display: flex;
  align-items: center;
  overflow: visible;
  flex-wrap: wrap;
  padding-left: 40px;
  background-image: url(/sites/doga/themes/doga_front/images/icons/grid-world.svg);
  background-position: 10px center;
  background-size: 20px;
  background-repeat: no-repeat;
  font-size: 0.74rem;
}
#block-dropdownlanguage .dropbutton-action {
  height: 2.4rem;
  width: 100%;
}
#block-dropdownlanguage .dropbutton-action .language-link {
  display: flex;
  height: 100%;
  align-items: center;
}
#block-dropdownlanguage .dropbutton-action ~ .dropbutton-action {
  background-color: #fff;
}
#block-dropdownlanguage .dropbutton-arrow {
  color: currentColor;
}