/* Fonts */
@font-face {
  font-family: "OrticaLinear";
  src: url(../fonts/OrticaLinear-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "OrticaLinear";
  src: url(../fonts/OrticaLinear-Regular.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "OrticaLinear";
  src: url(../fonts/OrticaLinear-Bold.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-SemiBoldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "InstrumentSans";
  src: url(../fonts/InstrumentSans-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
}

/* Related links animation */
@keyframes draw-line {
  0% {
    background-size: 0 2px
  }

  to {
    background-size: 100% 2px
  }
}

/* Swiper carousel pagination animation */
@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

/* Scroll down animation - Homepage */
@keyframes scroll {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translateY(46px)
  }
}

:root {
  --header-height: 0px;
  --leaderboard-height: 0px;
  --breadcrumbs-height: 0px;
}

b, strong {
  /* font-family: GilroySemiBold, sans-serif; */
  font-family: OrticaLinear;
  font-weight: bold;
}

body {
  /* font-family: GilroyRegular, sans-serif; */
  font-family: OrticaLinear;
  font-size: 16px;
}

body.megamenu,
div.dialog-off-canvas-main-canvas.megamenu {
  overflow: hidden;
}

main {
  overflow-x: clip;
}

main > * {
  scroll-margin-top: var(--header-height);
}

/* Allow elements to be displayed */
.show {
  display: block !important;
}

/* Allow elements to be hidden */
.hide {
  display: none !important;
}

.toolbarMenu {
  top: 39px;
}

.toolbarSubMenu {
  top: 78px;
}

.page-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - var(--header-height)) ;
  justify-content: center;
  color: #755c42;
}

.page-404 h1 {
  font-size: 11.25em;
  margin-bottom: 0;
}

.page-404 h2 {
  font-size: 3.125em;
}

/***** GENERIC PAGES ****/
/* GENERIC LEADERBOARD */
/* Used for news details and generic pages content */
.leaderboard-headings {
  /* font-family: GilroySemiBold, sans-serif; */
  font-family: OrticaLinear;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-35%, -50%);
  color: #FFFFFF;
  text-shadow: black 3px 3px 25px;
}

#region-leaderboard.no_leaderboard {
  padding: 2.5rem 5rem 0;
}

.contact-webform #region-leaderboard.no_leaderboard {
  padding: 0;
  max-width: 50%;
  margin-top: 5rem;
}

#region-leaderboard.no_leaderboard_view {
  position: absolute;
  padding: 2.5em 0 0 2.5em;
  left: 74px;
  display: flex;
  flex-direction: column;
  top: calc(var(--header-height) + 73px);
}

body.toolbar-horizontal.gin--horizontal-toolbar #region-leaderboard.no_leaderboard_view {
  top: 260px;
}

body.toolbar-vertical.gin--horizontal-toolbar #region-leaderboard.no_leaderboard_view {
  top: 206px;
}

#region-leaderboard.no_leaderboard .leaderboard-headings {
  order: 2;
  position: unset;
  padding: 0;
  transform: unset;
  color: black;
  text-shadow: unset;
  margin-bottom: 2rem;
}

.contact-webform #region-leaderboard.no_leaderboard .leaderboard-headings {
  color: white;
  margin-bottom: 3rem;
}

#region-leaderboard.no_leaderboard .leaderboard-breadcrumb {
  margin-bottom: 1.5em;
  padding: 0;
}

#region-leaderboard.no_leaderboard_view {
  width: 75%;
}

#region-leaderboard.no_leaderboard_view.menu-opened {
  transform: translate3d(21vw, 0, 0);
}

#region-leaderboard.no_leaderboard_documents .leaderboard-headings {
  order: 2;
  padding: unset;
}

.leaderboard-headings.homepage--leaderboard-headings {
  transform: translate(-40%, -50%);
}

.leaderboard-headings h1,
.leaderboard-cta h1 {
  font-size: 2.375em;
  line-height: 3rem;
  margin-bottom: 0;
  max-width: 550px;
  text-align: left;
}

.leaderboard-headings:not(.news--leaderboard-headings) h1 {
  font-size: 4.125em;
}

.leaderboard-headings h2,
.leaderboard-headings p,
.leaderboard-cta h2 {
  font-size: 2.5em;
  margin-bottom: 1rem;
  font-family: InstrumentSans;
}

.leaderboard-headings.homepage--leaderboard-headings .cta-btn a,
.leaderboard-cta .cta-btn a {
  font-family: InstrumentSans;
  font-size: 1.375em;
  line-height: 2rem;
}

.leaderboard-breadcrumb {
  font-size: 1.25em;
  padding: 3rem 5rem 1.5rem;
  bottom: 0;
  left: 0;
  z-index: 1;
  position: absolute;
}

#region-leaderboard.no_leaderboard .leaderboard-breadcrumb,
#region-leaderboard.no_leaderboard_documents .leaderboard-breadcrumb {
  position: unset;
}

#region-leaderboard.no_leaderboard_documents .leaderboard-breadcrumb {
  padding: 1em 0;
}

#region-leaderboard.no_leaderboard_documents .leaderboard-headings h1 {
  font-size: 3.125em;
  margin-bottom: 0.25em;
}

.leaderboard-breadcrumb ul {
  padding: 0;
  margin: 0;
}

.leaderboard-breadcrumb ul li {
  list-style-type: none;
  display: inline;
  color: #ffffff;
}

#region-leaderboard.no_leaderboard .leaderboard-breadcrumb ul li,
#region-leaderboard.no_leaderboard_documents .leaderboard-breadcrumb ul li {
  color: black;
}

.leaderboard-breadcrumb ul li a {
  color: inherit;
}

.leaderboard-breadcrumb ul li img {
  vertical-align: sub;
  width: 1.2em;
}

#region-leaderboard.no_leaderboard .leaderboard-breadcrumb ul li img,
#region-leaderboard.no_leaderboard_documents .leaderboard-breadcrumb ul li img {
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(64deg) brightness(105%) contrast(101%);
}

.leaderboard-breadcrumb ul li:after {
  content: "|";
  padding: 0 1em;
}

.leaderboard-breadcrumb ul li:last-child:after {
  content: "";
}

.leaderboard-breadcrumb ul li a {
  text-decoration: none;
}

.leaderboard-breadcrumb ul li a:hover {
  text-decoration: underline;
}

.leaderboard-video {
  height: 600px;
}

.leaderboard-video video {
  min-width: 100%;
  object-fit: cover;
  width: 100vw;
  height: 600px;
  filter: brightness(80%);
}

#region-content-sidebar {
  position: fixed;
  z-index: 110;
  top: 250px;
  right: 0;
  display: flex;
  flex-direction: column;
}

#region-content-sidebar > div:not(:first-child) {
  margin-top: 10px;
}

#region-content-sidebar > div {
  position: relative;
}

/* Call me back form block */
.call-me-back-container {
  z-index: 110;
}

.call-me-back-container .cta-btn-call-me-back {
  width: 44px;
  height: 44px;
  content: "";
  background-image: url(../images/phone.png);
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #0072ce;
  cursor: pointer;
}

.call-me-back-container .offcanvas {
  position: absolute;
  background-color: #0072ce;
  max-width: 350px;
  height: fit-content;
}

@media (max-height: 864px) {
  .call-me-back-container .offcanvas {
    position: fixed;
    margin-top: auto;
    margin-bottom: auto;
  }
}

.call-me-back-container .offcanvas .offcanvas-body {
  padding-top: 0;
}

.call-me-back-container .offcanvas-logo {
  width: 1.5em;
  height: auto;
}

/* Social sharing block */
#block-amcws-social-sharing .cta-btn-social-share {
  width: 44px;
  height: 44px;
  content: "";
  background-image: url(../images/social-share-icon.png);
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0,0,0,0.7);
  cursor: pointer;
}

#block-amcws-social-sharing .offcanvas {
  position: absolute;
  height: fit-content;
  width: fit-content;
  background-color: rgba(0,0,0,0.7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1rem 1rem 0;
  min-width: 250px;
}

#block-amcws-social-sharing .offcanvas .offcanvas-header {
  padding: 0;
  padding-bottom: 1rem;
  display: flex;
  align-items: center;
}

#block-amcws-social-sharing .offcanvas .offcanvas-header .offcanvas-logo {
  width: 1.5em;
  height: auto;
}

#block-amcws-social-sharing .offcanvas .offcanvas-header .offcanvas-title {
  margin-left: 1rem;
  font-size: 1em;
  font-family: GilroySemiBold;
}

#block-amcws-social-sharing .offcanvas .offcanvas-body {
  padding: 0;
}

#block-amcws-social-sharing .offcanvas .offcanvas-body .social-media-sharing ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

#block-amcws-social-sharing .offcanvas .offcanvas-body .social-media-sharing ul li {
  margin: 0;
  border-top: 1px solid white;
}

#block-amcws-social-sharing .offcanvas .offcanvas-body .social-media-sharing ul li a {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  color: white;
  text-decoration: none;
}

#block-amcws-social-sharing .offcanvas .offcanvas-body .social-media-sharing ul li a img {
  width: 1.5em;
  filter: invert(99%) sepia(7%) saturate(167%) hue-rotate(206deg) brightness(119%) contrast(100%);
}

/* Social accounts block */
.socials-nodes {
  background-color: rgba(0,0,0,0.7);
  width: 44px;
  height: 44px;
  font-size: 1.5em;
  -webkit-transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.socials-nodes .btn-share {
  padding: 0.25rem 0.75rem;
  cursor: pointer;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.socials-nodes .socials {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 44px;
  position: absolute;
  background-color: rgba(0,0,0,0.7);
  top: 44px;
  right: -100%;
  padding: 0.25rem 0.75rem;
  z-index: 99;
  transition: 0.5s cubic-bezier(0.63, 0.18, 0.56, 1);
}

.socials-nodes .socials.active {
  right: 0;
}

.socials-nodes .btn-share:hover i,
.socials-nodes .socials a:hover,
.socials-nodes .socials a:hover i {
  color: #ff3700 !important;
}

/* Video for news details listing & related content */
.card-top .leaderboard-video {
  height: 100%;
}

.card-top .leaderboard-video video {
  width: 100%;
  height: 100%;
  filter: brightness(80%);
}

.scroll-down {
  cursor: pointer;
  position: absolute;
  bottom: 25px;
  right: 100px;
  color: white;
  display: none;
}

.scroll-down:hover {
  color: white;
}

.scroll-down::after {
  content: "";
  width: 1px;
  height: 55px;
  background-color: #ff3700;
  display: block;
  top: 0;
  position: absolute;
  right: -20px;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

#region-leaderboard {
  margin-top: -100px;
  position: relative;
}

#region-leaderboard.project,
#region-leaderboard.homepage {
  margin-top: unset;
}

#region-leaderboard.no_leaderboard {
  margin-top: unset;
}

.leaderboard-cta {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-family: OrticaLinear;
  width: 100%;
  padding: 0 2em;
  text-align: center;
}

.leaderboard-cta div[class^="section"]{
  z-index: 1;
}

#block-leaderboard.homepage--leaderboard #leaderboardCarousel .carousel-item {
  height: calc(100vh - var(--header-height));
}

#block-leaderboard.homepage--leaderboard #leaderboardCarousel .carousel-inner {
  overflow: unset;
}

#block-leaderboard.homepage--leaderboard #leaderboardCarousel .carousel-inner .carousel-item:after {
  bottom: 0;
  left: 0;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg,rgba(255, 255, 255, 0) 50%, rgba(102, 122, 77, 0.6) 100%);
}

.leaderboard-cta .carousel-item,
.leaderboard-titles .carousel-item {
  height: auto;
}

