/* Style for Brands */

/* View /marques page */
#parution .carousel-item-content > .row > .el.active .calendar-box,
#parution .carousel-item-content > .row > div:hover .calendar-box {
  background-color: #fff;
  color: var(--dark-gray);
}
#parution .calendar-box {
  padding: .25rem 1rem 1rem 1.5rem;
  color: var(--dark-gray);
  margin-bottom: 2rem;
  min-height: 7rem;
  border: 3px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#parution .box-title {
  font-size: .8rem;
  margin-bottom: auto;
}
#parution .calendar-box h2 {
  font-weight: bold;
  font-family: 'EBGaramond';
  font-size: 1.8rem;
}
#parution .calendar-box h3 {
  font-size: 1.4rem;
}
#parution .box-content {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.view-brands {
  margin-top: 1rem;
  margin-bottom: 4rem;
}
.view-brands .views-exposed-form {
  margin-bottom: 3rem;
}
.view-brands .js-form-item {
  width: 33.333%;
}
.view-brands .form-row > .js-form-item:first-child {
  padding-right: 1rem;
}
.view-brands .form-row > .js-form-item:nth-child(2) {
  padding-right: 1rem;
  padding-left: 1rem;
}
.view-brands .form-row > .js-form-item:nth-child(3) {
  padding-left: 1rem;
}
#views-bootstrap-brands-page-1--3:before {
  content: " ";
  height: 10rem;
  width: 9px;
  background: #331f59;
  position: absolute;
  /* top: 0; */
  right: -16px;
  display: block;
}
.view-brands .view-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brands-grid img {
  height: 6rem;
  width: 8rem;
  object-fit: contain;
  padding: 0 1rem;
  object-position: center;
}
.view-brands.view-display-id-block_6 img {
  cursor: pointer;
  width: 70%;
  height: 5.5rem;
  margin: 2rem auto;
  object-fit: contain;
  /* object-position: center; */
  filter: grayscale(100%);
  opacity: 0.5;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.view-brands.view-display-id-block_6 img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.view-display-id-page_1 .brands-grid {
  width: 100%;
}

/* Teaser */
.brand-teaser-container {
  position: relative;
  margin-bottom: 3rem;
  text-decoration: none;
  display: block;
  height: 18rem;
}
.light-blue .case-study-teaser-right::before,
.light-blue .brand-full-banner-logo-container:before,
.light-blue .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-light-blue.png");
}
.blue .case-study-teaser-right::before,
.blue .brand-full-banner-logo-container:before,
.blue .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-blue.png");
}
.yellow .case-study-teaser-right::before,
.yellow .brand-full-banner-logo-container:before,
.yellow .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-yellow.png");
}
.light-red .case-study-teaser-right::before,
.light-red .brand-full-banner-logo-container:before,
.light-red .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-light-red.png");
}
.red .case-study-teaser-right::before,
.red .brand-full-banner-logo-container:before,
.red .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-red.png");
}
.light-gray .case-study-teaser-right::before,
.light-gray .brand-full-banner-logo-container:before,
.light-gray .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-light-gray.png");
}
.dark-gray .case-study-teaser-right::before,
.dark-gray .brand-full-banner-logo-container:before,
.dark-gray .brand-teaser-container.active:before {
  background-image: url("../../images/crochets1-dark-gray.png");
}


