@charset "UTF-8";
/* CSS Document */

footer {
  background-color: var(--brand-color-b);
  position: relative;
  z-index: 3;
  padding: 12rem 0 5rem 0;
}

footer .footer-validation {
  background-color: var(--brand-color-c);
  padding: 1.5rem 3.5rem .75rem 3.5rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  clip-path: polygon(8.25% 0%, 100% 0, 100% 74%, 91.75% 100%, 0 100%, 0% 26%);
  clip-path: polygon(
    6rem 0,
    100% 0,
    100% calc(100% - 5.375rem),
    calc(100% - 6rem) 100%,
    0 100%, 0 5.375rem
  );
}

footer .footer-validation .headline {
  margin-bottom: 1.175rem;
  font-weight: 500;
}

footer .footer-validation .validation-logos {
  max-width: 825px;
}

footer .footer-validation .validation-logos .validation-logo {
  margin: 0 2.25% 2.5% 2.25%;
}

footer .footer-validation .validation-logos .validation-logo:nth-of-type(1) { width: 20%; margin-left: 0; }
footer .footer-validation .validation-logos .validation-logo:nth-of-type(2) { width: 20%; }
footer .footer-validation .validation-logos .validation-logo:nth-of-type(3) { width: 23%; }
footer .footer-validation .validation-logos .validation-logo:nth-of-type(4) { width: 23%; margin-right: 0; }

footer .footer-validation .validation-logos .validation-logo:nth-of-type(5) { width: 14%; margin-left: 0; }
footer .footer-validation .validation-logos .validation-logo:nth-of-type(6) { width: 9%; }
footer .footer-validation .validation-logos .validation-logo:nth-of-type(7) { width: 19%; }
footer .footer-validation .validation-logos .validation-logo:nth-of-type(8) { width: 17%; margin-right: 0;}
footer .footer-validation .validation-logos .validation-logo:nth-of-type(9) { width: 17%; margin-right: 0;}

footer .footer-validation .validation-logos .validation-logo .image-container {

}

footer .footer-validation .validation-logos .validation-logo .image-container img {

}

footer .footer-content {
  margin-top: 3.5rem;
}

footer .footer-content .col--left {
  width: 300px;
}

footer .footer-content .col--left a {

}

footer .footer-content .col--left a img {

}

footer .footer-content .col--right {
  width: calc(100% - 300px);
  text-align: right;
}

footer .footer-content .col--right .col--social {
  margin-right: 1rem;
  text-align: left;
  width: 1.625rem;
}

footer .footer-content .col--right .col--social ul {

}

footer .footer-content .col--right .col--social ul li {
  margin-bottom: .25rem;
  list-style-type: none;
}

footer .footer-content .col--right .col--social ul li a {
  display: inline-block;
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: var(--brand-color-a);
  text-align: center;
  position: relative;
  transition: all ease-in-out 150ms;
}

footer .footer-content .col--right .col--social ul li a:hover {
  background-color: var(--brand-color-f);
  border-radius: 1rem;
}

footer .footer-content .col--right .col--social ul li a span {
  position: absolute;
  font-size: 0;
}

footer .footer-content .col--right .col--social ul li a svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
}

footer .footer-content .col--right .col--nav {
  text-align: left;
  width: calc(50% - .8125rem);
  max-width: 236px;
}

footer .footer-content .col--right .col--nav ul {

}

footer .footer-content .col--right .col--nav ul li {
  margin-bottom: .25rem;
  line-height: 1.125em;
  list-style-type: none;
}

footer .footer-content .col--right .col--nav ul li a {
  text-decoration: none;
  color: var(--text-color-light);
  font-size: .75rem;
  font-weight: 600;
  transition: all ease-in-out 100ms;
}

footer .footer-content .col--right .col--nav ul li a:hover {
  color: var(--brand-color-a);
}


footer .footer-content .col--right .col--company {
  max-width: 325px;
  text-align: left;
  width: calc(50% - .8125rem);
}

footer .footer-content .col--right .col--company .footer-description {
  font-size: 12px;
  color: var(--text-color-light);
  margin-bottom: 1.5rem;
  line-height: 1.875em;
}

footer .footer-content .col--right .col--company .col--email,
footer .footer-content .col--right .col--company .col--phone {

}

footer .footer-content .col--right .col--company .col--email {
  margin-right: 1.25rem;
}


footer .footer-content .col--right .col--company .col--phone {

}

footer .footer-content .col--right .col--company .col--email a,
footer .footer-content .col--right .col--company .col--phone a {
  font-weight: 600;
  font-size: 12px;
  text-decoration: none;
  color: var(--text-color-light);
  transition: all ease-in-out 100ms;
}

footer .footer-content .col--right .col--company .col--email a:hover,
footer .footer-content .col--right .col--company .col--phone a:hover {
  color: var(--brand-color-a);
}
























/* */