.carousel-item img {
  filter: brightness(80%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section[id^='modalCarousel'] .carousel-item img {
  filter: unset;
  object-fit: contain;
}

/* Next, previous and slide indicators elements */
#leaderboardCarousel .carousel-controls,
section[id^='modalCarousel'] .carousel-controls {
  z-index: 2;
  bottom: 25px;
}

/* Modal image viewer opening button */
span[class^='modalViewIcon-'] {
  cursor: pointer;
  display: none;
}

#leaderboardCarousel .carousel-controls div + span[class^='modalViewIcon-'] {
  margin-left: 1em;
}

.coating .card-top span[class^='modalViewIcon-'] {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
}

span[class^='modalViewIcon-']::after {
  content: "";
  background-image: url(../images/svg/icon-modal-view.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  width: 36px;
  height: 36px;
  display: block;
  border: 1px solid;
  filter: invert(95%) sepia(100%) saturate(20%) hue-rotate(309deg) brightness(103%) contrast(108%);
}

/* Next & previous buttons */
.carousel-controls button {
  background: none;
  border: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: auto;
}

section[id^='modalCarousel'] .carousel-control-prev-icon,
section[id^='modalCarousel'] .carousel-control-next-icon,
section[id^='modalCarousel'] .carousel-indicators span {
  filter: brightness(0) saturate(100%) invert(0%) sepia(95%) saturate(20%) hue-rotate(39deg) brightness(101%) contrast(107%);
}

/* Slide indicators container */
.carousel-indicators {
  position: unset;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  justify-content: space-around;
  width: auto;
}

/*
 * Slide indicators switchers
 * Reset of multiple classes necessary due to Bootstap defaut styles
 */
.carousel-indicators [data-bs-target] {
  box-sizing: unset;
  flex: unset;
  flex-grow: unset;
  flex-shrink: unset;
  flex-basis: auto;
  padding: unset;
  text-indent: unset;
  cursor: pointer;
  background-clip: unset;
  border: unset;
  border-top-color: unset;
  border-top-style: unset;
  border-top-width: unset;
  border-bottom-color: unset;
  border-bottom-width: unset;
  border-top: unset;
  border-bottom: unset;
  opacity: unset;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 5px;
  background-color: transparent;
  border-radius: 50%;
  transition: 0.3s;
}

/* Slide indicators */
.carousel-indicators span {
  height: 11px;
  position: absolute;
  width: 11px;
  background-color: white;
  margin: 0 1.2em !important;
  border-radius: 50%;
  opacity: 0.5;
}

/* Slide indicators - Active */
.carousel-indicators button.active span {
  opacity: 1;
}

/* Slide progression SVG */
.carousel-indicators .progress {
  transform: rotate(-90deg);
  background-color: unset;
  height: 41px;
  width: 41px;
}

/* Slide progression circle */
.carousel-indicators .circle-origin {
  fill: transparent;
  stroke: rgb(255, 55, 0);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 125.664px;
}

/* Slide progression circle - animated */
.carousel-indicators .active .circle-origin {
  animation: progress 5s;
  animation-direction: reverse;
  animation-timing-function: linear;
}

/* Homepage modal carousel */
div[id^='leaderboardModal'] .carousel-indicators .active .circle-origin {
  stroke-linecap: unset;
  stroke-dasharray: unset;
  stroke-dashoffset: unset;
}

div[id^='leaderboardModal'] .modal-content {
  border-radius: 0;
}

div[id^='leaderboardModal'] .modal-dialog {
  max-width: 90vw;
  transform: translate(-50%,-50%) !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: inherit;
  margin: 0;
}

div[id^='leaderboardModal'] .modal-body {
  position: relative;
  padding: 0.25rem;
}

div[id^='leaderboardModal'] .modal-body .btn-close {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 1;
}

div[id^='leaderboardModal'] .carousel-inner {
  overflow: hidden;
}

.coating + div[id^='leaderboardModal'] .carousel-item {
  height: 100%;
}

div[id^='leaderboardModal'] .carousel-item img {
  max-height: 90vh;
}

/* GENERIC ELEMENTS */
div.content,
section.content {
  padding: 0 5rem;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
}

section.content {
  padding: 2.5rem 5rem;
}

section.paragraph {
  padding: 2.5rem 0;
  overflow: hidden;
}

section.paragraph::after {
  content: "";
  clear: both;
}

/* Generic images in text editors */
section.paragraph img {
  height: auto;
  max-width: 100%;
}

section.paragraph.page-node-type-page.paragraph--type--generic-content,
section.paragraph.page-node-type-page.paragraph--type--faq-list {
    padding-bottom: 1.5rem;
}

section.paragraph.page-node-type-page.paragraph--type--generic-content + section.paragraph.page-node-type-page.paragraph--type--faq-list {
  padding-top: 0;
}

section.paragraph.page-node-type-page.paragraph--type--faq-list + section.paragraph.page-node-type-page.paragraph--type--generic-content {
  padding-top: 0;
}

/* Images aligment */
.paragraph--type--generic-content img:not(.align-left, .align-right),
.paragraph--type--generic-content div img:not(.align-left, .align-right),
.paragraph--type--free-text img:not(.align-left, .align-right),
.paragraph--type--free-text div img:not(.align-left, .align-right) {
  padding: 10px 0;
}

.paragraph--type--generic-content div img:not([width]),
.paragraph--type--generic-content img:not([width]),
.paragraph--type--free-text div img:not([width]),
.paragraph--type--free-text img:not([width]) {
  width: 100%;
}

.paragraph--type--generic-content img[width].align-left,
.paragraph--type--generic-content div.align-left img,
.paragraph--type--generic-content figure.align-left img,
.paragraph--type--free-text img[width].align-left,
.paragraph--type--free-text div.align-left img,
.paragraph--type--free-text figure.align-left img {
  padding-right: 45px;
}

.paragraph--type--generic-content img[width].align-right,
.paragraph--type--generic-content div.align-right img,
.paragraph--type--generic-content figure.align-right img,
.paragraph--type--free-text img[width].align-right,
.paragraph--type--free-text div.align-right img,
.paragraph--type--free-text figure.align-right img {
  padding-left: 45px;
}

.paragraph--type--generic-content .div-image.align-center img,
.paragraph--type--free-text .div-image.align-center img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.w-25 img,
.w-50 img,
.w-75 img {
  width: 100%;
}

figure .w-25,
figure .w-50,
figure .w-75 {
  width: unset !important;
}

.paragraph--type--generic-content h2,
.paragraph--type--generic-content h3,
.paragraph--type--generic-content h4,
.paragraph--type--generic-content h5,
.paragraph--type--free-text h2,
.paragraph--type--free-text h3,
.paragraph--type--free-text h4,
.paragraph--type--free-text h5,
.paragraph--type--text-and-image h2,
.paragraph--type--text-and-image h3,
.paragraph--type--text-and-image h4,
.paragraph--type--text-and-image h5 {
  /* font-family: GilroySemiBold, sans-serif; */
  font-family: OrticaLinear;
  font-weight: bold;
}

.paragraph--type--generic-content:not(.product-detail-content) h2,
.paragraph--type--free-text h2,
.paragraph--type--text-and-image h2 {
  font-size: 2.3125em;
}

.paragraph--type--generic-content:not(.product-detail-content) h3,
.paragraph--type--free-text h3,
.paragraph--type--text-and-image h3 {
  font-size: 1.75em;
}

.paragraph--type--generic-content:not(.product-detail-content) h4,
.paragraph--type--free-text h4,
.paragraph--type--text-and-image h4 {
  font-size: 1.625em;
}

.paragraph--type--generic-content:not(.product-detail-content) h5,
.paragraph--type--free-text h5,
.paragraph--type--text-and-image h5 {
  font-size: 1.5em;
}

.paragraph--type--generic-content:not(.product-detail-content) h6,
.paragraph--type--free-text h6,
.paragraph--type--text-and-image h6 {
  font-size: 1.375em;
}

.paragraph--type--generic-content h6,
.paragraph--type--free-text h6,
.paragraph--type--text-and-image h6 {
  color: #ff3700;
}

.paragraph--type--generic-content p,
.paragraph--type--free-text p,
.paragraph--type--text-and-image p,
.paragraph--type--segment-presentation p,
.paragraph--type--generic-content li,
table {
  font-size: 1.125em;
}

.paragraph--type--slider p {
  font-size: 1.125em;
}

/* ul lists styles */
.paragraph--type--generic-content ul,
.paragraph--type--free-text ul,
.paragraph--type--text-and-image ul {
  list-style: square;
}

.paragraph--type--generic-content ol,
.paragraph--type--generic-content ul,
.paragraph--type--free-text ol,
.paragraph--type--free-text ul,
.paragraph--type--text-and-image ol,
.paragraph--type--text-and-image ul {
  padding-left: 1.5rem;
}

/* Square list marker */
.paragraph--type--generic-content ul li::marker,
.paragraph--type--free-text ul li::marker,
.paragraph--type--text-and-image ul li::marker {
  font-size: 1.5em;
  line-height: 1em;
}

.paragraph--type--generic-content ul,
.paragraph--type--generic-content ol,
.paragraph--type--free-text ul,
.paragraph--type--free-text ol,
.paragraph--type--text-and-image ul,
.paragraph--type--text-and-image ol {
  line-height: 2em;
}

.paragraph--type--generic-content ul:not([class]),
.paragraph--type--generic-content ol:not([class]),
.paragraph--type--free-text ul:not([class]),
.paragraph--type--free-text ol:not([class]),
.paragraph--type--text-and-image ul:not([class]),
.paragraph--type--text-and-image ol:not([class]) {
  display: table;
}

.paragraph--type--generic-content li::marker,
.paragraph--type--free-text li::marker,
.paragraph--type--text-and-image li::marker {
  color: #ff3700;
}

.paragraph--type--generic-content li,
.paragraph--type--free-text li {
  padding-left: 0.5em;
}

.paragraph--type--generic-content video,
.paragraph--type--free-text video {
  width: 100%;
  height: auto;
}

/* Remove parent div padding from generic Paragraph contents */
.row .paragraph--type--cta,
.row .paragraph--type--related-content,
.row .paragraph--type--quote,
.row .paragraph--type--slider,
.row .paragraph--type--highlight,
.row .paragraph--type--text-and-image,
.row .paragraph--type--related-products:not(.paragraph--view-mode--project-detail-page) {
  max-width: unset;
}

.paragraph--type--cta,
.paragraph--type--related-content,
.paragraph--type--quote,
.paragraph--type--slider,
.paragraph--type--highlight,
.paragraph--type--text-and-image,
.paragraph--type--related-products:not(.paragraph--view-mode--project-detail-page) {
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
}

/* Fix conflicts with Drupal placeholder class also used by Bootstrap */
.placeholder {
  display: unset;
  min-height: unset;
  vertical-align: unset;
  cursor: unset;
  background-color: unset;
  opacity: unset;
}

/* Bootstrap content nav */
.amcws-nav-tabs {
  padding: 4em 5rem 0;
  margin-left: 1px;
}

.amcws-nav-tabs .nav-tabs .nav-link {
  color: unset;
  border-color: #FF3700;
  border-radius: 0;
  padding: 1.5em 2em;
  text-align: left;
  margin-left: -1px;
  flex: 1 1 0;
}

.amcws-nav-tabs .nav-tabs {
  border-bottom: 0;
  margin-left: 1px;
}

.amcws-nav-tabs.grey .nav-tabs {
  border: 2px solid #ebedef;
}

.amcws-nav-tabs.grey .nav-tabs .nav-link {
  border-color: white;
  background-color: #ebedef;
  border-bottom: 0;
  border-top: 0;
  border-width: 2px;
  padding: 0.75em 2em;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amcws-nav-tabs .nav-tabs .nav-link.active {
  box-shadow: inset 0 -5px 0 #FF3700;
}

.amcws-nav-tabs.grey .nav-tabs .nav-link.active {
  box-shadow: unset;
  background-color: white;
}

.amcws-nav-tabs.grey .nav-tabs .nav-link .badge {
  background-color: white;
  color: black;
  padding: 0.65em 0.85em;
  margin-left: 0.5em;
}

.amcws-nav-tabs.grey .nav-tabs .nav-link.active .badge {
  background-color: #ebedef;
}

.amcws-nav-tabs .tab-content {
  padding: 2.5em 0;
  overflow: hidden;
}

.amcws-nav-tabs.grey .tab-content {
  border: 2px solid #ebedef;
  border-top: 0;
  padding: 2.5em 1.5rem;
}

/* Generic Paragraph contents */
/* FAQs */
.accordion {
  --bs-accordion-inner-border-radius: 0
}

.accordion-item {
  border: none;
}

.accordion-item h2 {
  font-family: OrticaLinear;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: unset;
}

.accordion .accordion-button,
.accordion .accordion-button:not(.collapsed) {
  border: 1px solid black;
  background-color: unset;
  color: black;
}

.accordion-button:focus {
  border-color: unset;
  box-shadow: unset;
}

.accordion-icon img {
  max-width: 35px !important;
}

.accordion-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}

.accordion-image + .accordion-text {
  margin-left: 1em;
}

/* GENERIC CTA */
section.paragraph.paragraph--type--cta {
  background-color: #192229;
  padding: 5.5rem 5rem;
}

section.paragraph.paragraph--type--cta.cta-light-grey {
  background-color: #5f5f5f;
}

section.paragraph.paragraph--type--cta.cta-dark-grey {
  background-color: #414141;
}

section.paragraph.paragraph--type--cta.cta-blue {
  background-color: #0072ce;
}

section.paragraph.paragraph--type--cta.cta-wide div.cta-btn-light {
  margin-left: unset;
}

section.paragraph.paragraph--type--cta .cta-headings {
  color: #FFFFFF;
  width: 65%;
}

section.paragraph.paragraph--type--cta.cta-centered .cta-headings {
  width: 35%;
}

section.paragraph.paragraph--type--cta .cta-headings h3 {
  font-size: 3.125em;
  font-family: GilroySemiBold;
}

section.paragraph.paragraph--type--cta .cta-headings p {
  font-size: 1.25em;
  margin-bottom: 0;
  color: #959799;
}

section.paragraph.paragraph--type--cta.cta-blue .cta-headings p {
  color: white;
}

section.paragraph.paragraph--type--cta.cta-wide .cta-headings p {
  color: #FFFFFF;
}

p.orange-text {
  color: #ff3700;
}

.paragraph a {
  color: var(--bs-body-color);
}

.paragraph a:hover {
  color: #ff3700;
}

/* CTA Button */
/* a.cta-btn-dark,
a.cta-btn-light,
a.cta-btn-orange,
a.cta-btn-blue,
a.cta-btn-grey,
button.cta-btn-dark,
button.cta-btn-light,
button.cta-btn-orange,
button.cta-btn-blue,
button.cta-btn-grey,
div.cta-btn-dark a,
div.cta-btn-light a,
div.cta-btn-orange a,
div.cta-btn-blue a,
div.cta-btn-grey a,
.tac_float button {
  font-size: 1.25em;
  z-index: 0;
  position: relative;
  padding: 1.5rem;
  padding: 23px 30px;
  min-width: 230px;
  width: fit-content;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent !important;
  cursor: pointer;
} */

.cta-btn a,
button.cta-btn {
  color: inherit;
  text-decoration: underline;
  line-height: initial;
  text-underline-offset: 0.275em;
  text-decoration-thickness: 0.025em;
}

/* div.cta-btn-header {
  width: fit-content;
} */

/* div.cta-btn-back,
button.cta-btn-back {
  height: 4.25rem;
} */

/* div.cta-btn-header a {
  font-size: 1em !important;
  padding: 0.5rem 1.5rem !important;
} */

/* div.cta-btn-back a {
  height: 100%;
  padding: 0rem 2rem !important;
} */

/* div.cta-btn-header a,
div.cta-btn-back a,
button.cta-btn-back {
  min-width: unset !important;
} */

/* CTA in light version - white */
/* a.cta-btn-light,
button.cta-btn-light,
div.cta-btn-light a,
.contact-message-library-form-form .tac_float button,
.contact-message-whitepaper-form-form .tac_float button,
.contact-message-newsletter-form-form .tac_float button {
  border: 1px solid white !important;
  color: white !important;
} */

/* CTA in dark version - orange */
/* a.cta-btn-dark,
button.cta-btn-dark,
div.cta-btn-dark a,
.contact-message-contact-form-form .tac_float button {
  border: 1px solid #ff3700 !important;
  color: black !important;
} */

/* Others CTA variations */
/* a.cta-btn-orange,
button.cta-btn-orange,
div.cta-btn-orange a {
  border: 1px solid #ff3700 !important;
  color: white !important;
  background-color: #ff3700 !important;
  font-size: 1em;
} */

/* a.cta-btn-blue,
button.cta-btn-blue,
div.cta-btn-blue a {
  border: 1px solid #0072ce !important;
  color: white !important;
  background-color: #0072ce !important;
} */

/* a.cta-btn-grey,
button.cta-btn-grey,
div.cta-btn-grey a {
  border: 1px solid black !important;
  color: black !important;
  background-color: #e6eaef !important;
} */

/* .cta-btn.cta-black a,
.cta-btn.cta-btn-newsroom a {
  border: 1px solid black !important;
} */

/* .cta-btn-newsroom {
  min-width: max-content;
} */

/* Submit form button */
/* .btn-contact {
  font-size: 1em;
  z-index: 0;
  position: relative;
  padding: 23px 30px;
  min-width: 230px;
  width: fit-content;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #ff3700;
  transition: ease-out 0.4s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
} */

/* .btn-contact-light {
  color: white;
  border: 1px solid #fff;
} */

/* .btn-contact-dark {
  color: black;
  border: 1px solid #ff3700;
} */

/* CTA effect on hover */
/* a.cta-btn-dark::before,
a.cta-btn-light::before,
button.cta-btn-dark::before,
button.cta-btn-light::before,
div.cta-btn-dark a::before,
div.cta-btn-light a::before,
.tac_float button::before {
  bottom: 0;
  content: "";
  display: block;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: left .25s ease-in-out, right .25s ease-in-out, width .25s ease-in-out;
  width: 0;
  z-index: -1;
  background: linear-gradient(90deg, #840d81, #fe6b45);
} */

/* CTA Load more - Newsroom */
/* a.cta-load-more {
  justify-content: center;
  margin: auto;
} */

/* a.cta-btn-dark.cta-load-more::before {
  background: #ff3700 !important;
} */

/* CTA arrow */
/* a.cta-btn-dark::after,
a.cta-btn-light::after,
a.cta-btn-orange::after,
a.cta-btn-blue::after,
a.cta-btn-g:read-only,
button.cta-btn-dark::after,
button.cta-btn-light::after,
button.cta-btn-orange::after,
button.cta-btn-blue::after,
button.cta-btn-grey::after,
div.cta-btn-dark a::after,
div.cta-btn-light a::after,
div.cta-btn-orange a::after,
div.cta-btn-blue a::after,
div.cta-btn-grey a::after,
.btn-contact::after {
  background-image: url(../images/svg/arrow-black.svg);
  background-repeat: no-repeat;
  background-size: 26px 8px;
  content: "";
  display: inline-block;
  height: 9px;
  width: 66px;
  margin-left: auto;
  background-position: right;
} */

/* a.cta-btn-dark.cta-no-arrow::after,
a.cta-btn-light.cta-no-arrow::after,
a.cta-btn-orange.cta-no-arrow::after,
a.cta-btn-blue.cta-no-arrow::after,
a.cta-btn-g.cta-no-arrow:read-only,
button.cta-btn-dark.cta-no-arrow::after,
button.cta-btn-light.cta-no-arrow::after,
button.cta-btn-orange.cta-no-arrow::after,
button.cta-btn-blue.cta-no-arrow::after,
button.cta-btn-grey.cta-no-arrow::after,
div.cta-btn-dark.cta-no-arrow a::after,
div.cta-btn-light.cta-no-arrow a::after,
div.cta-btn-orange.cta-no-arrow a::after,
div.cta-btn-blue.cta-no-arrow a::after,
div.cta-btn-grey.cta-no-arrow a::after,
.btn-contact.cta-no-arrow::after {
  background: none;
  width: 0;
  height: 0;
  display: none;
  content: "";
} */

/* div.cta-btn-newsroom a::after,
div.cta-btn-back a::after,
button.cta-btn-back::after  {
  background-image: url(../images/svg/back_arrow.svg);
  background-size: 26px 21px;
  height: 21px;
  width: 26px;
  margin-left: 20px;
  filter: none;
} */

/* CTA Load more - Newsroom */
/* a.cta-btn-dark.cta-load-more::after {
  content: unset;
} */

/* CTA arrow - Button dark */
/* a.cta-btn-dark::after,
button.cta-btn-dark::after,
div.cta-btn-dark:not(.cta-btn-newsroom) a::after {
  filter: invert(25%) sepia(98%) saturate(3222%) hue-rotate(3deg) brightness(106%) contrast(104%);
} */

/* .cta-btn.cta-black a::after {
  filter: unset;
} */

/* CTA dark on hover */
/* a.cta-btn-dark:hover,
button.cta-btn-dark:hover,
div.cta-btn-dark a:hover,
.contact-message-contact-form-form .tac_float button:hover,
.cta-btn.cta-black a:hover {
  border-color: transparent !important;
  color: white !important;
} */

/* Submit form button on hover */
/* .btn-contact:hover {
  border: 1px solid #ff3700;
  background: #ff3700;
  color: #fff;
  box-shadow: inset 400px 0 0 0 transparent;
} */

/* Submit arrow */
/* .btn-contact::after {
  transition: ease-out 0.4s;
  filter: invert(29%) sepia(81%) saturate(2174%) hue-rotate(357deg) brightness(97%) contrast(116%);
} */

/* .btn-contact.btn-contact-light::after {
  filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(97deg) brightness(107%) contrast(111%);
} */

/* Submit arrow on hover */
/* .btn-contact:hover::after {
  transform: translate(10px);
  filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(97deg) brightness(107%) contrast(111%);
} */

/* CTA arrow - Button light */
/* CTA arrow on hover - Button dark */
/* a.cta-btn-light::after,
a.cta-btn-orange::after,
a.cta-btn-blue::after,
a.cta-btn-dark:hover:after,
button.cta-btn-light::after,
button.cta-btn-orange::after,
button.cta-btn-blue::after,
button.cta-btn-dark:hover:after,
div.cta-btn-light a::after,
div.cta-btn-orange a::after,
div.cta-btn-blue a::after,
div.cta-btn-dark a:hover:after {
  filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(97deg) brightness(107%) contrast(111%);
} */

/* CTA light on hover */
/* a.cta-btn-light:hover,
button.cta-btn-light:hover,
div.cta-btn-light a:hover,
.contact-message-library-form-form .tac_float button:hover,
.contact-message-whitepaper-form-form .tac_float button:hover,
.contact-message-newsletter-form-form .tac_float button:hover {
  border-color: transparent !important;
} */

/* All CTAs - Linear gradient effect left to right */
/* a.cta-btn-dark:hover::before,
a.cta-btn-light:hover::before,
button.cta-btn-dark:hover::before,
button.cta-btn-light:hover::before,
div.cta-btn-dark a:hover::before,
div.cta-btn-light a:hover::before,
.tac_float button:hover::before {
  left: 0;
  right: auto;
  width: 100%;
} */

/* CAPTCHA container */
.captcha {
  width: 100%;
  margin-bottom: 1.5em;
  margin-top: 0.5em;
}

/* HOMEPAGE PERSONAE */
section.paragraph.paragraph--type--personaes-list {
  padding: 5em 0.625em;
  /* height: calc(100vh - var(--header-height)); */
}

.paragraph--type--personaes-list .personaes-container {
  padding-bottom: 5em;
}

section.paragraph.paragraph--type--personaes-list h2 {
  text-align: center;
  text-transform: uppercase;
  color: black;
  font-size: 1.875em;
  line-height: 2rem;
  max-width: 45%;
  margin: 0 auto 3.125rem;
}

section.paragraph.paragraph--type--personaes-list.no-scroll {
  padding: 0;
  margin: 0;
}

.paragraph--type--personaes-list .simplebar-content {
  display: flex;
  margin: 0 -0.5em;
}

.paragraph--type--personaes-list .simplebar-track.simplebar-horizontal,
.related-solutions .simplebar-track.simplebar-horizontal {
  width: 300px;
  margin: auto;
  background-color: #d3d3d3;
  border-radius: 7px;
  margin-bottom: 2em;
}

.paragraph--type--personaes-list .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before,
.related-solutions .simplebar-track.simplebar-horizontal .simplebar-scrollbar::before {
  background: #755c42;
  opacity: 1;
  left: 1px;
  right: 1px;
  top: 0;
  bottom: 0;
}

.paragraph--type--personae {
  padding: 0 0.0625em !important;
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 600px;
}

.paragraph--type--personae .section-unit {
  padding: 4.0625em;
  /* flex-grow: 1; */
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5625em 0;
}

.paragraph--type--personae:hover .section-unit {
  background-color: #f4f1ef;
}

.paragraph--type--personae .section-unit .illustration,
.paragraph--type--personae .section-unit .field-description {
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity 1.5s ease 0s, height 1.5s ease 0s;
}

.paragraph--type--personae:hover .section-unit .illustration,
.paragraph--type--personae:hover .section-unit .field-description {
  width: inherit;
  height: inherit;
  opacity: 1;
}

.paragraph--type--personae:hover .section-unit .field-description {
  flex: auto;
}

.paragraph--type--personae .section-unit .field-description {
  font-size: 1.125em;
  line-height: 1.75rem;
  margin-bottom: 0;
  font-family: InstrumentSans;
}

/* .paragraph--type--personae .section-unit>div {
  align-self: flex-end;
  margin-top: auto;
} */

.paragraph--type--personae .section-unit>div>a {
  font-size: 1.25em;
}

.paragraph--type--personae .div-image {
  height: 100%;
  filter: brightness(80%);
}

.paragraph--type--personae .div-image img {
  width: 100%;
  height: 100%;
  /* max-height: 350px; */
  object-fit: cover;
}

.paragraph--type--personae.section-light,
.paragraph--type--personae.section-light .related-link,
.paragraph--type--personae.section-light .related-link:hover,
.paragraph--type--highlighted-content.section-light,
.leaderboard-cta .section-light {
  color: white;
}

.paragraph--type--personae .section-unit h3 {
  font-size: 1.375em;
  line-height: 2rem;
  text-transform: uppercase;
  font-family: OrticaLinear;
  margin: 0;
}

.paragraph--type--personae:hover .section-unit h3,
.paragraph--type--personae .section-unit .field-description {
  color: black !important;
}

/* HOMEPAGE PRODUCTS */
section.paragraph.paragraph--type--products-list {
  display: flex;
  flex-direction: column;
}

section.paragraph.paragraph--type--products-list .products-list-title {
  text-align: center;
  text-transform: uppercase;
  color: black;
  font-size: 1.875em;
  line-height: 2rem;
  margin: 0 auto 3.125rem;
}

section.paragraph.paragraph--type--products-list .carousel {
  display: flex;
  padding: 0 0.625em;
  /* height: calc(100vh - var(--header-height)); */
}

section.paragraph--type--products-list .carousel-inner .carousel-item.active,
section.paragraph--type--products-list .carousel-inner .carousel-item-next,
section.paragraph--type--products-list .carousel-inner .carousel-item-prev {
  display: flex;
  gap: 0 0.625em;
}

@media (min-width: 768px) {
  section.paragraph--type--products-list .carousel-inner .carousel-item-end.active,
  section.paragraph--type--products-list .carousel-inner .carousel-item-next {
    transform: translateX(calc(33.33333333% + 2*0.625em));
  }

  section.paragraph--type--products-list .carousel-inner .carousel-item-start.active, 
  section.paragraph--type--products-list .carousel-inner .carousel-item-prev {
    transform: translateX(calc(-33.33333333% - 2*0.625em));
  }
}

section.paragraph--type--products-list .carousel-inner .carousel-item-end,
section.paragraph--type--products-list .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

@media (max-width: 767px) {
  .paragraph--type--products-list .carousel-inner .carousel-item section {
    display: none;
  }
  .paragraph--type--products-list .carousel-inner .carousel-item section:first-child {
    display: block;
  }
}

section.paragraph.paragraph--type--products-list .carousel .carousel-control-prev,
section.paragraph.paragraph--type--products-list .carousel .carousel-control-next {
  width: 5%;
  height: 20%;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 1;
}

section.paragraph.paragraph--type--products-list .carousel .carousel-control-prev-icon {
  background-image: url(../images/svg/arrow-left.svg);
  left: 1.875em;
}

section.paragraph.paragraph--type--products-list .carousel .carousel-control-next-icon {
  background-image: url(../images/svg/arrow-right.svg);
  right: 1.875em;
}

section.paragraph.paragraph--type--products-list .carousel .carousel-control-next-icon,
section.paragraph.paragraph--type--products-list .carousel .carousel-control-prev-icon {
  background-size: 2.25em;
  position: absolute;
  padding: 1.5em;
  border-radius: 8px;
  transition: 0.25s ease;
}

section.paragraph.paragraph--type--products-list .carousel .carousel-control-prev-icon:hover,
section.paragraph.paragraph--type--products-list .carousel .carousel-control-next-icon:hover {
  background-color: #f4f1ef;
}

.paragraph--type--product {
  padding: 0 !important;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}

.paragraph--type--product .accordion-item {
  color: black;
}

.paragraph--type--product .accordion-item h2 {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 0;
  color: black;
  font-size: 1.375em;
  border-bottom: 1px solid black;
  padding: 1em 2em;
  cursor: pointer;
}

.paragraph--type--product .accordion-item .accordion-header img {
  max-width: 1.0909090909090908em;
  transition: transform 0.2s ease;
}

.paragraph--type--product .accordion-item .accordion-header[aria-expanded="true"] img {
  transform: rotate(45deg);
}

.paragraph--type--product .accordion-item .accordion-header .accordion-button {
  font-size: 1em;
}

.paragraph--type--product .accordion-item .accordion-collapse {
  padding: 1.5em 2.75em;
}

.paragraph--type--product .accordion-item .field-description {
  margin-bottom: 0;
  font-size: 1.125em;
  line-height: 1.75rem;
  font-family: InstrumentSans;
}

.paragraph--type--product .accordion-item>div>a {
  font-size: 1.25em;
}

.paragraph--type--product .div-image {
  min-height: 0;
  height: 100%;
  flex-grow: 1;
  margin: 2em auto;
}

.paragraph--type--product .div-image img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  object-fit: cover;
}

.paragraph--type--product .accordion-item h3 {
  font-size: 3em;
  font-family: OrticaLinear;
  font-weight: bold;
  text-align: center;
  min-height: 2.5em;
}

/* SOCIAL LINKS */
.social-links {
  background-color: #755C42;
  color: white;
  padding: 5em;
  text-align: center;
}

.social-links div {
  gap: 25px;
}

.social-links h2 {
  font-size: 1.875em;
  margin-bottom: 1em;
}

.social-links a {
  color: inherit;
}

.social-links a i {
  font-size: 2.5em;
}

.paragraph--type--highlight {
  color: white;
  padding: 2.5rem 5rem !important;
}

.paragraph--type--highlight.highlight-blue {
  background-color: #0072ce;
}

.paragraph--type--highlight.highlight-dark-grey {
  background-color: #2a2a2a;
}

.paragraph--type--highlight p {
  margin-bottom: 0;
  line-height: 1.8;
  font-size: 1.3125em;
}

.paragraph--type--text-and-image {
  padding: 5rem !important;
  flex-wrap: wrap;
  background-color: #F4F1EF
}

.paragraph--type--text-and-image.homepage {
  padding: 0 !important;
  height: calc(100vh - var(--header-height));
}

.paragraph--type--text-and-image.homepage > div.row {
  height: 100%;
  --bs-gutter-x: 0;
}

.paragraph--type--text-and-image.homepage .illustration {
  margin-bottom: 3em;
  width: 100%;
}

.paragraph--type--text-and-image.homepage .list_images {
  padding: 7.5em 0;
}

.paragraph--type--text-and-image.homepage .list_images,
.paragraph--type--text-and-image.homepage .list_images > * {
  height: 100%;
}

.paragraph--type--text-and-image .list_images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.paragraph--type--text-and-image.homepage .list_images img {
  margin-bottom: 0;
}

.paragraph--type--text-and-image.image-right div.list_images {
  padding-left: 5em;
}

.paragraph--type--text-and-image div.text {
  height: 100%;
  padding: 0 7.5em;
  color: black;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.paragraph--type--text-and-image.homepage p {
  font-size: 1.325em;
  line-height: 2rem;
}

.paragraph--type--text-and-image.image-left div.text {
  order: 2;
}

.paragraph--type--text-and-image.image-left div.text {
  padding-left: 5em;
}

/* RELATED PRODUCTS */
section.paragraph--type--related-products {
  padding: 2.5rem 5rem;
}

.paragraph--type--related-products.paragraph--view-mode--project-detail-page {
  padding: 2.5rem 0 0;
}

.tab-content section.paragraph--type--related-products {
  position: unset;
  width: unset;
  left: unset;
  background-color: transparent !important;
}

.tab-content section.paragraph--type--related-content,
.tab-content section.paragraph--type--related-products,
.tab-content section.paragraph--type--related-accessories {
  padding: 0 !important;
}

.tab-content section.paragraph--type--related-content hr {
  display: none;
}

.related-solutions {
  overflow-x: hidden;
}

.related-solutions > div {
  padding: 0 0 5em;
}

.related-solutions .simplebar-content {
  display: flex;
  flex-wrap: nowrap;
  --bs-gutter-x: 8rem;
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.related-solutions .simplebar-track.simplebar-vertical {
  display: none;
}

.related-solutions .simplebar-content > * {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.related-solutions .solution:not(:first-child) {
  position: relative;
}

.related-solutions .solution:not(:first-child):before {
  content: "";
  width: 2px;
  background-color: #d8d8d8;
  position: absolute;
  left: 0;
  height: 100%;
}

.related-solutions .solution-large img {
  width: 18.75em;
}

.related-solutions .solution-small img {
  width: 8.125em;
}

/* HIGHLIGHTED CONTENT */
section.paragraph--type--highlighted-content {
  position: relative;
  padding: 0;
  height: 950px;
}

section.paragraph--type--highlighted-content .headings {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(0, -50%);
  margin: 0 5em;
}

section.paragraph--type--highlighted-content .highlighted-content-title {
  font-size: 4.125em;
  /* font-family: GilroySemiBold, sans-serif; */
  text-shadow: black 3px 3px 25px;
}

section.paragraph--type--highlighted-content .highlighted-content-subtitle {
  font-size: 1.75em;
  text-shadow: black 3px 3px 25px;
  margin: 1.5em 0;
}

section.paragraph--type--highlighted-content .highlighted-content-cta {
  margin-top: 5em;
  margin-left: 0;
}

section.paragraph--type--highlighted-content img {
  width: 100%;
  height: 950px;
  object-fit: cover;
}

/* HOMEPAGE VIDEO */
.homepage-video {
  padding: 5em 15em;
}

.homepage-video div.ratio {
  margin: auto;
}

/* HOMEPAGE TESTIMONIAL */
.homepage-testimonial {
  padding: 0 5em;
}

/* FREE TEXT */
section.paragraph--type--free-text img:not([width]) {
  width: 100%;
}

.col-2-4-custom {
  width: 20%;
  flex: 0 0 auto;
}

table {
  width: auto;
}

table p {
  margin-bottom: 0;
}

td,
th {
  border-left: none !important;
  border-right: none !important;
  border: 1px solid black;
  padding: 1em;
}

 /*TARTEAUCITRON */
 /*Banner */
#tarteaucitronAlertBig {
  padding: 2em 20em !important;
  text-align: left !important;
  width: calc(100% - 40em) !important;
}

/* Banner text */
#tarteaucitronRoot #tarteaucitronAlertBig {
  font-size: 1em !important;
  padding: 3em 25em !important;
  text-align: left !important;
  width: calc(100% - 50em) !important;
  background: #363636 !important;
}

/* Banner text */
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  /* font-family: GilroyRegular, sans-serif !important; */
  font-family: OrticaLinear !important;
  font-size: 1.0625em !important;
  padding: 0 !important;
  width: 100%;
  margin-bottom: 0.5em !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p {
  color: white;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p a {
  text-decoration: none;
}

/* Banner buttons */
#tarteaucitronRoot #tarteaucitronAlertBig button {
  font-size: 1.25em !important;
  background: unset !important;
  text-decoration: none;
  color: white !important;
  padding: 0 !important;
  margin: 1em 1.5em 0 0 !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig button:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p a:hover {
  text-decoration: underline !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig button span:not(#tarteaucitronCloseAlert) {
  display: none !important;
}

/* Management panel elements */
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronClosePanel {
  background-color: #343434 !important;
}

/* Management panel Deny elements */
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background-color: #5f5f5f !important;
}

/* Management panel Allow elements */
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitronRoot .tarteaucitronAllow {
  background-color: #ff3700 !important;
}

#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronAllow .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronAllow .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronAllow .tarteaucitronCheck::before {
  content: '\2713' !important;
}

#tarteaucitronRoot .tarteaucitronIsDenied .tarteaucitronDeny .tarteaucitronCross::before,
#tarteaucitronRoot .tarteaucitronIsAllowed .tarteaucitronDeny .tarteaucitronCross::before,
#tarteaucitronRoot .tarteaucitronDeny .tarteaucitronCross::before {
  content: '\2717' !important;
}

#tarteaucitron #tarteaucitronInfo p {
  color: #fff !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle + [id^="tarteaucitronDetails"] {
  color: #fff;
  display: none;
  font-size: 12px;
  font-weight: 500;
  margin-top: 0;
  max-width: 270px;
  padding: 20px;
  position: absolute;
  z-index: 2147483647;
  background: #333;
}