.light-blue .case-study-teaser-right::after,
.light-blue .brand-full-banner-logo-container:after,
.light-blue .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-light-blue.png");
}
.blue .case-study-teaser-right::after,
.blue .brand-full-banner-logo-container:after,
.blue .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-blue.png");
}
.yellow .case-study-teaser-right::after,
.yellow .brand-full-banner-logo-container:after,
.yellow .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-yellow.png");
}
.light-red .case-study-teaser-right::after,
.light-red .brand-full-banner-logo-container:after,
.light-red .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-light-red.png");
}
.red .case-study-teaser-right::after,
.red .brand-full-banner-logo-container:after,
.red .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-red.png");
}
.light-gray .case-study-teaser-right::after,
.light-gray .brand-full-banner-logo-container:after,
.light-gray .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-light-gray.png");
}
.dark-gray .case-study-teaser-right::after,
.dark-gray .brand-full-banner-logo-container:after,
.dark-gray .brand-teaser-container.active:after {
  background-image: url("../../images/crochets2-dark-gray.png");
}
/* .brand-teaser-container.active:before {
  content: "";
  height: 1.3rem;
  width: 1.3rem;
  background-image: url("../../images/crochets1-light-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -1.3rem;
  left: -1.3rem;
  display: inline-block;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-teaser-container.active:after {
  content: "";
  height: 1.3rem;
  width: 1.3rem;
  background-image: url("../../images/crochets2-light-blue.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -1.3rem;
  right: -1.3rem;
  display: inline-block;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
} */
.brand-teaser-bg img {
  object-fit: cover;
  width: 100%;
  height: 18rem;
}
.view-display-id-page_1 .brand-teaser-bg img {
  object-fit: cover;
  width: 100%;
  height: 18rem;
  padding: 0;
}
.brand-teaser-logo {
  position: absolute;
  width: 9rem;
  height: 9rem;
  bottom: 0rem;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-teaser-logo img {
  height: 4rem;
  width: 5rem;
  object-fit: contain;
  object-position: center;
  padding: 0 0 !important;
}
.brand-teaser-container .brand-teaser-logo-color {
  display: none;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-teaser-container .brand-teaser-logo-white {
  display: block;
  opacity: 0.7;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-teaser-container .brand-teaser-logo-black {
  display: none;
}
.brand-teaser-container:hover .brand-teaser-logo-color {
  display: block;
}
.brand-teaser-container:hover .brand-teaser-logo-white {
  display: none;
}
.brand-teaser-logo-overlay {
  display: block;
  background: var(--dark-gray);
  z-index: 1;
  opacity: 0.8;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  position: absolute;
  width: 9rem;
  height: 9rem;
  bottom: 0;
  right: 0;
}
.brand-full-container .view-news .news1 .news-teaser-small-text .news-teaser-small-button {
  color: var(--dark-gray);
  border-color: var(--dark-gray);
}
.brand-full-container .view-news .news1 .news-teaser-small-text .news-teaser-small-button:hover {
  background-color: var(--dark-gray);
  color: #fff;
}
.brand-teaser-container:hover .brand-teaser-logo-overlay {
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background: #fff;
}
.brand-full-container .view-news .news2 .news-teaser-small-text, 
.brand-full-container .view-news .news3 .news-teaser-small-text {
  background-color: var(--light-gray);
}
.page-node-type-brand .event-teaser-small-link > .file-link,
.page-node-type-brand .brand-full-feature-link a {
  background: transparent !important;
  border: 4px solid #fff !important;
  color: #fff !important;
}
.page-node-type-brand .event-teaser-small-link > .file-link:hover,
.page-node-type-brand .brand-full-feature-link a:hover {
  color: var(--dark-gray) !important;
  background: #fff !important;
}

/* .red .brands-grid .brand-teaser-logo-overlay, */
.red .brand-full-parution,
.red .news-teaser-small-text,
.red .event-teaser-small-link a,
.red .brand-full-feature-link a,
.red .brand-full-toolbox,
.red .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.red .brand-intro-line,
.red .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.red .brand-full-top-menu-container, 
.red .brand-full-top-menu-line,
.red .brand-full-top-menu-item {
  background: var(--red-color);
}
/* .light-red .brands-grid .brand-teaser-logo-overlay, */
.light-red .brand-full-parution,
.light-red .news-teaser-small-text,
.light-red .event-teaser-small-link a,
.light-red .brand-full-feature-link a,
.light-red .brand-full-toolbox,
.light-red .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.light-red .brand-intro-line,
.light-red .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.light-red .brand-full-top-menu-container, 
.light-red .brand-full-top-menu-line,
.light-red .brand-full-top-menu-item {
  background: var(--light-red);
}
/* .blue .brands-grid .brand-teaser-logo-overlay, */
.blue .brand-full-parution,
.blue .news-teaser-small-text,
.blue .event-teaser-small-link a,
.blue .brand-full-feature-link a,
.blue .brand-full-toolbox,
.blue .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.blue .brand-intro-line,
.blue .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.blue .brand-full-top-menu-container, 
.blue .brand-full-top-menu-line,
.blue .brand-full-top-menu-item {
  background: var(--blue-color);
}
/* .light-blue .brands-grid .brand-teaser-logo-overlay, */
.light-blue .brand-full-parution,
.light-blue .news-teaser-small-text,
.light-blue .event-teaser-small-link a,
.light-blue .brand-full-feature-link a,
.light-blue .brand-full-toolbox,
.light-blue .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.light-blue .brand-intro-line,
.light-blue .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.light-blue .brand-full-top-menu-container, 
.light-blue .brand-full-top-menu-line,
.light-blue .brand-full-top-menu-item {
  background: var(--light-blue);
}
/* .yellow .brands-grid .brand-teaser-logo-overlay, */
.yellow .brand-full-parution,
.yellow .news-teaser-small-text,
.yellow .event-teaser-small-link a,
.yellow .brand-full-feature-link a,
.yellow .brand-full-toolbox,
.yellow .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.yellow .brand-intro-line,
.yellow .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.yellow .brand-full-top-menu-container, 
.yellow .brand-full-top-menu-line,
.yellow .brand-full-top-menu-item {
  background: var(--yellow-color);
}
/* .light-gray .brands-grid .brand-teaser-logo-overlay, */
.light-gray .brand-full-parution,
.light-gray .news-teaser-small-text,
.light-gray .event-teaser-small-link a,
.light-gray .brand-full-feature-link a,
.light-gray .brand-full-toolbox,
.light-gray .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.light-gray .brand-intro-line,
.light-gray .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.light-gray .brand-full-top-menu-container, 
.light-gray .brand-full-top-menu-line,
.light-gray .brand-full-top-menu-item {
  background: var(--light-gray);
}
/* .dark-gray .brands-grid .brand-teaser-logo-overlay, */
.dark-gray .brand-full-parution,
.dark-gray .news-teaser-small-text,
.dark-gray .event-teaser-small-link a,
.dark-gray .brand-full-feature-link a,
.dark-gray .brand-full-toolbox,
.dark-gray .brand-full-tabs .carousel-indicators-group .carouselTabsSlider,
.dark-gray .brand-intro-line,
.dark-gray .brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt,
.dark-gray .brand-full-top-menu-container, 
.dark-gray .brand-full-top-menu-line,
.dark-gray .brand-full-top-menu-item {
  background: var(--dark-gray);
}
/* Full */
.brand-full-top-menu-container {
  background: var(--yellow-color);
}
.brand-full-top-menu-line-container {
  background: #f0f0f0;
  overflow: hidden;
}
.brand-full-banner h1 {
  display: none;
}
.brand-full-top-menu-line {
  background: var(--yellow-color);
  height: 7px;
  width: 60%;
  margin-left: 40%;
}
#bannerTopMenu {
  display: block;
}
#carouselTopMenu {
  display: none;
  height: 2.3rem;
}
.brand-full-top-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brand-full-top-menu-item {
  background: var(--yellow-color);
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0.5rem 0;
  font-size: 0.65rem;
  cursor: pointer;
  display: block;
  text-decoration: none;
}
#carouselTopMenu .carousel-control-prev .fas,
#carouselTopMenu .carousel-control-next .fas {
  font-size: 1rem;
  color: #fff;
}
.brand-full-banner {
  height: 28rem;
}
.brand-full-banner-bg img {
  width: 100%;
  height: 28rem;
  object-fit: cover;
}
.brand-full-banner-container {
  position: relative;
}
.brand-full-banner-logo-container {
  display: block;
  z-index: 1;
  position: absolute;
  width: 48%;
  height: 18rem;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .brand-full-banner-logo-container:before {
  content: "";
  height: 1.7rem;
  width: 1.7rem;
  background-image: url("../../images/crochets1.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 2.3rem;
  left: -1.7rem;
  display: inline-block;
}
.brand-full-banner-logo-container:after {
  content: "";
  height: 1.7rem;
  width: 1.7rem;
  background-image: url("../../images/crochets2.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 2.3rem;
  right: -1.7rem;
  display: inline-block;
} */
.brand-full-banner-logo {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.brand-full-banner-logo img {
  width: 100%;
  height: 18rem;
  object-fit: contain;
  padding: 6rem 6rem 6rem 6rem;
}
.brand-full-banner-logo-overlay {
  position: absolute;
  background: var(--dark-gray);
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
}
.yellow .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--yellow-color);
}
.red .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--red-color);
}
.blue .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--blue-color);
}
.light-gray .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--light-gray);
}
.dark-gray .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--dark-gray);
}
.light-red .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--light-red);
}
.light-blue .brand-full-banner-logo-container .brand-full-banner-socials {
  border-color: var(--light-blue);
}
.brand-full-banner-socials {
  border: none;
  background: transparent;
  border: 4px solid var(--dark-gray);
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  display: flex;
  z-index: 2;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-full-banner-socials a {
  color: #331f59;
  width: 37px;
  height: 37px;
  opacity: 0;
  display: none;
  align-content: center;
  justify-content: center;
  font-size: 1.3rem;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-full-banner-socials a i {
  height: 17px;
  width: 37px;
  margin: 10px 0;
  padding: 0 10px;
  text-align: end;
  border-right: 1px solid var(--dark-gray);
  color: var(--dark-gray);
}
.brand-full-banner-socials > a:nth-child(3) > i {
  border-right: none;
}
.yellow .brand-full-banner-socials a i {
  border-right-color: var(--yellow-color);
}
.yellow.brand-full-container .case-study-cross,
.yellow.brand-full-container .case-study-teaser-label,
.yellow .brand-intro-socials a,
.yellow .brand-full-banner-logo-container .brand-full-banner-socials a i,
.yellow .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--dark-gray);
}
.red .brand-full-banner-logo-container .brand-full-banner-socials a i {
  border-right-color: var(--red-color);
}
.red.brand-full-container .case-study-cross,
.red.brand-full-container .case-study-teaser-label,
.red .brand-intro-socials a,
.red .brand-full-banner-logo-container .brand-full-banner-socials a i,
.red .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--red-color);
}
.blue .brand-full-banner-logo-container .brand-full-banner-socials a i {
  border-right-color: var(--blue-color);
}
.blue.brand-full-container .case-study-cross,
.blue.brand-full-container .case-study-teaser-label,
.blue .brand-intro-socials a,
.blue .brand-full-banner-logo-container .brand-full-banner-socials a i,
.blue .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--blue-color);
}
.light-red .brand-full-banner-socials a i {
  border-right-color: var(--light-red);
}
.light-red.brand-full-container .case-study-cross,
.light-red.brand-full-container .case-study-teaser-label,
.light-red .brand-intro-socials a,
.light-red .brand-full-banner-logo-container .brand-full-banner-socials a i,
.light-red .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--light-red);
}
.light-gray .brand-full-banner-logo-container .brand-full-banner-socials a i {
  border-right-color: var(--light-gray);
}
.light-gray.brand-full-container .case-study-cross,
.light-gray.brand-full-container .case-study-teaser-label,
.light-gray .brand-intro-socials a,
.light-gray .brand-full-banner-logo-container .brand-full-banner-socials a i,
.light-gray .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--light-gray);
}
.light-blue .brand-full-banner-logo-container .brand-full-banner-socials a i {
  border-right-color: var(--light-blue);
}
.light-blue.brand-full-container .case-study-cross,
.light-blue.brand-full-container .case-study-teaser-label,
.light-blue .brand-intro-socials a,
.light-blue .brand-full-banner-logo-container .brand-full-banner-socials a i,
.light-blue .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--light-blue);
}
.dark-gray .brand-full-banner-logo-container .brand-full-banner-socials a i {
  border-right-color: var(--dark-gray);
}
.dark-gray.brand-full-container .case-study-cross,
.dark-gray.brand-full-container .case-study-teaser-label,
.dark-gray .brand-intro-socials a,
.dark-gray .brand-full-banner-logo-container .brand-full-banner-socials a i,
.dark-gray .brand-full-banner-logo-container .brand-full-banner-socials.active a {
  color: var(--dark-gray);
}
.brand-full-banner-socials.active a {
  opacity: 1;
  display: flex;
  color: var(--dark-gray);
  cursor: pointer;
}
.brand-full-banner-socials > a:last-child > i {
  border-right: none;
}
.brand-full-banner-socials .fa-share-alt {
  background: transparent;
  /* border-left: 4px solid #f9b112; */
  color: var(--dark-gray);
  height: 37px;
  width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.brand-full-banner-logo-container .brand-full-banner-socials.active .fa-share-alt {
  color: var(--dark-gray);
}
.brand-full-banner-socials.active .fa-share-alt {
  background: var(--dark-gray);
  color: #fff;
  /* border: none; */
}
.brand-intro {
  background: var(--cream-color);
  color: var(--dark-gray);
}
.brand-intro-socials {
  padding: 2rem 0;
  display: flex;
  justify-content: flex-start;
}
.brand-intro-socials a {
  color: var(--dark-gray);
  padding-right: 3rem;
  padding-left: 0;
  display: block;
  font-size: 1.8rem;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-intro-socials a:hover,
.brand-intro-socials a:focus {
  text-decoration: none;
  color: inherit;
  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.brand-intro-line {
  width: 100%;
  height: 1px;
  background: var(--yellow-color);
  margin: 2rem 0;
}
.brand-intro-description {
  font-size: 0.8rem;
  color: var(--dark-gray);
}
.brand-intro-figures {
  padding-bottom: 3rem;
}
.brand-intro-figure {
  text-align: center;
}
.brand-intro-figure-number {
  font-size: 2.3rem;
  font-weight: bold;
}
.brand-intro-figure-title {
  font-size: 1rem;
  font-weight: bold;
}
.brand-intro-figure-subtitle {
  font-size: 0.65rem;
}
.brand-full-tabs {
  margin: 3.5rem 1rem 0 1rem;
  color: var(--dark-gray);
}
.brand-full-tabs .carousel-inner {
  top: 52px;
}
#carouselTabsControls .carousel-control-prev .fas,
#carouselTabsControls .carousel-control-next .fas {
  font-size: 1.5rem;
  color: var(--dark-gray);
}
.brand-full-tabs .carousel-indicators {
  top: 0;
  bottom: unset;
  border-top: 1px solid var(--yellow-color);
  margin: 0;
  height: 48px;
}
.yellow .case-study-teaser-label,
.yellow .brand-full-tabs .carousel-indicators {
  border-top-color: var(--yellow-color);
}
.red .case-study-teaser-label,
.red .brand-full-tabs .carousel-indicators {
  border-top-color: var(--red-color);
}
.blue .case-study-teaser-label,
.blue .brand-full-tabs .carousel-indicators {
  border-top-color: var(--blue-color);
}
.light-red .case-study-teaser-label,
.light-red .brand-full-tabs .carousel-indicators {
  border-top-color: var(--light-red);
}
.light-gray .case-study-teaser-label,
.light-gray .brand-full-tabs .carousel-indicators {
  border-top-color: var(--light-gray);
}
.light-blue .case-study-teaser-label,
.light-blue .brand-full-tabs .carousel-indicators {
  border-top-color: var(--light-blue);
}
.dark-gray .case-study-teaser-label,
.dark-gray .brand-full-tabs .carousel-indicators {
  border-top-color: var(--dark-gray);
}
.brand-full-tabs .carousel-indicators li {
  font-size: 1rem;
  text-transform: uppercase;
  text-indent: unset;
  height: auto;
  width: 33.33%;
  text-align: center;
  opacity: 1;
}
#carouselTabsControls.one-item .carousel-indicators li {
  width: 100%;
}
#carouselTabsControls.two-items .carousel-indicators li {
  width: 50%;
}
.brand-full-tabs .carousel-indicators li.active {
  font-weight: bold;
}
.brand-full-tabs .carousel-indicators-group .carouselTabsSlider {
  width: 0%;
  transition: left 0.25s;
  position: absolute;
  background: #f9b112;
  left: 0;
  top: 0px;
  height: 4px;
  z-index: 10;
}
#carouselTabsControls.one-item .carousel-indicators-group {
  position: relative;
}
#carouselTabsControls .tab.carousel-item-content {
  min-height: 233px;
  margin-top: 1.5rem;
}
.brand-full-title-description {
  margin: 0;
  padding-right: 1.7rem;
  text-align: justify;
  font-size: 0.8rem;
}
.brand-full-digital-description {
  padding-right: 2.7rem;
}