#tarteaucitronRoot .tarteaucitronStatusInfo {
  display: block;
}

div#tarteaucitronServices {
  border-radius: unset;
}

button#tarteaucitronClosePanel {
  border-radius: unset;
  right: 0 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
  background:rgba(51,51,51,.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background:rgba(51,51,51,.1);
}

#tarteaucitronRoot .tarteaucitronH1,
#tarteaucitronRoot .tarteaucitronH2,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitronRoot .asCatToggleBtn,
#tarteaucitronRoot .tarteaucitronPlus::before,
#tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
  color:#fff !important;
}

.tarteaucitronLine .tarteaucitronAllow,
.tarteaucitronLine .tarteaucitronDeny,
.tarteaucitronIsAllowed .tarteaucitronDeny,
.tarteaucitronIsDenied .tarteaucitronAllow {
  opacity: 0.4;
}

.tarteaucitronIsAllowed .tarteaucitronAllow,
.tarteaucitronIsDenied .tarteaucitronDeny {
  opacity: 1 !important;
}

div#tarteaucitronInfo {
  text-align: left !important;
}

html body #tarteaucitronRoot div#tarteaucitronSave {
  background: #333;
}

/* Icon - Management panel */
.tarteaucitronSelfLink {
  display: none !important;
}

/* Service activation banner */
.tac_activate {
  text-align: unset !important;
  background: unset !important;
  width: auto !important;
  font-size: 1em !important;
  margin: unset !important;
}

.contact-message-library-form-form .tac_activate {
  color: white !important;
}

.contact-message-contact-form-form .tac_activate {
  color: black !important;
}

.tac_float {
  text-align: unset !important;
}

.tac_float button {
  border-radius: unset !important;
  font-size: unset !important;
  min-width: unset !important;
  min-width: 150px !important;
  padding: 23px 30px !important;
  margin-left: 1em;
}

.tac_float button::after {
  content: unset !important;
}

/*!* Open modal link - Footer *!*/
/*.modal-cookies {*/
/*  cursor: pointer;*/
/*}*/

/***** NEWS DETAIL PAGE *****/
/* RELATED NEWS - News detail page */
.paragraph--type--related-news .content-related-title {
  color: #ff3700;
  text-align: center;
  font-family: GilroySemiBold, sans-serif;
  font-size: 2.3125em;
}

.paragraph--type--related-news hr {
  background-color: #6e7276;
  width: 63px;
  height: 1px;
  display: block;
  margin: 0 auto 41px;
}

/* Related news content */
.related-content.related-news .card {
  background-color: #ffffff;
}

.related-content.hot-news {
  min-height: 400px;
  max-height: 600px;
}

.related-content .card:hover {
  box-shadow: 0 0 20px 0 #a0a5a5;
}

.related-content.related-news .card-body {
  padding: 1.5rem;
}

.related-content.hot-news .card-body {
  position: absolute;
  padding: 0 5em;
  top: 50%;
  transform: translate(0, -50%);
  color: white;
}

/* News date */
.related-content .card-date {
  color: #ff3700;
}

/* News tags */
.related-content:not(.hot-news) .card-top-tags,
.related-content .card-product-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 32px;
  margin: 0;
  width: 100%;
}

.related-content .card-product-tag.top {
  bottom: unset;
  top: 0;
  z-index: 1;
}

.related-content.hot-news .card-top-tags {
  width: fit-content;
}

.related-content.related-news .card-title {
  font-size: 1.4375em;
  font-family: GilroySemiBold, sans-serif;
}

.related-content.related-news .card-category {
  font-size: 1.25em;
}

.related-content.related-news .card-category-separator::after {
  content: "-";
  padding: 0 5px;
}

.related-content .card-top-tags span,
.related-content .card-product-tag span {
  background-color: #ff3700;
  color: #fff;
  display: block;
  font-family: GilroyRegular, sans-serif;
  font-size: 1.0625em;
  min-height: 32px;
  padding: 3px 28px;
  margin: 0 auto;
  text-transform: uppercase;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.related-content .card-product-tag.top span {
  width: 110px;
  text-align: center;
  margin: unset;
  padding: 15px;
  left: 15px;
  position: absolute;
}

.products .related-content .card-product-tag.bottom span {
  width: 100%;
  text-align: center;
}

.related-content.hot-news .card-top-tags span {
  background-color: #0072ce;
}

/* NEWS PAGINATION - News detail page */
/* Pagination of news list */
.node-pagination {
  background-image: url(../images/pagination-bottom.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 5rem;
  font-size: 1.125em;
}

.node-pagination h3 {
  font-family: GilroySemiBold, sans-serif;
  font-size: 2.3125em;
}

.node-pagination a:hover,
.node-pagination-light a:hover {
  text-decoration: underline !important;
}

/* Next & previous links */
.prevNode .page-link::before {
  background-image: url(../images/svg/arrow-black.svg);
  background-repeat: no-repeat;
  background-size: 26px 7px;
  content: "";
  display: inline-block;
  height: 7px;
  width: 26px;
  margin-right: 10px;
  filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(97deg) brightness(107%) contrast(111%);
  transform: rotate(180deg);
}

.node-pagination-light .prevNode .page-link::before {
  filter: unset;
}

.prevNode .page-link:hover::before {
  transform: rotate(180deg) translate(10px) !important;
}

.nextNode .page-link::after {
  background-image: url(../images/svg/arrow-black.svg);
  background-repeat: no-repeat;
  background-size: 26px 7px;
  content: "";
  display: inline-block;
  height: 7px;
  width: 26px;
  margin-left: 10px;
  filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(97deg) brightness(107%) contrast(111%);
}

.node-pagination-light .nextNode .page-link::after {
  filter: unset;
}

.nextNode .page-link:hover::after {
  transform: translate(10px) !important;
}

.page-link::after,
.page-link::before {
  transition: .4s ease-out;
}

.prevNode,
.nextNode {
  width: 30%;
}

.node-pagination-light.node-product {
  padding: 2.5em 5rem 0;
}

.node-pagination-light.node-project {
  padding: 2.5em 5rem;
}

/***** NEWSROOM *****/
.newsroom {
  padding: 1.5rem;
}

.newsroom .related-news.hot-news .card-top {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #0072ce;
}

.newsroom .related-news.hot-news .card-top img {
  opacity: 0.4;
}

.newsroom .related-news.hot-news .card-top .card-top-date {
  display: none;
}

.newsroom .related-news.hot-news .card-top .card-top-tags {
  top: 105px;
  left: 85px;
  width: fit-content;
  z-index: 999;
}

/* Filters for newsroom, documents library listing, projects listing and products listing */
.documents-filters-container form .form-item,
.newsroom-filters-container form .form-item,
.projects-filters-container form .form-item {
  margin-bottom: 0;
}

.newsroom-filters-container form div .multiselect,
.documents-filters-container form div .multiselect,
.projects-filters-container form div .multiselect,
.products-filters-container form div .multiselect,
.coatings-filters-container form div .multiselect {
  padding: 0 2em 0 0;
  border: none;
  font-size: 1em;
}

.newsroom-filters-container form div .multiselect span,
.documents-filters-container form div .multiselect span,
.projects-filters-container form div .multiselect span,
.products-filters-container form div .multiselect span,
.coatings-filters-container form div .multiselect span {
  display: flex;
  align-items: center;
  justify-content: start;
}

.documents-filters-container form div .multiselect span,
.newsroom-filters-container form div .multiselect span,
.projects-filters-container form div .multiselect span,
.products-filters-container form div .multiselect span,
.coatings-filters-container form div .multiselect span {
  font-size: 1.5em;
}

.newsroom-filters-container form div .multiselect span::after,
.documents-filters-container form div .multiselect span::after,
.projects-filters-container form div .multiselect span::after,
.products-filters-container form div .multiselect span::after,
.coatings-filters-container form div .multiselect span::after {
  content: "";
  display: block;
  width: 15px;
  height: 9px;
  background-image: url('../images/triangle-orange.png');
  color: #ff3700;
  background-repeat: no-repeat;
  background-size: contain;
  transform: none;
  position: absolute;
  right: 0;
}

.newsroom-filters-container form .filter-sort-container .multiselect span::after,
.products-filters-container form div.form-item-sort-order .multiselect span::after,
.coatings-filters-container form div.form-item-sort-order .multiselect span::after {
  height: 20px;
  background-image: url('../images/sort.png');
}

.documents-filters-container form div .multiselect span::after,
.projects-filters-container form div .multiselect span::after {
  width: 19px;
  height: 12px;
  top: 14px;
}

.newsroom-filters-container form div .multiselect:hover,
.newsroom-filters-container form div .multiselect.show {
  border: none;
}

.documents-filters-container form div .multiselect.show span::after,
.projects-filters-container form div .multiselect.show span::after,
.products-filters-container form div .multiselect.show span::after,
.coatings-filters-container form div .multiselect.show span::after {
  transform: rotate(180deg);
}

.newsroom-filters-container form div.form-item-sort-order .multiselect span::after {
  transform: unset;
}

/* Select inputs */
.newsroom-filters-container form div select:focus,
.newsroom-filters-container form .multiselect:active,
.documents-filters-container form div select:focus,
.documents-filters-container form .multiselect:active,
.projects-filters-container form div select:focus,
.projects-filters-container form .multiselect:active,
.products-filters-container form div select:focus,
.products-filters-container form .multiselect:active,
.coatings-filters-container form div select:focus,
.coatings-filters-container form .multiselect:active {
  border-color: #ff3700;
  outline: 0;
  box-shadow: unset;
}

/* Multiselect options container */
.newsroom-filters-container form div .multiselect-container,
.documents-filters-container form div .multiselect-container,
.projects-filters-container form div .multiselect-container,
.products-filters-container form div .multiselect-container,
.coatings-filters-container form div .multiselect-container {
  border-radius: 0;
}

.newsroom-filters-container form .multiselect-option,
.documents-filters-container form .multiselect-option,
.projects-filters-container form .multiselect-option,
.products-filters-container form .multiselect-option,
.coatings-filters-container form .multiselect-option,
.reset-option {
  background-color: white;
  border: 1px solid #e6eaef;
  text-align: left;
  padding: .25rem .5rem .25rem 1rem;
}

.newsroom-filters-container form .multiselect-option:hover,
.newsroom-filters-container form .multiselect-option.active:not(.multiselect-active-item-fallback),
.documents-filters-container form .multiselect-option:hover,
.documents-filters-container form .multiselect-option.active:not(.multiselect-active-item-fallback),
.projects-filters-container form .multiselect-option:hover,
.projects-filters-container form .multiselect-option.active:not(.multiselect-active-item-fallback),
.products-filters-container form .multiselect-option:hover,
.products-filters-container form .multiselect-option.active:not(.multiselect-active-item-fallback),
.coatings-filters-container form .multiselect-option:hover,
.coatings-filters-container form .multiselect-option.active:not(.multiselect-active-item-fallback),
.reset-option:hover {
  background-color: #ff3700 !important;
  color: white;
}

.newsroom-filters-container form .multiselect-option .form-check,
.documents-filters-container form .multiselect-option .form-check,
.projects-filters-container form .multiselect-option .form-check,
.products-filters-container form .multiselect-option .form-check,
.coatings-filters-container form .multiselect-option .form-check {
  padding: unset;
  display: flex;
  align-items: center;
}

.newsroom-filters-container form .multiselect-option .form-check-input,
.projects-filters-container form .multiselect-option .form-check-input {
  border: unset;
  background-color: transparent !important;
  margin-left: unset;
  position: absolute;
  right: 10px;
}

.documents-filters-container form .multiselect-option .form-check-input,
.newsroom-filters-container form .multiselect-option .form-check-input {
  display: none;
}

.newsroom-filters-container form .multiselect-option input[type=radio],
.documents-filters-container form .multiselect-option input[type=radio],
.projects-filters-container form .multiselect-option input[type=radio],
.products-filters-container form .multiselect-option input[type=radio],
.coatings-filters-container form .multiselect-option input[type=radio]  {
  display: none;
}

/* Checkbox cross when checked */
.newsroom-filters-container form .multiselect-option .form-check-input[type="checkbox"]:checked,
.documents-filters-container form .multiselect-option .form-check-input[type="checkbox"]:checked,
.projects-filters-container form .multiselect-option .form-check-input[type="checkbox"]:checked,
.products-filters-container form .multiselect-option .form-check-input[type="checkbox"]:checked,
.coatings-filters-container form .multiselect-option .form-check-input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

/* Submit input */
.newsroom-filters-container form .form-actions,
.documents-filters-container form .form-actions,
.projects-filters-container form .form-actions,
.products-filters-container form .form-actions,
.coatings-filters-container form .form-actions {
  display: none;
}

.dropdown-menu {
  --bs-dropdown-link-hover-bg: unset;
}

.newsroom-filters-container form .multiselect-container.dropdown-menu,
.documents-filters-container form .multiselect-container.dropdown-menu,
.projects-filters-container form .multiselect-container.dropdown-menu,
.products-filters-container form .multiselect-container.dropdown-menu,
.coatings-filters-container form .multiselect-container.dropdown-menu {
  margin-top: 0px;
  margin-left: -1px;
  z-index: 10;
  min-width: 200px;
}

.newsroom-filters-container form div.form-item-field-tags-target-id .multiselect-container.dropdown-menu {
  min-width: 180px;
}

.documents-filters-container form .multiselect-container.dropdown-menu,
.newsroom-filters-container form .multiselect-container.dropdown-menu {
  min-width: 220px;
}

.newsroom-filters-container .form-item-sort-by {
  display: none !important;
}

.newsroom-filters-container .form-item-sort-order label,
.newsroom-filters-container .form-item-sort-order {
  display: none;
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0rem);
    opacity: 1;
  }

  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }

  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/***** DOCUMENTS, NEWSROOM & PROJECTS LISTING ******/
.documents,
.newsroom,
.projects,
.products,
.coatings {
  display: flex;
  padding: 0;
  position: relative;
  min-height: 750px;
}

.projects {
  min-height: 1000px;
}

.views-element-container {
  overflow: hidden;
}

.views-element-container div[class$="-view"],
.views-element-container div[class$="-views"] {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
  width: 100%;
  padding: 9.5em 0 5rem;
}

.views-element-container div.coatings-view {
  padding: 9.5em 0 0;
}

.views-element-container div.newsroom-view {
  padding: 8em 1.5rem 5em;
}

.documents .views-infinite-scroll-content-wrapper,
.projects .views-infinite-scroll-content-wrapper,
.products .views-infinite-scroll-content-wrapper,
.coatings .views-infinite-scroll-content-wrapper {
  padding: 2.5em 2.5em 0;
}

.coatings-embed-projects {
  padding: 5em 2.5em 0;
}

.views-element-container .views-infinite-scroll-content-wrapper.menu-opened {
  --bs-gutter-x: 1.5rem;
}

.documents .documents-views .category-title h2 {
  font-family: GilroySemiBold,sans-serif;
  font-size: 2.3125em;
}

.documents .documents-views .category-title h2 a {
  color: black;
  text-decoration: none;
}

.documents .documents-views .category-title hr {
  border: 1px solid black;
  opacity: 0.5;
  margin: 1rem 0 2.5rem 0;
}

.views-element-container div[class*="-filters-container"] {
  background-color: #e6ebf1;
  z-index: 10;
}

.menu-open img {
  cursor: pointer;
}

.menu-open .badge-filters {
  top: 3rem;
  background-color: #ff3700;
  color: #fff;
  left: 72%;
}

.filters-section {
  border-left: 1px solid #d8d8d8;
  width: 100%;
  display: none;
}

.filters-section .filters-infos {
  border-bottom: 1px solid #d8d8d8;
  font-size: 1.375em !important;
  letter-spacing: 1px;
}

.filters-section .filters-infos .unselectAll {
  cursor: pointer;
}

.filters-section .menu-close {
  margin-left: auto;
}

.filters-section .menu-close img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

/* Exposed filter */
.filters-section fieldset,
.filters-section details {
  padding: 1.5rem 0 0 1.5rem;
}

.filters-section fieldset legend,
.filters-section details summary {
  font-size: 1.375em !important;
  display: flex;
  align-items: baseline;
}

.filters-section details summary {
  margin-bottom: .5rem;
  position: relative;
}

.filters-section fieldset .form-checkboxes > ul,
.filters-section details .form-checkboxes > ul {
  padding: 0;
}

.filters-section fieldset .form-checkboxes ul,
.filters-section fieldset .form-checkboxes li,
.filters-section details .form-checkboxes ul,
.filters-section details .form-checkboxes li {
  list-style-type: none;
}

/* Singer filter title */
.filters-section fieldset legend .fieldset-legend,
.filters-section details summary {
  letter-spacing: 1px;
}

/* Singer filter title icon */
.filters-section fieldset legend::before,
.filters-section details summary::before {
  content: "";
  background-image: url(../images/category_icon.png);
  width: 21px;
  height: 19px;
  display: inline-block;
  margin-right: 0.25em;
}

.filters-section details summary::after {
  content: "";
  background-image: url(../images/filter-closed.png);
  width: 22px;
  height: 22px;
  display: inline-block;
  bottom: 5px;
  position: absolute;
  right: 40px;
  background-size: 22px;
  background-repeat: no-repeat;
}

.filters-section details[open] summary::after {
  background-image: url(../images/filter-opened.png);
}

/* Single filter checkboxes */
.filters-section fieldset .form-group,
.filters-section details .form-group {
  font-size: 1.125em;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.filters-section fieldset .form-check-input,
.filters-section details .form-check-input {
  height: 15px;
  width: 15px;
  margin-right: 0.5rem !important;
  background-color: #e6ebf1;
}

.filters-section fieldset .form-check-input:checked,
.filters-section details .form-check-input:checked {
  border-color: #ff3700 !important;
  background-color: #ff3700 !important;
  background-image: unset !important;
}

.filters-section fieldset .fieldset-wrapper,
.filters-section details > div  {
  margin-left: 1.5em;
}

/* Search bar */
.filter-search {
  position: absolute;
  top: 0;
  left: 74px;
  right: 0;
  margin-bottom: 0;
  display: flex;
  height: 73px;
  z-index: 11;
  align-items: center;
}

.filter-search.menu-opened {
  left: 25%;
}

.filters-section div.form-item-combine,
.filter-sort-container div.form-item-combine {
  display: none;
}

.filter-search #custom-search {
  border-radius: 0;
  margin-top: 0;
  border: 0;
  background-color: #fafafa;
  font-size: 1.5em;
  padding: 1rem 1.5em;
  z-index: 10;
  height: 100%;
}

.filter-search #custom-search:focus {
  box-shadow: none;
}

.filter-search .empty-search-views {
  font-size: 2em;
  display: flex;
  color: #FF3700;
  padding: 0 1em;
  background-color: #fafafa;
  height: 100%;
  line-height: 0;
}

.filter-search .empty-search-views i {
  margin: auto 0;
}