.brand-full-features {
  border-left: 1px solid #0000006e;
  padding-left: 3.7rem;
}
.brand-full-title-figure {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  border-left: 1px solid #000;
}
.brand-full-title-figure-number {
  font-weight: bold;
  font-size: 2.7rem;
}
.brand-full-title-figure-title {
  font-weight: bold;
  font-size: 1rem;
}
.brand-full-tabs .cta-container {
  width: 70%;
  margin-top: 2rem !important;
}
.brand-full-title-hs-container {
  position: relative;
  height: 17rem;
  width: 100%;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.brand-full-title-hs-text {
  position: absolute;
  top: 6rem;
  bottom: 0;
  left: 0;
  right: 10%;
  z-index: 1;
  background-color: var(--light-gray);
  padding: 2rem;
  padding-right: 47%;
}
.brand-full-title-hs-image {
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 50%;
  right: 0;
  z-index: 2;
  overflow: hidden;
  height: 16rem;
}
.brand-full-title-hs-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6rem;
  color: var(--dark-gray);
}
.brand-full-title-hs-body {
  padding-top: 0.8rem;
  padding-bottom: 2rem;
  font-size: 0.8rem;
  line-height: 0.8rem;
  color: var(--dark-gray);
}
.brand-full-title-hs-button a {
  color: var(--dark-gray);
  background-color: transparent;
  border: 1px solid var(--dark-gray);
  padding: 0.5rem 2.7rem;
  font-size: 0.6rem;
  text-decoration: none;
  text-transform: uppercase;
}
.brand-full-title-hs-button a:hover,
.brand-full-title-hs-button a:focus {
  color: #fff;
  background-color: var(--dark-gray);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.brand-full-feature {
  position: relative;
  width: 100%;
  height: 227px;
  overflow: hidden;
  background: #000;
}
.brand-full-feature-image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.brand-full-feature-image img {
  width: 100%;
  height: 227px;
  object-fit: cover;
  opacity: 0.5;
}
.brand-full-feature-text {
  position: relative;
  width: 75%;
  z-index: 2;
  color: #fff;
  padding: 2rem 1rem;
}
.brand-full-feature-title {
  font-weight: bold;
  padding-bottom: 0.8rem;
  line-height: 1.3rem;
  font-size: 0.8rem;
}
.brand-full-feature-description {
  font-size: 0.64rem;
  line-height: 0.8rem;
}
.brand-full-feature-link {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 2;
}
.brand-full-feature-link a {
  display: block;
  color: var(--dark-gray);
  background: var(--yellow-color);
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brand-full-title {
  font-size: 1.4rem;
  color: var(--dark-gray);
  padding: 3rem 2rem 0 1rem;
  padding-top: 3rem;
  font-weight: bold;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}
.brand-full-contacts .carousel-indicators {
  bottom: unset;
  margin-right: 0;
  margin-left: 0;
  z-index: 1;
}
.brand-full-contacts .carousel-indicators li {
  color: var(--dark-gray);
  font-size: 0.9rem;
  text-transform: uppercase;
  text-indent: unset;
  height: auto;
  padding: 0.3rem 0;
  width: 30%;
  text-align: center;
  opacity: 1;
  border-top: 1px solid var(--dark-gray);
  margin: 0;
}
.brand-full-contacts .carousel-indicators li.active {
  font-weight: bold;
}
.brand-full-contacts .carousel-indicators-group {
  position: relative;
  width: 100%;
  top: 1.5rem;
}
.brand-full-contacts .carousel-indicators-group .carouselContactsSlider {
  width: 0%;
  transition: left 0.25s;
  position: absolute;
  background: var(--dark-gray);
  left: 0;
  top: 0px;
  height: 4px;
  z-index: 10;
}
.carousel-indicators-container {
  display: flex;
  width: 100%;
  margin: 2rem auto 0 auto;
  min-height: 3rem;
  padding-right: 2rem;
}
#carouselContactsControls .fa-angle-right {
  width: 4rem;
  height: 2rem;
  font-size: 1.3rem;
  color: var(--dark-gray);
  display: none;
  margin-left: 0.8rem;
  align-items: center;
  justify-content: center;
}
#carouselContactsControls {
  min-height: 11rem;
}
.contact-colleague-container {
  border-left: var(--dark-gray) 1px solid;
  padding: 1rem;
  min-height: 5rem;
  margin: 1rem;
  min-height: 12rem;
  color: var(--dark-gray);
}
.paragraph--type--expertises-contacts.red .contact-colleague-container {
  border-left-color: var(--red-color);
}
.paragraph--type--expertises-contacts.light-red .contact-colleague-container {
  border-left-color: var(--light-red);
}
.paragraph--type--expertises-contacts.blue .contact-colleague-container {
  border-left-color: var(--blue-color);
}
.paragraph--type--expertises-contacts.light-blue .contact-colleague-container {
  border-left-color: var(--light-blue);
}
.paragraph--type--expertises-contacts.yellow .contact-colleague-container {
  border-left-color: var(--yellow-color);
}
.paragraph--type--expertises-contacts.light-gray .contact-colleague-container {
  border-left-color: var(--light-gray);
}
.paragraph--type--expertises-contacts.dark-gray .contact-colleague-container {
  border-left-color: var(--dark-gray);
}
.paragraph--type--expertises-contacts .contact-colleague-container {
  border-left: var(--dark-gray) 1px solid;
}
.contact-colleague-name {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.contact-colleague-description {
  font-size: 0.8rem;
  padding-bottom: 1rem;
}
.contact-colleague-phone,
.contact-colleague-email {
  font-size: 0.8rem;
}
.brand-full-others-container {
  background: #f0f0f0;
}
.brand-full-others-image {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
}
.brand-full-others img {
  object-fit: contain !important;
  height: 5rem !important;
  width: 7rem !important;
  cursor: inherit !important;
  height: 4.5rem !important;
  margin: 0 auto 2rem auto !important;
}
#views-exposed-form-brands-page-1 #edit-actions {
  display: none;
}
.toolbox-container .carousel-inner {
  width: 80%;
  margin: auto;
}
.parution-container {
  padding-left: 1rem;
  padding-right: 1rem;
}
.parution-container .carousel-inner {
  width: 100%;
  margin: auto;
}
.brand-full-parution {
  background-color: var(--yellow-color);
}
.brand-full-toolbox {
  background: var(--yellow-color);
  /* margin-bottom: 2rem; */
}
.brand-full-parution-title,
.brand-full-toolbox-title {
  font-size: 1.4rem;
  color: var(--dark-gray);
  padding: 3rem 2rem 0 2rem;
  padding-top: 3rem;
  font-weight: bold;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}