.filter-search .action-search {
  background-color: #ff3700;
  padding: 0 1.5em;
  cursor: pointer;
  height: 100%;
}

.filter-search .action-search img {
  width: 2.2em;
}

.documents-search-results-number,
.projects-search-results-number,
.products-search-results-number,
.coatings-search-results-number {
  padding: 0 2.5em;
}

.documents-search-results-number h2,
.projects-search-results-number h2,
.products-search-results-number h2,
.coatings-search-results-number h2 {
  font-size: 1.5em;
}

.views-element-container div.no_leaderboard div[class$="-view"],
.views-element-container div.no_leaderboard div[class$="-views"] {
  padding: calc(var(--leaderboard-height) + 6.5rem) 0 5rem;
}

.views-element-container div[class*="-filters-container"] .filter-sort-container,
.views-element-container div[class*="-filters-container"] .items-per-page-container {
  position: absolute;
  top: 0;
  padding: 7.5em 0 0 0;
  right: 85px;
  margin-bottom: 0;
}

.views-element-container div.newsroom-filters-container .filter-sort-container {
  padding: 3em 0 0 0;
}

.views-element-container div.no_leaderboard div[class*="-filters-container"] .filter-sort-container,
.views-element-container div.no_leaderboard div[class*="-filters-container"] .items-per-page-container {
  padding: calc(var(--leaderboard-height) + 4.5rem) 0 0 0;
}

.newsroom .filter-sort-container {
  padding: 3em 0 0 0;
}

.documents.no_leaderboard .filter-sort-container,
.newsroom.no_leaderboard .filter-sort-container,
.projects.no_leaderboard .items-per-page-container {
  padding: 11em 0 0 0;
}

.filters-section div.form-item-sort-by,
.filters-section div.form-item-items-per-page {
  display: none;
}

/* Form submit */
button[data-drupal-selector|="edit-submit-documents-download-center"] {
  display: none;
}

/* Highlighted documents */
.highlighted {
  background-color: #414141;
  padding: 2.5rem;
}

.highlighted.menu-opened {
  padding: 1.5rem;
}

.views-element-container div[class$="-view"] div[class*="-search-results-number"].filled-search,
.views-element-container div[class$="-views"] div[class*="-search-results-number"].filled-search {
  display: none;
}

.highlighted .title h2 {
  color: white;
  font-family: GilroySemiBold;
}

.highlighted .title hr {
  border: 1px solid white;
  opacity: 0.5;
}

.highlighted .card-title {
  position: absolute;
  color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem !important;
  text-align: center;
}

.highlighted .highlighted-row {
  --bs-gutter-x: 6rem;
  --bs-gutter-y: 1rem;
}

.highlighted.menu-opened .highlighted-row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}

/* PROJECTS LISTING & RELATED PROJECTS */
section.paragraph.paragraph--type--related-projects {
  padding: 2.5rem 5rem;
  background-color: #0072ce;
}

section.paragraph.paragraph--type--related-projects.homepage--related-projects {
  background-color: unset;
}

.paragraph--type--related-projects:not(.homepage--related-projects) .content-related-title {
  color: white;
}

.paragraph--type--related-projects .related-content.large,
.projects-view  .related-content.large  {
  min-height: 400px;
  max-height: 600px;
}

.paragraph--type--related-projects .related-content.large .card,
.projects-view .related-content.large .card {
  background: #0072ce;
  border-radius: 0;
}

.paragraph--type--related-projects .related-content.large .card-text,
.projects-view .related-content.large .card-text {
  font-size: 1.25em;
}

.paragraph--type--related-projects .related-content.large .card-body,
.projects-view .related-content.large .card-body {
  position: absolute;
  padding: 0 2.5rem;
  top: 50%;
  transform: translate(0, -50%);
  color: white;
  width: 100%;
}

.paragraph--type--related-projects .related-content.large .card-body .cta-btn a,
.projects-view .related-content.large .card-body .cta-btn a {
  margin-left: auto;
}

.paragraph--type--related-projects .related-content.large .card-top,
.projects-view .related-content.large .card-top {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.paragraph--type--related-projects .related-content .card-flag,
.projects-view .related-content .card-flag,
.coatings-embed-projects .related-content .card-flag {
  width: 5em;
  height: 5em;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.paragraph--type--related-projects .related-content .card-flag .card-flag-icon,
.projects-view .related-content .card-flag .card-flag-icon,
.coatings-embed-projects .related-content .card-flag .card-flag-icon,
.paragraph--type--related-projects .related-content .card-flag img,
.projects-view .related-content .card-flag img,
.coatings-embed-projects .related-content .card-flag img {
  height: 100%;
  width: 100% !important;
}

/***** SEGMENT PAGE *****/
/* RELATED LINKS - Segment page */
/* Links */
.related-link {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  font-family: inherit;
  padding-bottom: 2px;
  text-decoration: none;
  color: black;
}

/* Hover effect */
.related-link:hover {
  -webkit-animation: draw-line .25s ease-in-out;
  animation: draw-line .25s ease-in-out;
  color: black;
}

/* SWIPER CAROUSELS */
section.paragraph.swiper-carousels {
  background-color: #3d3d3d;
  padding: 5em 0;
}

section.paragraph.swiper-carousels .container-fluid {
  overflow: hidden;
}

/* IMG Swiper carousel */
.swiper-carousels .left-split .swiper {
  max-width: 575px;
  overflow: clip;
  overflow-clip-margin: 500px;
  clip-path: inset(-50px 0 0 -375px);
  margin-right: 0;
}

/* Text Swiper carousel */
.swiper-carousels .right-split .swiper {
  max-width: none;
  margin-left: 10%;
}

/* Slides */
.swiper-carousels .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: unset;
}

/* Text Swiper carousel slides */
.swiper-carousels .swiper-text .swiper-slide {
  background-color: #3d3d3d;
  justify-content: start;
}

/* Slides img */
.swiper-carousels .swiper-slide img {
  width: 100%;
  height: 100%;
}

/* Next, previous and pagination controls */
.swiper-carousels .swiper-controls {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-top: 15px;
}

.swiper-carousels .swiper-button-prev,
.swiper-carousels .swiper-button-next,
.swiper-carousels .swiper-pagination {
  position: relative;
  color: transparent;
}

.swiper-carousels .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: center;
  left: 0 !important;
  margin-top: 0;
}

.swiper-carousels .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: center;
  left: 0 !important;
  margin-top: 0;
}

.swiper-carousels .swiper-pagination.swiper-pagination-horizontal {
  display: flex;
  justify-content: space-around;
  width: auto;
  top: 0;
  bottom: 0;
}

.swiper-carousels .swiper-pagination-bullet {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 10px;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.swiper-carousels .swiper-pagination-bullet-active span {
  background-color: white;
}

.swiper-carousels .swiper-pagination-bullet span {
  height: 11px;
  position: absolute;
  width: 11px;
  background-color: white;
  margin: 0 1.2em !important;
  border-radius: 50%;
}

/* Slide progression SVG */
.swiper-carousels .swiper-pagination-bullet .progress {
  transform: rotate(-90deg);
  background-color: unset;
  height: 41px;
  width: 41px;
}

/* Slide progression circle */
.swiper-carousels .swiper-pagination-bullet .circle-origin {
  fill: transparent;
  stroke: rgb(255, 255, 255);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 125.664px;
  stroke-dashoffset: 125.664px;
}

/* Slide progression circle - animated */
.swiper-carousels .swiper-pagination-bullet-active .circle-origin {
  animation: progress 10s;
  animation-direction: reverse;
  animation-timing-function: linear;
}

.swiper-carousels .swiper-headings {
  max-width: 90%;
}

.swiper-carousels .swiper-headings h2 {
  font-size: 2.3125em;
  font-family: GilroySemiBold !important;
  margin-bottom: 1rem !important;
}

.swiper-carousels .swiper-headings p {
  font-family: GilroyRegular !important;
}

/* QUOTE */
section.paragraph.paragraph--type--quote {
  background-color: #f8f6f2;
  font-size: 2.3125em;
  padding: 3rem;
}

.paragraph--type--quote div,
blockquote {
  border-left: 5px solid #0072ce;
  padding: 0.5rem 1.5rem;
}

blockquote > p {
  margin-bottom: 0;
}

.paragraph--type--quote div {
  width: 70%;
}

/* RELATED CONTENT */
section.paragraph.paragraph--type--related-content {
  background-color: #e5e8ef;
  padding: 5rem;
}

section.paragraph.paragraph--type--related-content.homepage--related-content {
  background-color: white;
}

section.paragraph.paragraph--type--related-content.homepage--related-content {
  width: unset;
  position: unset;
  left: unset;
}

.paragraph--type--related-content hr,
.paragraph--type--related-products hr {
  border: 1px solid black;
  opacity: 0.5;
  margin: 1rem 0 2.5rem 0;
}

.paragraph--type--related-content.homepage--related-content hr,
.paragraph--type--related-products hr {
  border: 1px solid white;
}

.paragraph--type--related-content .content-related-title {
  font-family: GilroySemiBold, sans-serif;
  font-size: 2.3125em;
}

.paragraph--type--related-case-studies .content-related-title {
  margin-bottom: 1em;
}

.related-content .card,
.paragraph--type--related-content:not(.homepage--related-content) .related-content.related-news .card {
  border-radius: 0.25em;
  border: none;
  background-color: #e4e9ee;
}

.card .card-flag > img {
  width: 40px !important;
  height: auto;
}

/* News background image */
.related-content .card-top {
  position: relative;
  height: 300px;
}

.paragraph--type--related-products.paragraph--view-mode--project-detail-page .related-content .card-top {
  position: relative;
  height: unset;
}

.related-content.coating .card-top {
  overflow: hidden;
}

.related-content .card-top > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(80%);
  padding: 0 !important;
}

.related-content.coating .card-top > img {
  transition: ease-in-out .5s;
}

.related-content.coating:hover .card-top > img {
  transform: scale(1.2);
}

.related-content .card-title,
.paragraph--type--related-content .related-news .card-title {
  font-size: 1.4375em;
}

.related-content .card-body,
.paragraph--type--related-content .related-content.related-news .card-body {
  padding: 1.5rem;
}

.paragraph--type--related-products.paragraph--view-mode--project-detail-page .related-content .card-body {
  padding: 1rem;
}

.paragraph--type--related-content.homepage--related-content .related-content .card-body p.attributes,
.paragraph--type--related-products .related-content .card-body p.attributes,
.paragraph--type--related-accessories .related-content .card-body p.attributes,
div[class$="-view"] .related-content .card-body p.attributes {
  min-width: 125px;
}

.paragraph--type--related-content.homepage--related-content .related-content .card-body .icons img,
.paragraph--type--related-products .related-content .card-body .icons img,
div[class$="-view"].related-content .card-body .icons img {
  margin-right: 1.5em;
  width: 45px !important;
  height: 46px;
}

.related-content .card-text {
  margin-bottom: 0.5rem;
}

/* LATEST NEWS */
section.paragraph.paragraph--type--latest-news {
  padding: 5em;
}

section.paragraph.paragraph--type--latest-news.homepage--latest-news {
  padding-top: 2.5em;
}

section.paragraph.paragraph--type--latest-news h2 {
  font-family: GilroySemiBold, sans-serif;
  font-size: 2.3125em;
}

/* APPPLICATIONS */
.paragraph--type--applications,
.paragraph--type--application {
  padding: 0 !important;
}

.paragraph--type--application {
  position: relative;
}

.paragraph--type--application > div {
  height: 580px;
  overflow: hidden;
}

.paragraph--type--application > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.paragraph--type--application .section-application {
  height: 100%;
  padding: 5em 2.5em 3em 2.5em;
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  text-shadow: black 3px 3px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.paragraph--type--application .section-application img {
  width: 120px !important;
  height: auto;
}

.paragraph--type--application .section-application .separator {
  height: 100px;
  border: 2px solid white;
}

.paragraph--type--application .section-application h3 {
  font-size: 1.875em;
  font-family: GilroySemiBold;
  width: min-content;
  position: relative;
}

.paragraph--type--application .section-application .bottom-content {
  min-height: 220px;
}

.paragraph--type--application .section-application .bottom-content > p,
.paragraph--type--application .section-application .bottom-content > a {
  text-shadow: black 1px 1px 5px;
  font-size: 1.25em;
  line-height: 1.4;
  width: fit-content;
}

/* TESTIMONIALS */
.homepage-testimonial .paragraph--type--testimonial {
  padding: 2.5rem 0 !important;
}

.paragraph--type--testimonial {
  padding: 2.5rem 0 0 !important;
}

.paragraph--type--testimonial .description {
  width: 50%;
  margin: 0 2.5rem;
}

.paragraph--type--testimonial .logo {
  margin-left: auto;
}

.paragraph--type--testimonial .logo img {
  width: 250px;
  height: 100px;
}

/* RELATED DOCUMENTS */
.paragraph--type--related-documents {
  width: 100vw;
  left: calc(-50vw + 50%);
  max-width: unset;
  position: relative;
  padding: 2.5rem 4.25rem !important;
  flex-wrap: wrap;
}

.paragraph--type--related-documents.product {
  width: unset;
  left: unset;
  position: unset;
  padding: 0 !important;
}

.paragraph--type--related-documents h2 {
  padding: 0 0.75rem;
}

.paragraph--type--related-documents.product h2 {
  padding: 0;
}

.paragraph--type--related-documents .container-document {
  padding: 1.5rem;
}

.paragraph--type--related-documents .document {
  border: 1px solid black;
  padding: 1.5rem;
}

.paragraph--type--related-documents .cover {
  background-color: #d9d9d9;
  height: 200px;
}

.paragraph--type--related-documents .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.paragraph--type--related-documents .title {
  margin: 1rem 0;
  min-height: 3rem;
}

.paragraph--type--related-documents .title p {
  font-family: GilroySemiBold;
  margin-bottom: 0;
}

.paragraph--type--related-documents .title span {
  color: #FF3700;
}

.paragraph--type--related-documents .download a {
  text-decoration: none;
  cursor: pointer;
}

.paragraph--type--related-documents .download a:after {
  background-image: url(../images/svg/arrow-black.svg);
  background-repeat: no-repeat;
  background-size: 26px 8px;
  content: "";
  display: inline-block;
  height: 9px;
  width: 26px;
  margin-left: 40px;
  background-position: right;
  filter: invert(29%) sepia(81%) saturate(2174%) hue-rotate(357deg) brightness(97%) contrast(116%);
}

.paragraph--type--related-documents .download a[href="#"]:after {
  background-image: url(../images/svg/arrow-download.svg);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}

/***** LIBRARY LISTING PAGE *****/
/* REPORTING HUB - Library page */
.content-library {
  padding: 5em 10%;
}

.content-library-title {
  font-family: GilroySemiBold, sans-serif;
  font-size: 2.3125em;
}

.content-library .related-content .card-body {
  background-color: #FFFFFF;
}

.content-library .card-body a {
  color: black !important;
}

/***** LIBRARY DETAIL PAGE *****/
/* FORM - Library detail page */
.form-section {
  padding-left: 5em;
}

.contact-message-document-form-form,
.contact-message-document-form-secondary-form {
  padding: 25px !important;
  background-color: #0072ce;
}

/* Container for label and input */
.contact-message-document-form-form .form-checkbox-group,
.contact-message-document-form-secondary-form .form-checkbox-group {
  color: white;
}

.contact-message-document-form-form .form-control,
.contact-message-document-form-form .form-select,
.contact-message-document-form-secondary-form .form-control,
.contact-message-document-form-secondary-form .form-select {
  border-color: #0072ce !important;
}

/* Download section */
.document-download-section {
  margin-left: 5em;
  padding: 2.5rem 0;
}

.document-download-section .download-help-text {
  background-color: #0072ce;
  padding: 25px 25px 0;
  color: white;
}

.document-download-section h2 {
  font-size: 2.3125em;
  font-family: GilroySemiBold;
}

.document-download-section > section {
  padding-top: 1em;
  min-width: 300px;
}

.document-download-section > section > div {
  border: 1px solid #0072ce;
  padding: 0.5em 1em;
  font-size: 1.25em;
  align-items: center;
  text-decoration: none;
  color: black;
}

.document-download-section > section > div:not(:last-child) {
  border-bottom: none;
}

.document-download-section .document-flag {
  height: fit-content;
  margin-right: 0.75em;
}

.document-download-section .pdf-viewer,
.document-download-section .document-download {
  margin-left: auto;
}

.document-download-section .pdf-viewer img {
  width: 44px;
  height: 44px;
}

.pdf-viewer + .document-download {
  margin-left: 0.25em;
}

.document-download-section .document-download img {
  width: 30px;
  height: 34px;
}

.document-download-section .modal-dialog {
  max-width: 75vw;
  margin: 2em auto;
}

.document-download-section .modal-dialog,
.document-download-section .modal-dialog .modal-content {
  height: 90vh;
}

.document-download-section .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.document-download-section .modal-dialog .modal-content .modal-body,
.document-download-section .modal-dialog .modal-content .modal-body iframe {
  height: 100%;
}

/***** CONTACT PAGE *****/
/* Form container */
.paragraph--type--form {
  padding: 0 !important;
}

/** FORM - Contact page */
.contact-message-contact-form-form {
  padding: 0 5rem 5rem;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.contact-message-contact-form-form .form-wrapper {
  width: 100%;
}

.contact-message-contact-form-form .send-message {
  font-family: GilroySemiBold;
}

.contact-message-contact-form-form .send-message span {
  font-family: GilroyRegular;
}

.contact-message-contact-form-form .field--name-field-email {
  margin-top: .25rem;
}

.contact-message-contact-form-form .field--name-field-subject,
.contact-message-contact-form-form .field--name-field-function-role,
.contact-message-contact-form-form .field--name-field-phone {
  width: 100%;
}

.contact-message-contact-form-form .field--name-field-file {
  padding: 1em;
  border: 1px solid #363636;
  margin-bottom: 1em;
}

.contact-message-contact-form-form .form-item-field-file-0 {
  margin-bottom: 0;
}

.contact-message-contact-form-form .form-item-field-file-0 label {
  display: flex;
  align-items: baseline;
}

.contact-message-contact-form-form .form-item-field-file-0 label p {
  margin-left: 0.5em;
}

.contact-message-contact-form-form .field--name-field-file {
  padding: 1em;
  border: 1px solid #363636;
  margin-bottom: 1em;
}

.contact-message-contact-form-form .form-managed-file input[data-drupal-selector^="edit-field-file-0-upload"],
.contact-message-contact-form-form .field--name-field-copy-sender-email {
  display: none;
}

.contact-message-contact-form-form .form-managed-file button[data-drupal-selector^="edit-field-file-0-remove-button"] {
  border: none;
  background: none;
}

/** MAP - Contact page */
.content-map {
  padding-bottom: 3rem;
}

.content-map-title-container {
  padding: 2rem 5rem;
}

.content-map-title {
  font-family: GilroySemiBold, sans-serif;
  font-size: 2.3125em;
}

#map {
  height: 500px;
  z-index: 0;
}

div[id^=leaflet-map-] {
  min-width: 150px;
  height: 500px;
}

/** Leaflet map elements */
.leaflet-popup-tip-container {
  display: none !important;
}

.leaflet-popup-content {
  position: relative;
  font-family: GilroyRegular, sans-serif;
  background: white;
  color: black;
  line-height: 1.5;
  padding: 1.5rem;
  width: 400px !important;
  margin: 0;
}

.popup-group:first-child {
  margin-top: 0;
}

.popup-group {
  margin-top: 1em;
}

.popup-group p {
  margin: 0;
}

.popup-image img {
  width: auto;
  max-width: 160px;
  height: 120px;
}

.popup-logo {
  margin-left: auto;
  min-height: 120px;
}

.popup-logo img {
  width: 150px;
}

.popup-first-name,
.popup-last-name,
.popup-phone span,
.popup-opening-hours {
  font-family: GilroySemiBold;
}

.popup-phone span {
  display: inline-block;
  min-width: 18px;
  text-align: left;
}

.popup-vcard {
  margin-right: 1.5em !important;
}

.popup-linkedin i,
.popup-vcard i {
  color: #ff3700;
  font-size: 2em;
}

.leaflet-popup-content-wrapper {
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.leaflet-container a.leaflet-popup-close-button {
  width: 30px;
  font: 25px/30px Tahoma, Verdana, sans-serif;
}

.leaflet-layer {
  filter: grayscale(100%) contrast(80%) brightness(110%);
}

/***** ALL PAGES *****/
/* FORMS */
.contact-message-document-form-form,
.contact-library-whitepaper-form-form,
.contact-message-whitepaper-form-form,
.contact-message-newsletter-form-form,
.form-page .contact-form,
form.webform-submission-contact-form {
  color: #fff;
  font-family: InstrumentSans;
}


/* Newsletter form */
.newsletter-form {
  display: flex;
  flex-wrap: wrap;
  padding: 3em 0;
  background-color: #755c42;
  font-size: 1em !important;
  /* font-family: InstrumentSans; */
}

.newsletter-form .content-form > div {
  display: flex;
  flex-direction: column;
  padding: 0 5em;
}

.newsletter-form .content-form > div:first-child {
  align-items: end;
}

.newsletter-form .content-form > div h3 {
  font-size: 1.875em;
  font-family: OrticaLinear;
}

.newsletter-form .content-form > div:first-child h3 {
  max-width: 75%;
}

.newsletter-form .content-form > div:last-child h3 {
  margin-bottom: 1em;
}

.newsletter-form .form-control {
  font-size: 1em;
  border-radius: 0;
  max-width: 400px;
  padding: .175rem 0;
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid white;
  box-shadow: none;
  color: inherit;
}

.newsletter-form .form-control::placeholder,
form.webform-submission-contact-form .form-control::placeholder {
  color: inherit;
}

.newsletter-form .form-check-input {
  border-color: white !important;
}

/* .newsletter-form .captcha {
  display: none;
  margin: 0;
} */

.newsletter-form .form-submit {
  border: none;
  background: none;
  text-transform: uppercase;
  padding: 0;
  font-size: 1.125em;
  font-family: OrticaLinear, sans-serif;
}

/* Contact form */
.contact-form {
  font-size: 1.25em;
}

form.webform-submission-form .form-control,
form.webform-submission-form .form-select,
form.webform-submission-form .form-textarea {
  /* font-size: 1em;
  font-family: GilroyRegular, sans-serif;
  border-radius: 0;
  background-size: 10px; */

  font-size: 1em;
  border-radius: 0;
  padding: .175rem 0;
  background-color: transparent;
  border: unset;
  border-bottom: 1px solid white;
  box-shadow: none;
  color: inherit;
  margin-top: 0;
}

/* form.webform-submission-form.call-me-back .form-control,
form.webform-submission-form.call-me-back .form-select,
form.webform-submission-form.call-me-back .form-textarea {
  border: 1px solid #0072ce;
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
} */

form.webform-submission-form .form-textarea {
  /* padding: .375rem .75rem; */
  width: 100%;
}

form.webform-submission-form .form-checkbox-group.form-no-label .description {
  display: inline-block;
}

form.webform-submission-form .form-control:focus,
form.webform-submission-form .form-select:focus,
form.webform-submission-form .form-textarea:focus {
  box-shadow: none;
  outline: none;
}

form.webform-submission-contact-form div[data-drupal-selector="edit-actions"] button {
  font-size: 1.125em;
  border: none;
  background: none;
  text-transform: uppercase;
  padding: 0;
  font-family: OrticaLinear, sans-serif;
  margin-top: 0;
}

/* form.webform-submission-form fieldset[data-drupal-selector="edit-address"] div.form-item-address-address {
  order: 1;
}


form.webform-submission-contact-form fieldset[data-drupal-selector="edit-address"] div.form-item-address-postal-code {
  order: 2;
  width: 50%;
}

form.webform-submission-form fieldset[data-drupal-selector="edit-address"] div.form-item-address-city {
  order: 3;
  width: 50%;
} */

/* form.webform-submission-form input[data-drupal-selector^="edit-files-upload-"]::file-selector-button {
  border: none;
  font-size: 1.25em;
  z-index: 0;
  position: relative;
  padding: 1.5rem;
  padding: 23px 30px;
  min-width: 230px;
  width: fit-content;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent !important;
  cursor: pointer;
} */

.contact-webform {
  background-color: #755c42;
  height: 100%;
  min-height: calc(100vh - var(--header-height));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contact-webform #block-matteri-content {
  max-width: 50%;
}

form.webform-submission-form {
  padding: 2.5rem 5rem;
}

form.webform-submission-contact-form {
  padding: 0;
  margin-bottom: 5rem;
}

/* Call me back */
form.webform-submission-form.call-me-back {
  padding: 0;
}

form.webform-submission-form.call-me-back .form-group,
form.webform-submission-form.call-me-back .fieldgroup {
  width: 100%;
}

form.webform-submission-form.call-me-back .form-item {
  margin-bottom: 0.5rem;
  margin-top: 0;
}

form.webform-submission-form.call-me-back .form-item legend {
  margin-bottom: 0;
}

form.webform-submission-form.call-me-back .form-checkbox-group.form-no-label .description {
  display: inline;
}

form.webform-submission-form.call-me-back .form-checkbox-group.form-no-label .description div[id^="edit-privacy-disclaimer"] {
  display: unset;
}

form.webform-submission-form.call-me-back .form-checkbox-group.form-no-label .description div[id^="edit-privacy-disclaimer"],
form.webform-submission-form.call-me-back .form-checkbox-group.form-no-label .description div[id^="edit-privacy-disclaimer"] a,
form.webform-submission-contact-form .form-checkbox-group.form-no-label .description div[id^="edit-privacy-disclaimer"],
form.webform-submission-contact-form .form-checkbox-group.form-no-label .description div[id^="edit-privacy-disclaimer"] a {
  color: white;
}

form.webform-submission-form.call-me-back .form-control {
  margin-top: 0;
}

form.webform-submission-form.call-me-back .form-check-input[type="checkbox"],
form.webform-submission-form.call-me-back .form-check-input[type="checkbox"]:checked {
  border: 1px solid #0072ce !important;
}

form.webform-submission-form.call-me-back .captcha {
  color: white;
}

form.webform-submission-form.call-me-back .webform-actions button {
  width: 100%;
}

form.webform-submission-form.call-me-back .webform-confirmation {
  border-radius: 0;
}

form.webform-submission-form.call-me-back .webform-confirmation .webform-confirmation__message {
  margin: 0;
}

form.webform-submission-form #drupal-messages {
  margin: 0 0 2.5rem;
}

.contact-webform #drupal-messages {
  margin: 0;
  width: 50%;
}

/* Webform progress bar */
form.webform-submission-form .progress-tracker {
  margin: 0;
}

/* Segment banner */
form.webform-submission-form.segment .webform-progress {
  order: 1;
}

.segments-personaes .offcanvas-body form.webform-submission-form .progress-tracker {
  max-width: 1000px;
  margin: auto;
}

form.webform-submission-form .progress-marker::after {
  height: 2px;
  top: 9px;
}

form.webform-submission-form .progress-tracker--center .progress-marker::before {
  content: "";
  width: 20px;
  height: 20px;
}

form.webform-submission-form .webform-progress-tracker .progress-step:not(.is-active) .progress-marker::before,
form.webform-submission-form .webform-progress-tracker .progress-step:hover .progress-marker::before,
form.webform-submission-form .webform-progress-tracker .progress-step .progress-marker::after {
  background-color: #696969;
}

/* Segment banner */
.segments-personaes .offcanvas-body form.webform-submission-form .webform-progress-tracker .progress-step .progress-marker::after {
  background-color: white;
}

form.webform-submission-form .progress-step.is-active .progress-marker::before,
form.webform-submission-form .progress-step.is-active .progress-step:hover .progress-marker::before,
form.webform-submission-form .progress-step.is-active:hover .progress-marker::before {
  background-color: #ff3700;
}

form.webform-submission-form .progress-step.is-active .progress-marker span {
  width: 36px;
  height: 36px;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: calc(50% - 18px);
  border-radius: 50%;
  border: 1px solid red;
  background-color: #e6eaef;
  z-index: 1;
}

/* Segment banner */
.segments-personaes .offcanvas-body form.webform-submission-form .progress-step.is-active .progress-marker span {
  background-color: #414141;
}

.segments-personaes .offcanvas-body form.webform-submission-form .progress-step .progress-title {
  font-size: 1.5em;
  margin-top: 0.5em;
}

.segments-personaes .offcanvas-body form.webform-submission-form .progress-step.is-active .progress-title {
  color: white;
}

.segments-personaes .offcanvas-body form.webform-submission-form .progress-step.is-complete .progress-text {
  color: #777;
}

form.webform-submission-form .webform-actions {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between !important;
}

form.webform-submission-form.segment .webform-actions {
  order: 2;
  margin: auto;
  max-width: 1000px;
  gap: 1.5em 0;
  margin-top: 2.5rem;
}

form.webform-submission-form.segment .step-contact.step-1 + .webform-actions,
form.webform-submission-form.segment .webform-actions button[data-drupal-selector^='edit-actions-submit'] {
  display: none;
}

/* Step 1 container */
form.webform-submission-form .step-contact {
  margin-top: 2.5rem;
}

form.webform-submission-form.segment .step-contact {
  order: 3;
}

form.webform-submission-contact-form .step-contact {
  background: white;
}

form.webform-submission-contact-form .step-contact.step-1 > div,
form.webform-submission-contact-form .step-contact.step-2 div[data-webform-key^="step_"],
form.webform-submission-contact-form .step-contact.step-confirmation > div {
  padding: 2.5em 10em;
}

form.webform-submission-form .step-contact > div[data-webform-key^="step_"] > label {
  font-family: GilroySemiBold;
  font-size: 1.4375em;
  margin-bottom: 1em;
}

form.webform-submission-form .step-contact > div[data-webform-key^="step_"] .form-group label.form-required::after {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-inline: 0.3em;
  content: "";
  vertical-align: text-top;
  /* Use a background image to prevent screen readers from announcing the text. */
  mask-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='%232494DB'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-size: 0.5rem 0.5rem;
  background-color: #FF3700;
}

form.webform-submission-form .step-contact > div[data-webform-key^="step_"] .form-group label {
  margin-bottom: 0.75em;
}

form.webform-submission-form .step-contact > div[data-webform-key^="step_3"] > label {
  width: 100%;
  text-align: center;
}

form.webform-submission-form .step-contact.step-1 > div:first-child,
form.webform-submission-form .step-contact.step-confirmation > div:first-child {
  width: 100%;
}

form.webform-submission-form .step-contact .contact-details {
  padding: 0 2.5rem;
  margin: 2.5rem 0;
}

form.webform-submission-form .step-contact .contact-details a {
  color: black;
  text-decoration: none;
}

form.webform-submission-form .step-contact .contact-details a:hover {
  text-decoration: underline;
}

form.webform-submission-form .step-contact .contact-details {
  width: 40%;
}

form.webform-submission-form .step-contact .contact-details .cta-btn a {
  width: max-content;
}

form.webform-submission-form .step-contact.step-1 > div .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

form.webform-submission-form .step-contact.step-2 > .contact-selected {
  border-bottom: 2.5rem solid #e6eaef;
  padding: 1.5rem 0;
}

form.webform-submission-form .step-contact.step-2 > .contact-selected p {
  margin-bottom: 0;
}

form.webform-submission-form .step-contact.step-confirmation .webform-confirmation__message i.confirm-check::before {
  content: "";
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: bottom left;
  mask-image: url(../images/svg/check.svg);
  background-color: #70A489;
  display: inline-block;
  width: 40px;
  height: 30px;
}

form.webform-submission-form .step-contact.step-confirmation .webform-confirmation__message {
  font-size: 1.875em;
  color: #70A489;
}

form.webform-submission-form .step-contact.step-confirmation .buttons a {
  margin-left: 2em;
  margin-right: 2em;
}

/* Container for label and field */
.form-group {
  margin-bottom: 1rem;
}

.form-group.js-form-type-radio {
  display: flex;
  align-items: center;
}

/* Checkbox and radio inputs */
.form-check-input,
.form-radio {
  height: 1.25em;
  width: 1.25em;
}

.form-check-input {
  border-radius: 0 !important;
  border-color: unset !important;
  margin-top: 0 !important;
}

.form-radio {
  border-radius: 50% !important;
  padding: .375rem;
  border: none;
  background-position: center;
  background-size: 0.8333333333333334em;
  background-repeat: no-repeat;
  font-size: 1em;
  display: inline-block;
}

.form-check-input:focus,
.form-radio {
  box-shadow: none;
}

.form-check-input:checked,
.form-radio:checked {
  background-color: white !important;
  border-color: unset !important;
}

.form-check-input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23755c42' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-radio[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Ccircle cx='10' cy='10' r='10' fill='%23755c42'/%3E%3C/svg%3E%0A");
}

.form-check-input + label,
form:not(.segment) .form-radio + label {
  display: inline !important;
}

form:not(.segment) .form-radio + label {
  padding-left: 0.5rem;
}

.form-page .form-radio + label {
  color: white;
}

.required-field {
  background-color: #f8d7da !important;
  border-color: #f5c2c7 !important;
  color: #842029 !important;
}

.required-field::placeholder {
  color: #842029 !important;
}

.required-field-color {
  color: #842029 !important;
}

.required-field-background-color {
  background-color: #f8d7da !important;
}

/* Erros, warning and success messages */
#drupal-messages {
  margin: 0 5rem;
  font-family: InstrumentSans;
}

#drupal-messages em.placeholder {
  background-color: initial;
  display: initial;
  cursor: initial;
  opacity: initial;
  vertical-align: initial;
}

#drupal-messages .alert,
.webform-confirmation .alert {
  border-radius: 0;
  margin-top: 1rem;
}

#drupal-messages a:hover,
.webform-confirmation a:hover {
  text-decoration: none;
}

.alert-success a {
  color: #0f5132;
}

.alert-danger a {
  color: #842029;
}

.alert-warning a {
  color: #664d03;
}

.page-content #drupal-messages {
  margin: unset;
}

h1.page-title + div + #drupal-messages {
  margin: 0 8rem;
}