.brand-full-parution-title {
  padding-left: 1rem;
}
.brand-full-toolbox-title {
  padding-left: 7rem;
}
.brand-full-toolbox-title {
  color: var(--dark-gray);
}
#carouselParutionsControls .carousel-control-prev {
  width: auto;
  left: -2rem;
}
#carouselToolboxControls .carousel-control-prev {
  left: -1rem;
}
#carouselParutionsControls .carousel-control-next{
  right: -2rem;
  width: auto;
}
#carouselToolboxControls .carousel-control-next {
  right: -1rem;
}
@media (min-width:992px) {
	#carouselToolboxControls .carousel-item-content > .row > div {
		display: flex;
	}
}
@media (max-width: 992px) {
  .brand-teaser-container .brand-teaser-logo-black {
    display: block;
  }
  .brand-teaser-container .brand-teaser-logo-white,
  .brand-teaser-container .brand-teaser-logo-color {
    display: none;
  }
  .brand-teaser-container:hover .brand-teaser-logo-color {
    display: none;
  }
  .block-views-blockbrands-block-1 .view-brands {
    margin: 0 1.3rem;
    margin-bottom: 3rem;
  }
  .view-brands .js-form-item {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 2rem;
  }
  .brand-full-banner-logo,
  .brand-full-banner-logo-overlay {
    /* width: 16rem; */
    height: 18rem;
    top: 0;
    right: 0;
  }
  .brand-full-banner-container {
    position: unset;
  }
  .brand-full-banner-logo img {
    padding: 2rem 2rem 4rem 2rem;
    width: 17rem;
    height: 18rem;
  }
  #bannerTopMenu {
    display: none;
  }
  #carouselTopMenu {
    display: block;
    margin-top: 1rem;
  }
  .brand-full-top-menu-line {
    width: 47%;
    margin-left: 53%;
    height: 4px;
  }
  .brand-intro-socials {
    justify-content: center;
  }
  .brand-intro-socials a {
    font-size: 1.3rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .brand-intro-description {
    padding: 1rem 2rem;
    text-align: center;
    font-size: 0.8rem;
    line-height: 1rem;
  }
  .brand-intro-figure {
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
  .brand-full-title-figure-number {
    font-size: 3.5rem;
  }
  .brand-full-tabs .cta-container .cta-line {
    width: 40%;
  }
  .brand-full-title-hs-container {
    margin-top: 2rem;
    margin-bottom: 1rem;
    height: 16rem;
  }
  .brand-full-title-hs-image {
    left: 55%;
  }
  .brand-full-title-description {
    padding-right: 0;
  }
  .brand-full-features {
    border-left: 0px solid #000;
  }
  .brand-full-feature-title {
    padding-bottom: 0.6rem;
    line-height: 1rem;
  }
  .brand-full-feature-text {
    padding: 2rem 2rem;
  }
  .brand-full-title-hs-text {
    top: 32px;
    padding: 1rem;
    padding-right: 38%;
  }
  .brand-full-title-hs-title {
    font-size: 1.1rem;
  }
  .brand-full-title-hs-body {
    font-size: 0.8rem;
  }
  .brand-full-title-hs-button a {
    padding: 0.5rem 1.7rem;
  }
  .brand-full-digital-description {
    border-right: 0px solid #000;
    padding-right: 0;
    margin-bottom: 2rem;
  }
  .brand-full-features {
    padding-left: 0;
  }
  .brand-full-feature {
    height: 9rem;
    margin-bottom: 1rem;
  }
  .brand-full-feature-image img {
    height: 9rem;
  }
  .brand-full-contacts .carousel-inner {
    width: 80%;
    margin: 0 auto;
    /* height: 26rem; */
  }
  .brand-full-tabs .carousel-inner {
    overflow: hidden;
  }
  .brand-teaser-container {
    margin-bottom: 2rem;
    height: 9rem;
  }
  .brand-teaser-bg img {
    height: 9rem !important;
  }
  .brand-teaser-logo-overlay {
    width: 5rem;
    height: 5rem;
  }
  .brand-teaser-logo {
    width: 5rem;
    height: 5rem;
  }
  .brand-teaser-logo img {
    height: 3rem;
    width: 5rem;
  }
  .brand-full-contacts .carousel-indicators-group {
    top: unset;
    bottom: unset;
    justify-content: flex-start;
    position: relative;
  }
  .brand-full-contacts .carousel-indicators-group {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 80%;
    margin: 0 auto;
  }
  .brand-full-contacts .carousel-indicators {
    right: unset;
  }
  .brand-full-contacts .carousel-indicators li {
    font-size: 1rem;
    padding: 0.3rem 1.4rem;
    width: 30%;
  }
  #carouselContactsControls .fa-angle-right {
    /* display: flex; */
    width: 80%;
    margin: auto;
  }
  .carouselContactsSlider {
    display: none !important;
  }
  .brand-full-title {
    font-size: 1.1rem;
    padding-left: 3rem;
    margin-bottom: 0rem;
  }
  .brand-full-contacts .brand-full-title {
    padding: 0rem 2rem 2rem 3rem;
  }
  .brand-full-container .brand-full-contacts .brand-full-title {
    padding: 3rem 2rem 2rem 3rem;
  }
  #parution .calendar-box h3 {
    font-size: 1rem;
  }
  #carouselParutionsControlsMobile .calendar-box {
    margin-bottom: 1rem;
    padding-left: 1rem;
  }
  #carouselParutionsControlsMobile .calendar-box h2 {
    font-size: 1.125rem;
  }
  #carouselParutionsControlsMobile .parution-container {
    padding:0;
  }
  #carouselParutionsControlsMobile .carousel-inner {
    width: 90%;
  }
  #carouselParutionsControlsMobile .carousel-control-prev {
    width: auto;
    left: -1rem;
  }
  #carouselParutionsControlsMobile .carousel-control-next {
    width: auto;
    right: -1rem;
  }
  .toolbox-container .carousel-inner{
    width: 70%;
  }
  .brand-full-title:after {
    left: -5rem;
  }
  .carousel-indicators-container {
    margin: 3rem auto 0 auto;
  }
  .brand-full-others img {
    object-fit: contain;
    height: 3rem;
    width: 70%;
    margin: auto;
  }
  .brand-full-others-image {
    margin-bottom: 3rem;
  }
  #block-breadcrumbs {
    display: none;
  }
  .brand-full-banner-logo-container {
    width: 17rem;
    height: 18rem;
    bottom: unset;
    top: -1px;
    right: 8%;
  }
  .brand-full-banner-socials .fa-share-alt {
    height: 28px;
    width: 28px;
    font-size: 0.8rem;
  }
  .brand-full-banner-socials a {
    width: 28px;
    height: 28px;
    font-size: 1.2rem;
  }
  .brand-full-banner-socials a i {
    height: 14px;
    width: 28px;
    margin: 5px 0;
    padding: 0px 6px;
  }
  .brand-full-banner-bg img {
    height: 25rem;
  }
  .brand-full-banner {
    height: 25rem;
  }
  .brand-intro-socials {
    padding: 1.5rem 1rem;
  }
  .brand-intro-figure-number {
    font-size: 1.6rem;
  }
  .brand-intro-figure-title {
    font-size: 0.9rem;
  }
  .brand-intro-figures {
    padding-bottom: 1rem;
  }
  .brand-full-top-menu-item {
    text-align: center;
    font-size: 0.8rem;
  }
  .brand-full-tabs {
    margin: 4.5rem 1rem 0 1rem;
  }
  .brand-full-tabs .carousel-indicators li {
    font-size: 0.8rem;
  }
  .path-marques #navbar-main:after {
    height: 9rem;
    width: 7px;
    bottom: -23.5rem;
  }
  .brand-teaser-logo-overlay {
    background: #fff;
  }
  .brand-intro:before {
    width: 7px;
  }
  .contact-colleague-container {
    min-height: initial;
  }
  .brand-full-parution-title {
    padding-left: 2rem;
  }
  .brand-full-toolbox-title {
    padding-left: 3rem;
  }
  #vbp-82 .view-brands {
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .brand-full-tabs .carousel-inner {
    top: unset;
  }
  .page-node-type-brand .bs-region--main {
    padding: 0;
  }
  .brand-full-tabs .carousel-indicators-group .carouselTabsSlider {
    top: -3rem;
  }
  .brand-full-tabs .carousel-indicators {
    top: -3rem;
  }
  .view-brands.view-display-id-block_6 img {
    width: auto;
    height: 3.5rem;
    margin: 1rem auto;
  }
}