h1.page-title + section[class="content-map"] + #drupal-messages {
  margin: 2.5rem 8rem;
}

/* Whitepaper, document & form page forms */
.contact-message-whitepaper-form-form,
.form-page .contact-form {
  padding: 25px !important;
  background-color: #0072ce;
}

.contact-message-document-form-form,
.contact-message-whitepaper-form-form,
.form-page .contact-form {
  font-size: 1.125em;
}

/* Container for label and input */
.contact-message-whitepaper-form-form .form-checkbox-group,
.form-page .contact-form .form-checkbox-group {
  color: white;
}

.contact-message-whitepaper-form-form .form-control:not(.form-radio),
.contact-message-whitepaper-form-form .form-select,
.contact-message-document-form-form .form-control:not(.form-radio),
.contact-message-document-form-form .form-select,
.form-page .contact-form .form-control:not(.form-radio),
.form-page .contact-form .form-select {
  border-color: #0072ce !important;
  border-radius: unset;
  font-size: unset;
}

.form-page .contact-form textarea {
  width: 100%;
  padding: .375rem .75rem;
  appearance: none;
  border: 1px solid #0071cd !important;
  outline: none;
}

.contact-message-whitepaper-form-form button[data-drupal-selector^="edit-submit"],
.contact-message-document-form-form button[data-drupal-selector^="edit-submit"],
.form-page .contact-form button[data-drupal-selector^="edit-submit"] {
  width: 100%;
}

.form-page .contact-form .fieldgroup {
  margin-bottom: 1rem
}

.form-page .contact-form .fieldgroup legend {
  font-size: 1em;
  color: white;
}

.form-page .contact-form .fieldgroup legend .fieldset-legend {
  position: relative !important;
}

.contact-message-whitepaper-form-form .description,
.contact-message-document-form-form .description,
.form-page .description {
  color: white;
}

.title-form-section {
  margin: 0 auto 2.5rem auto;
}

.paragraph--type--generic-content + .title-form-section {
  margin: 2.5rem 0 2.5rem 2.5rem;
}

.title-form-section h2 {
  font-family: GilroyRegular;
}

/* Displayed when form is submitted */
.download-section {
  background-color: #0072ce;
  text-align: center;
}

.download-section a.cta-btn-light {
  margin: auto;
}

/***** PROJECT DETAIL PAGE *****/
/* Attributes section */
.project-attributes {
  padding-left: 5rem;
}

.project-attributes div {
  background-color: #5f5f5f;
  color: white;
}

.project-attributes div :nth-child(1 of .mt-4) {
  margin-top: 0 !important;
}

.project-logo {
  float: right;
}

.project-logo img {
  max-width: 70px;
  height: auto;
}

.project-label {
  color: #FF3700;
  font-size: 1em;
}

.project-icons a {
  width: 25%;
  cursor: pointer;
}

.project-icons img {
  height: 50px;
  width: auto;
}

.project-title {
  font-family: GilroySemiBold;
  padding: 0 5rem;
}

.project-title + div {
  padding: 2em 5rem 0;
  margin: 0 0 2.5rem;
}

.project-content .content-read-less p:last-of-type,
.project-content .content-read-more p:last-of-type {
  display: inline;
}

.project-content .btn-content {
  font-family: GilroySemiBold;
  color: #ff3700;
  text-decoration: none;
}

.project-content .content-read-less .btn-content[aria-expanded="true"] {
  display: none;
}

.amcws-nav-tabs .paragraph--type--related-content {
  padding: 2.5rem 0 !important;
}

.related-coating .coating {
  width: auto;
}

.related-coating .coating > img {
  width: 12.5em;
}

.project-map {
  padding: 5rem;
  background-color: #d9d9d9;
}

.project-map h2 {
  background-color: #d9d9d9;
  max-width: 1200px;
  margin: auto;
}

.project-map > div {
  max-width: 1200px;
  margin: auto;
  position: relative;
}

.project-map div h5 {
  position: absolute;
  background-color: white;
  z-index: 10;
  top: 30px;
  left: -25px;
  width: fit-content;
  padding: 1em 1.5em;
  height: auto;
  box-shadow: 0 0 15px 0px #a0a5a5;
  max-width: 100%;
  word-wrap: break-word;
}

.project-map .leaflet-container .leaflet-top.leaflet-left {
  display: none;
}

/* CUSTOMER ACCOUNT */
/* Page content */
/* Account - My informations tab */
.page-content .readonly-details div {
  padding: 0.75em 0;
}

.page-content .readonly-details div div {
  padding: 0;
}

.page-content .readonly-details .detail-title,
.address_information_with_button .detail-title,
[data-drupal-selector=edit-review-payment-information-summary] div.profile .detail-title {
  color: #949494;
  min-width: 170px;
}

.page-content .readonly-details .detail-content .name,
.address_information_with_button .detail-content .name,
[data-drupal-selector=edit-review-payment-information-summary] div.profile .detail-content .name {
  color: #755b42;
  font-family: PoppinsSemiBold;
}

.page-content .readonly-details .detail-icon {
  position: absolute;
  left: 750px;
  background-image: url(../images/edit_icon.png);
  cursor: pointer;
  width: 1.25em;
  height: 1.25em;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-content .readonly-details .detail-icon:hover {
  background-image: url(../images/edit_icon_hover.png);
}

/* PRODUCTS LISTING */

/***** PRODUCT DETAIL PAGE *****/
.product-columns {
  padding: 2.5em 5rem;
}

.product-columns h2 {
  font-family: GilroySemiBold;
}

.product-description {
  margin-bottom: 1em;
}

.product-arguments,
.product-buttons {
  margin-bottom: 2.5em;
}

.product-buttons > div {
  width: fit-content;
}

.product-icons {
  max-width: 575px;
}

.product-icons > a {
  width: auto;
}

section.product-certifications > a{
  width: auto;
}

section.paragraph.paragraph--type--product-icons,
section.paragraph.paragraph--type--product-icon,
section.product-certification {
  padding: 0;
}

section.paragraph.paragraph--type--product-icon,
section.product-certification {
  width: 5.625em;
  height: 5.625em;
  border: 1px solid #ff3700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-body section.paragraph.paragraph--type--product-icon {
  width: 45px;
  height: 45px;
}

section.product-certification {
  border: none;
}

section.paragraph.paragraph--type--product-icon img,
section.product-certification img {
  padding: 0;
}

section.product-certification img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

section.paragraph.paragraph--type--product-icon div span::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section.paragraph.paragraph--type--product-icon div span.color-coating::after {
  background-image: url(../images/coating-grey.png);
  width: 40px;
  height: 40px;
}

section.paragraph.paragraph--type--product-icon div span.print-pdf::after {
  background-image: url(../images/download.png);
  width: 25px;
  height: 29px;
}

.product-columns section.paragraph.paragraph--type--product-icon div span.color-coating::after {
  width: 100%;
  height: 100%;
}

.card-body section.paragraph.paragraph--type--product-icon div span:not(.color-coating)::after,
.card-body section.paragraph.paragraph--type--product-icon img {
  width: 100%;
  height: 25px;
}

.product-tooltip {
  font-family: GilroyRegular;
}

/* Product carousel */
.splide {
  padding: 0;
}

#main-product-carousel {
  height: 500px;
  margin-bottom: 1em;
}

#main-product-carousel .splide__track {
  height: 100%;
  box-shadow: rgba(100, 100, 111, 0.15) 0 0 10px 0;
}

#thumbnail-product-carousel .splide__list .splide__slide {
  height: 120px !important;
  width: auto !important;
  border: unset;
}

#main-product-carousel .splide__list .splide__slide img,
#thumbnail-product-carousel .splide__list .splide__slide img,
#main-product-carousel .splide__list .splide__slide .leaderboard-video video,
#thumbnail-product-carousel .splide__list .splide__slide .leaderboard-video video {
  object-fit: contain;
}

#main-product-carousel .splide__list .splide__slide img,
#thumbnail-product-carousel .splide__list .splide__slide img,
#main-product-carousel .splide__list .splide__slide .leaderboard-video,
#main-product-carousel .splide__list .splide__slide .leaderboard-video video,
#thumbnail-product-carousel .splide__list .splide__slide .leaderboard-video,
#thumbnail-product-carousel .splide__list .splide__slide .leaderboard-video video {
  width: 100%;
  height: 100%;
}

#thumbnail-product-carousel .splide__list .splide__slide .leaderboard-video video {
  pointer-events: none;
}

#main-product-carousel .splide__arrows {
  display: flex;
  width: fit-content;
  position: absolute;
  bottom: 3em;
  left: 1.5em;
}

#main-product-carousel .splide__arrow {
  width: 42px;
  height: 42px;
  position: unset;
  transform: unset;
}

#main-product-carousel .splide__arrow:disabled {
  display: none;
}

#main-product-carousel .splide__arrow.splide__arrow--prev {
  left: unset;
}

#main-product-carousel .splide__arrow.splide__arrow--next {
  right: unset;
}

#main-product-carousel .splide__arrow.splide__arrow--prev::after,
#main-product-carousel .splide__arrow.splide__arrow--next::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 42px;
  width: 42px;
  height: 42px;
}

#main-product-carousel .splide__arrow.splide__arrow--prev::after {
  background-image: url(../images/svg/splide-arrow-left.svg);
}

#main-product-carousel .splide__arrow.splide__arrow--next::after {
  background-image: url(../images/svg/splide-arrow-right.svg);
}

.amcws-nav-tabs.product-nav {
  padding: 4em 1.5rem;
}

.amcws-nav-tabs #informations-tab-pane h5 {
  font-family: GilroySemiBold;
}

.amcws-nav-tabs #informations-tab-pane .values {
  margin-left: 1em;
}

.amcws-nav-tabs #informations-tab-pane .link .qr-code {
  background-color: #ebedef;
  width: 10.3125em;
  height: 10.3125em;
}

.amcws-nav-tabs #informations-tab-pane .link .btn-blue {
  background-color: #59b8ea;
  color: white;
}

.amcws-nav-tabs #informations-tab-pane .link p {
  background-color: #ebedef;
  padding: 1em 0.5em;
  border-radius: 0.375em;
  margin-top: 1em;
}

/***** SEARCH PAGE *****/
.search-results-number {
  padding: 2rem 5rem 0 5rem;
  background-color: #0072ce;
  color: white;
}

.search-breadcrumbs {
  background-color: #0072ce;
}

.search-breadcrumbs .leaderboard-breadcrumb {
  color: white;
  position: unset;
}

.search-breadcrumbs .leaderboard-breadcrumb ul li img {
  filter: unset;
}

/* Results listing generated container */
.search-container .views-infinite-scroll-content-wrapper {
  --bs-gutter-x: 0;
}

/* Results listing */
.search-results {
  padding: 0 5rem;
}

/* Exposed search form */
.search-container .views-exposed-form {
  display: flex;
  padding: 1rem 5rem;
  background-color: #0072ce;
}

.search-container .views-exposed-form .form-item-search-api-fulltext {
  width: 50%;
}

.search-container .views-exposed-form label {
  display: none;
}

.search-container .views-exposed-form input {
  border: none;
  border-bottom: 1px solid white;
  background: transparent;
  border-radius: unset;
  caret-color: white;
  color: white;
  padding: .375rem;
}

.search-container .views-exposed-form input::placeholder {
  color: white;
  opacity: .5;
}

.search-container .views-exposed-form .close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.search-container .views-exposed-form .close:hover {
  opacity: .75;
}

.search-container .views-exposed-form .close::after {
  color: #fff;
  content: "\d7";
  cursor: pointer;
  font-size: 1.25em;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: .5rem;
}

.search-container .views-exposed-form .form-submit {
  display: none;
}

/* Single result container */
.result {
  list-style: none;
}

.result h3 {
  font-family: GilroySemiBold, sans-serif;
}

.result h3 code {
  color: #ff3700;
  padding: 0 10px;
}

.result h3 span {
  color: #ff3700;
  text-transform: uppercase;
  font-size: 0.7em;
}

/** SCROLL TO TOP - All pages */
.scroll-top {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 100;
  border: none;
  outline: none;
  background-color: #755c42;
  cursor: pointer;
  padding: 15px;
  opacity: .5;
}

.scroll-top:hover {
  opacity: 1;
}

.scroll-top button {
  border: none;
}

.scroll-top i {
  color: #fff;
}

#user-login-form {
  padding: 5em;
}

details[data-drupal-selector^="edit-xmlsitemap"] {
  display: none;
}

.toast-container {
  padding: 0.75rem 0 0.75rem 1.5rem;
  top: 315px !important;
}

.toast-container > :not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast {
  border:1px solid #FF3700;
  border-radius:0;
  background-color: #FFFFFF;
}

.toast .toast-body :last-child {
  margin-bottom: 0;
}

/***** RESPONSIVE *****/
/** Very large devices */
@media (min-width: 1600px) {
  .col-xxxl-2-4-custom {
    width: 20%;
    flex: 0 0 auto;
  }
}

/** Very large devices */
@media (max-width: 1600px) {

  .newsroom-filters-container form div.form-item-field-tags-target-id .multiselect-container.dropdown-menu {
    min-width: 155px;
  }

  .newsroom-filters-container form div.form-item-sort-order .multiselect-container.dropdown-menu {
    min-width: 175px;
  }

  .document {
    padding: 0 4em 0 4em;
  }

  .document-listing-icon {
    padding: 2.5em 4em;
  }

  .document-listing-icon p {
    width: unset;
  }

  .paragraph--type--application .section-application h3 {
    font-size: 1.275em;
  }

  .paragraph--type--application .section-application .bottom-content > p,
  .paragraph--type--application .section-application .bottom-content > a {
    font-size: 1em;
  }

  .paragraph--type--application .section-application img {
    width: 100px !important;
  }

  .paragraph--type--application .section-application .bottom-content {
    min-height: 200px;
  }

  .paragraph--type--application {
    margin-bottom: -1px;
  }

  .highlighted .highlighted-row {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 0;
  }

  .highlighted .card-top {
    height: 250px;
  }

  .highlighted .card-title {
    font-size: 1.4375em !important;
  }

  #main-product-carousel {
    height: 400px;
  }
}

/** XX-Large devices */
@media (min-width: 1400px) {
  .col-xxl-2-4-custom {
    width: 20%;
    flex: 0 0 auto;
  }
}

/** XX-Large devices */
@media (max-width: 1400px) {

  body {
    font-size: 14px !important;
  }

  .project-logo img {
    max-width: 40px;
  }

  .project-icons img {
    height: 40px;
  }

  .newsroom-filters-container form div.form-item-field-tags-target-id .multiselect-container.dropdown-menu {
    min-width: 135px;
  }

  .newsroom-filters-container form div.form-item-sort-order .multiselect-container.dropdown-menu {
    min-width: 150px;
  }

  .paragraph--type--application {
    margin-top: unset;
  }

  .highlighted .highlighted-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
  }

  .documents-filters-container form div .multiselect span::after,
  .projects-filters-container form div .multiselect span::after {
    top: 12px;
  }

  /* Newsletter form */
  /* .newsletter-form > div {
    max-width: 300px;
  } */

  .newsletter-form h3 {
    font-size: 1.5rem;
  }

  .project-map div h5 {
    position: unset;
    box-shadow: unset;
  }

  #main-product-carousel {
    height: 350px;
  }

  #thumbnail-product-carousel .splide__list .splide__slide {
    height: 100px !important;
  }

  form.webform-submission-form .step-contact .contact-details {
    width: 50%;
  }

  .filters-section details summary::after {
    bottom: 2px;
  }
}

/** X-Large devices */
@media (max-width: 1200px) {
  #region-leaderboard.no_leaderboard_view.menu-opened,
  .filter-sort-container.menu-opened {
    transform: translate3d(26.5vw, 0, 0);
  }

  .leaderboard-headings.homepage--leaderboard-headings {
    transform: translate(-35%, -50%);
  }

  .swiper-carousels .left-split .swiper {
    overflow-clip-margin: 800px;
    clip-path: inset(-50px 0 0 -800px);
  }

  .swiper-carousels .right-split {
    padding: 2.5em 5rem 0;
  }

  .swiper-carousels .right-split .swiper {
    margin-left: 0;
  }

  .swiper-carousels .swiper-headings {
    max-width: unset;
  }

  .swiper-carousels .swiper-title {
    font-size: 3.3638em !important;
  }

  .swiper-carousels .swiper-subtitle {
    font-size: 1.6365em !important;
  }

  .project-logo img {
    max-width: 30px;
  }

  .project-icons img {
    height: 30px;
  }

  .newsroom-filters-container form div.form-item-field-tags-target-id .multiselect-container.dropdown-menu {
    min-width: 125px;
  }

  .newsroom-filters-container form div.form-item-sort-order .multiselect-container.dropdown-menu {
    min-width: 140px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig {
    padding: 3em 10em !important;
    width: calc(100% - 20em) !important;
  }

  .document {
    padding: 0 2.5em 0 2.5em;
  }

  .documents-listing-icon {
    padding: 2.5em;
  }

  .filter-search.menu-opened {
    left: calc(33% + 4px);
  }

  .paragraph--type--application .section-application h3 {
    font-size: 1.875em;
  }

  .paragraph--type--application .section-application .bottom-content > p,
  .paragraph--type--application .section-application .bottom-content > a {
    font-size: 1.25em;
  }

  /* Newsletter form */
  /* .newsletter-form > div {
    max-width: 240px;
  } */

  .newsletter-form h3{
    font-size: 1.25rem;
  }

  .paragraph--type--testimonial .logo img {
    width: 150px;
    height: 60px;
  }

  .project-icons a {
    width: 50%;
  }

  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:nth-child(3) .nav-link {
    border-right: 1px solid #ff3700;
  }

  .amcws-nav-tabs .nav-tabs .nav-link.active {
    box-shadow: inset 0 -4px 0 #FF3700;
  }

  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:not(:nth-last-child(-n+2)) .nav-link {
    border-bottom: 0;
  }

  form.webform-submission-form .step-contact.step-1 > div:first-child,
  form.webform-submission-form .step-contact .contact-details {
    width: 100%;
  }

  /* form.webform-submission-contact-form .step-contact.step-1 > div:last-child {
    margin: 0 0 2.5rem 0;
    border-left: unset;
  } */

  .amcws-nav-tabs .nav-tabs .nav-link {
    flex: 1 1 auto;
  }

  /* HOMEPAGE VIDEO */
  .homepage-video {
    padding: 5em;
  }

  .contact-webform #region-leaderboard.no_leaderboard,
  .contact-webform #block-matteri-content {
    max-width: 75%;
  }

  .contact-webform #drupal-messages {
    width: 75%;
  }
}

/** Large devices */
@media (max-width: 992px) {

  body {
    font-size: 12px !important;
  }

  #region-leaderboard {
    margin-top: unset;
  }

  #region-leaderboard.no_leaderboard_product {
    margin-top: 46px;
  }

  #region-leaderboard.no_leaderboard_view.menu-opened {
    transform: unset;
  }

  .views-element-container div.no_leaderboard {
    top: var(--header-height);
  }

  .views-element-container div.no_leaderboard div[class$="-view"],
  .views-element-container div.no_leaderboard div[class$="-views"] {
    padding: calc(var(--leaderboard-height) + 6.5rem) 0 calc(5em + 106px);
  }

  body.toolbar-vertical.gin--horizontal-toolbar .views-element-container div.no_leaderboard {
    top: unset;
  }

  /* a.cta-btn-dark,
  a.cta-btn-light,
  button.cta-btn-dark,
  button.cta-btn-light,
  div.cta-btn-dark a,
  div.cta-btn-light a,
  .btn-contact {
    min-width: 175px;
  } */

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    height: 1.5rem;
    width: 1.5rem;
  }

  .form-section {
    padding-left: 0;
  }

  .scroll-top {
    padding: 10px;
  }

  .paragraph--type--related-content.homepage--related-content .related-content.related-news .card-body,
  .paragraph--type--latest-news.homepage--latest-news .related-content.related-news .card-body {
    padding: 1rem 0.5rem;
  }

  .newsroom-filters-container form div.form-item-field-tags-target-id .multiselect-container.dropdown-menu {
    min-width: 110px;
  }

  .newsroom-filters-container form div.form-item-sort-order .multiselect-container.dropdown-menu {
    min-width: 125px;
  }

  .search-container .views-exposed-form .form-item-search-api-fulltext {
    width: 75%;
  }

  .leaderboard-headings.news--leaderboard-headings {
    width: 65%;
  }

  .leaderboard-breadcrumb {
    padding: 1.5rem 5rem 1.5rem;
  }

  .filters-section {
    position: absolute;
    z-index: 10;
    width: 30%;
    height: 100%;
    left: 74px;
    background-color: #e6ebf1;
    overflow-x: scroll;
  }

  .documents,
  .newsroom {
    position: relative;
  }

  .views-element-container div[class*="-filters-container"] form div .multiselect span {
    font-size: 1.25em;
  }

  .filter-search.menu-opened {
    left: 74px;
    z-index: 1;
  }

  .views-element-container.view-documents {
    min-height: 369px;
  }

  .highlighted .card-title {
    font-size: 1.6em !important;
  }

  .document-detail {
    flex-direction: column;
  }

  .document-download-section {
    margin-left: 0;
    min-width: unset;
    padding: 0 0 2.5rem;
  }

  .views-element-container div[class*="-filters-container"] form div .multiselect-container {
    font-size: 1em;
  }

  .documents-filters-container form div .multiselect span::after,
  .projects-filters-container form div .multiselect span::after {
    top: 8px;
    width: 16px;
  }

  /* Newsletter form */
  .newsletter-form {
    padding: 5em;
  }

  .newsletter-form .content-form > div {
    margin-bottom: 1rem;
    padding: 0;
  }

  .newsletter-form .content-form > div:first-child {
    align-items: start;
  }

  .newsletter-form .content-form > div:first-child h3 {
    max-width: unset;
  }

  .views-element-container div[class*="-filters-container"] form .multiselect-container.dropdown-menu {
    min-width: 150px;
  }

  .paragraph--type--testimonial .portrait {
    width: fit-content;
  }

  .filters-section details summary::after {
    bottom: 0;
  }

  form.webform-submission-contact-form .step-contact.step-1 > div,
  form.webform-submission-contact-form .step-contact.step-2 div[data-webform-key^="step_"],
  form.webform-submission-contact-form .step-contact.step-confirmation > div {
    padding: 2.5em 5em;
  }

  form.webform-submission-contact-form div[data-drupal-selector="edit-actions"] {
    padding: 0 5em 2.5em;
  }

  .carousel-item {
    height: 100vh;
  }

  .paragraph--type--text-and-image.homepage {
    height: 100%;
  }

  .paragraph--type--text-and-image.homepage div.text {
    padding: 5em;
  }

  section.paragraph.paragraph--type--products-list {
    height: 100%;
    flex-direction: column;
  }

  .paragraph--type--product {
    height: calc(100vh - var(--header-height));
  }

  .contact-webform {
    margin-top: var(--header-height);
  }

  .contact-message-newsletter-form-form #drupal-messages {
    margin: 0;
  }
}

/** Medium devices */
@media (max-width: 768px) {
  .paragraph--type--cta .cta-headings {
    width: 80%;
  }

  .paragraph--type--cta.cta-wide .cta-headings {
    width: 80%;
    padding: unset;
  }

  .paragraph--type--cta .cta-headings p {
    margin-bottom: 1rem;
  }

  .paragraph--type--cta .cta-headings div.cta-btn-dark,
  div.cta-btn-light {
    margin-left: 0;
  }

  .prevNode,
  .nextNode {
    width: 100%;
  }

  .node-pagination h3 {
    font-size: 1.4em;
  }

  .contact-message-contact-form-form .form-wrapper {
    width: 100%;
  }

  .paragraph--type--service .field-description {
    max-height: 70px;
    overflow: hidden;
  }

  .search-results-number {
    padding: 2rem 2rem 0 2rem;
  }

  .search-container .views-exposed-form {
    padding: 1rem 2rem;
  }

  .search-container .views-exposed-form .form-item-search-api-fulltext {
    width: 100%;
  }

  .search-breadcrumbs .leaderboard-breadcrumb {
    padding: 1rem 2rem 1.5rem;
  }

  .search-results {
    padding: 0 2rem;
  }

  .documents-filters-container form div .multiselect,
  .documents-filters-container form .multiselect-option {
    min-width: 250px;
  }

  .products-filters-container form div .multiselect {
    min-width: 130px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig {
    padding: 3em 10em !important;
    width: calc(100% - 20em) !important;
  }

  section.paragraph img,
  section.paragraph div.div-image,
  section.paragraph div img {
    width: 100% !important;
  }

  .paragraph--type--generic-content img[width].align-left,
  .paragraph--type--generic-content div.align-left img,
  .paragraph--type--generic-content figure.align-left img,
  .paragraph--type--free-text img[width].align-left,
  .paragraph--type--free-text div.align-left img,
  .paragraph--type--free-text figure.align-left img {
    padding-right: 0;
  }

  .paragraph--type--generic-content img[width].align-right,
  .paragraph--type--generic-content div.align-right img,
  .paragraph--type--generic-content figure.align-right img,
  .paragraph--type--free-text img[width].align-right,
  .paragraph--type--free-text div.align-right img,
  .paragraph--type--free-text figure.align-right img {
    padding-left: 0px;
  }

  .filters-section {
    width: 45%;
  }

  .documents.no_leaderboard .documents-views {
    padding: 30em 0 5em 0;
  }

  .documents .documents-views.menu-opened,
  .newsroom.menu-opened {
    transform: translate3d(45vw, 0, 0);
  }

  .documents-filters-container form div .multiselect {
    padding: 0;
    min-width: 210px;
  }

  .documents-filters-container form div .multiselect span::after {
    top: 10px;
  }

  .documents.no_leaderboard .filter-sort-container,
  .newsroom.no_leaderboard .filter-sort-container {
    padding: 23em 0 0 0;
    left: calc(74px + 2.5em);
  }

  .accordion-image + .accordion-text {
    margin-left: 0;
    margin-top: 1em;
  }

  .archives.cta-btn-dark {
    margin: 1rem 3.5rem;
  }

  .news-summary {
    order: 2;
  }

  .title-form-section {
    margin: 0 0 2.5rem 0;
  }

  .paragraph--type--text-and-image.image-right div.list_images,
  .paragraph--type--text-and-image.image-left div.list_images,
  .paragraph--type--text-and-image.image-right div.text,
  .paragraph--type--text-and-image.image-left div.text {
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph--type--testimonial .description {
    margin: 0;
    width: 100%;
  }

  section.paragraph--type--highlighted-content .headings {
    left: unset;
  }

  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:nth-child(2) .nav-link,
  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:nth-child(4) .nav-link {
    border-right: 1px solid #ff3700;
  }

  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:not(:last-child) .nav-link {
    border-bottom: 0;
  }

  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:nth-child(3) .nav-link {
    border-right: none;
  }

  .project-attributes {
    padding-left: 0;
  }

  section.paragraph.paragraph--type--cta.cta-centered .cta-headings,
  section.paragraph.paragraph--type--cta.cta-wide .cta-headings {
    width: unset;
  }

  .segments-personaes .offcanvas-body form.webform-submission-form .progress-step .progress-text {
    display: unset;
  }

  .paragraph--type--generic-content + .title-form-section {
    margin: 0 0 2.5rem 0;
  }
}

/** Small devices */
@media (max-width: 576px) {

  .w-25,
  .w-50,
  .w-75 {
    width: 100% !important;
  }

  .leaderboard-headings.news--leaderboard-headings {
    width: 80%;
  }

  #region-leaderboard.no_leaderboard {
    padding: 2.5rem 2.5rem 0;
  }

  .leaderboard-breadcrumb {
    padding: 1.5rem 2.5rem 1.5rem;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    height: 1rem;
    width: 1rem;
  }

  .node-pagination {
    padding: 3em 2.5rem;
  }

  .node-pagination h3,
  .node-pagination p {
    display: none;
  }

  .contact-message-contact-form-form {
    padding: 2.5rem;
  }

  #drupal-messages {
    margin: 0 2.5rem;
  }

  .scroll-top {
    padding: 5px;
  }

  section.content {
    padding: 2.5rem;
  }

  div.content {
    padding: 0 2.5rem;
  }

  section.paragraph--type--cta {
    padding: 1.5rem;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig {
    padding: 3em 5em !important;
    width: calc(100% - 10em) !important;
  }

  .related-content .card-top {
    height: 200px;
  }

  /* .leaderboard-cta {
    width: 77%;
  } */

  /* .leaderboard-headings h1, .leaderboard-cta h1 {
    font-size: 2.825em;
  } */

  .filters-section {
    width: 60%;
  }

  .documents .documents-views.menu-opened,
  .newsroom.menu-opened {
    transform: translate3d(60vw, 0, 0);
  }

  .documents .documents-views {
    padding: 10em 0 5em 0;
  }

  .filter-search #custom-search {
    font-size: 1em;
  }

  .related-content .card-top-tags span {
    font-size: 1.25em;
  }

  .content-map-title-container {
    padding: 2rem 2.5rem;
  }

  .highlighted .card-title {
    font-size: 1.4375em !important;
  }

  .filter-search #custom-search {
    padding: 1rem 2.5em;
  }

  section.paragraph.sketch {
    padding: 2.5rem 2.5rem 0;
  }

  .products .filter-sort-container.has_results {
    top: 28em;
  }

  .products .filter-sort-container.has_leaderboard.has_results {
    top: 16.5em;
  }

  .paragraph--type--related-documents {
    padding: 2.5rem 1.75rem !important;
  }

  .related-projects .related-content.large .card-body {
    padding: 0 2.5em;
  }

  .homepage-testimonial {
    padding: 0 2.5em;
  }

  .related-solutions .simplebar-track.simplebar-horizontal {
    width: 250px;
  }

  .paragraph--type--related-projects .related-content.large .card-body,
  .projects-view .related-content.large .card-body {
    position: unset;
    padding: 2.5em;
    transform: unset;
  }

  #main-product-carousel {
    height: 300px;
  }

  #thumbnail-product-carousel .splide__list .splide__slide {
    height: 80px !important;
  }

  .product-icon {
    width: 60px;
    height: 60px;
  }

  .amcws-nav-tabs {
    padding: 4em 2.5rem 0;
  }

  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:nth-child(1) .nav-link,
  .amcws-nav-tabs:not(.grey) .nav-tabs .nav-item:nth-child(3) .nav-link {
    border-right: 1px solid #ff3700;
  }

  .product-columns {
    padding: 0 2.5rem;
  }

  .node-pagination-light.product-pagination {
    padding: 1.5rem 2.5rem 2.5rem;
  }

  section.paragraph.paragraph--type--related-projects,
  section.paragraph.paragraph--type--related-products,
  section.paragraph.paragraph--type--latest-news {
    padding: 2.5rem;
  }

  .node-pagination-light.node-product,
  .node-pagination-light.node-project {
    padding: 2.5rem;
  }

  .project-title {
    padding: 0 2.5rem;
  }

  .project-title + div {
    padding: 2em 2.5rem 0;
  }

  .paragraph.paragraph--type--related-content,
  .paragraph--type--highlight,
  .paragraph--type--text-and-image,
  .project-map {
    padding: 2.5rem !important;
  }

  .swiper-carousels .right-split {
    padding: 2.5em 2.5rem 0;
  }

  .newsletter-form {
    padding: 2.5em;
  }

  .homepage-video {
    padding: 5em 2.5rem;
  }

  form.webform-submission-form {
    padding: 2.5rem;
  }

  form.webform-submission-contact-form {
    padding: 0 2.5rem;
    margin-bottom: 2.5rem;
  }

  .contact-webform #drupal-messages {
    padding: 0 2.5rem;
    width: 100%;
  }

  .contact-message-newsletter-form-form #drupal-messages {
    margin: 0;
  }

  .contact-webform #block-matteri-content {
    max-width: unset;
  }

  div.cta-btn-header a::after {
    content: unset;
  }

  .views-element-container div.no_leaderboard {
    top: 122px;
  }

  .views-element-container div.no_leaderboard div[class$="-view"],
  .views-element-container div.no_leaderboard div[class$="-views"] {
    padding: calc(var(--leaderboard-height) + 6.5rem) 0 calc(5em + 122px);
  }

  .document-download-section .modal-dialog {
    max-width: 95vw;
  }

  form.webform-submission-contact-form .step-contact.step-1 > div,
  form.webform-submission-contact-form .step-contact.step-2 div[data-webform-key^="step_"],
  form.webform-submission-contact-form .step-contact.step-confirmation > div {
    padding: 2.5em;
  }

  form.webform-submission-contact-form div[data-drupal-selector="edit-actions"] {
    padding: 0 2.5em 2.5em;
  }

  form.webform-submission-contact-form div[data-drupal-selector="edit-actions"] button {
    width: 100%;
  }

  form.webform-submission-contact-form fieldset[data-drupal-selector="edit-address"] div.form-item-address-postal-code,
  form.webform-submission-form fieldset[data-drupal-selector="edit-address"] div.form-item-address-city {
    width: 100%;
  }

  form.webform-submission-contact-form fieldset[data-drupal-selector="edit-address"] div.form-item-address-postal-code {
    margin-bottom: 2rem !important;
  }

  section.paragraph.paragraph--type--personaes-list {
    padding: 3.5em 2.5em 0;
  }

  .paragraph--type--product .accordion-item {
    padding: 2.5em;
  }

  .social-links {
    padding: 2.5em;
  }

  .contact-webform #region-leaderboard.no_leaderboard {
    margin-top: 2.5rem;
  }
}

/** Very small devices */
@media (max-width: 450px) {

  .row .contact-message-whitepaper-form-form,
  .row .form-page .contact-form {
    max-width: unset;
  }

  .row .contact-message-document-form-form,
  .row .document-download-section .download-help-text,
  .row .contact-message-whitepaper-form-form,
  .row .form-page .contact-form {
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
  }

  .document-download-section > section {
    min-width: 230px;
  }

  .title-form-section {
    margin: 0;
  }
}

p iframe {
  max-width: 100%;
}