@charset "UTF-8";
@import url(../../node_modules/normalize.css/normalize.css);
@import url(lib/flex-grid.css);
/*************************************************************************

    General - Variables

*************************************************************************/
/*************************************************************************

    General - Functions

*************************************************************************/
/*************************************************************************

    General - Mixins

*************************************************************************/
h1,
.as-h1, h2,
.as-h2, h3,
.as-h3, h4,
.as-h4 {
  margin: 0; }

label[for], a[href], a[data-action], .button, button, .toggle-on-click {
  cursor: pointer; }

[class^="container"], [class*="-container"], .small-container, .medium-container, .large-container, .x-large-container {
  position: relative;
  margin: 0 auto; }

article.article .article--header .article--chapiter, .lightbox .lightbox--container .lightbox--content .chapiter {
  text-transform: uppercase;
  position: relative;
  padding-bottom: .5rem;
  margin-bottom: 3rem;
  display: inline-block; }
  article.article .article--header .article--chapiter::after, .lightbox .lightbox--container .lightbox--content .chapiter::after {
    content: '';
    position: absolute;
    width: 20vw;
    border-top: solid 1px #7474D8;
    bottom: 0;
    left: 0;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }

.articles-section:not(.no-article-hover) article:hover .article--chapiter::after, .top-articles .top-articles--slider .slide.highlight .article--chapiter::after {
  width: 25vw;
  border-color: #F64B4F; }

.articles-section:not(.no-article-hover) article:hover .article--title, .top-articles .top-articles--slider .slide.highlight .article--title {
  color: #F64B4F;
  transform: translateY(-1rem); }

.articles-section:not(.no-article-hover) article:hover .button, .top-articles .top-articles--slider .slide.highlight .button, .articles-section:not(.no-article-hover) article:hover button, .top-articles .top-articles--slider .slide.highlight button, .articles-section:not(.no-article-hover) article:hover .button, .top-articles .top-articles--slider .slide.highlight .button, .articles-section:not(.no-article-hover) article:hover button, .top-articles .top-articles--slider .slide.highlight button {
  background-color: #F64B4F;
  color: #ffffff; }
  .articles-section:not(.no-article-hover) article:hover .button [class^="icon-"], .top-articles .top-articles--slider .slide.highlight .button [class^="icon-"], .articles-section:not(.no-article-hover) article:hover button [class^="icon-"], .top-articles .top-articles--slider .slide.highlight button [class^="icon-"], .articles-section:not(.no-article-hover) article:hover .button [class^="icon-"], .top-articles .top-articles--slider .slide.highlight .button [class^="icon-"], .articles-section:not(.no-article-hover) article:hover button [class^="icon-"], .top-articles .top-articles--slider .slide.highlight button [class^="icon-"] {
    transform: rotate(90deg); }

article.article .article--header .article--title, body > footer .footer-container h3, .lightbox .lightbox--container .lightbox--content h3, .header-container .container-slider-nav .slider-nav--content, .header-container .--header h1 {
  font-size: clamp(25px, 2.4vw, 40px);
  line-height: 1.4em;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }

section.triple .main-triple .triple--grid .triple-content {
  position: relative; }
  section.triple .main-triple .triple--grid .triple-content::before {
    position: absolute;
    content: attr(data-hashtag);
    top: 0;
    left: 0;
    background-color: #7474D8;
    color: #ffffff;
    padding: .2rem .6rem;
    border-radius: 2rem;
    font-weight: bold; }

/*************************************************************************

    Reset CSS

*************************************************************************/
* {
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  height: 100%;
  overflow-x: hidden; }

body {
  padding: 0;
  min-height: -webkit-fill-available;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  font-display: fallback;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%; }

p:first-child {
  margin-top: 0;
  padding-top: 0; }

p:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

li:first-child {
  margin-top: 0;
  padding-top: 0; }

li:last-child {
  margin-bottom: 0;
  padding-bottom: 0; }

:empty, ::empty {
  display: none; }

textarea {
  resize: vertical; }

a {
  text-decoration: none;
  color: inherit; }

/*************************************************************************

    General - Fonts

*************************************************************************/
@font-face {
  font-family: 'icomoon';
  src: url(/wp-content/themes/neue/public/fonts/icomoon/icomoon.eot?7nxs44);
  src: url(/wp-content/themes/neue/public/fonts/icomoon/icomoon.eot?7nxs44#iefix) format("embedded-opentype"), url(/wp-content/themes/neue/public/fonts/icomoon/icomoon.ttf?7nxs44) format("truetype"), url(/wp-content/themes/neue/public/fonts/icomoon/icomoon.woff?7nxs44) format("woff"), url(/wp-content/themes/neue/public/fonts/icomoon/icomoon.svg?7nxs44#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-watch-part-1:before {
  content: "\e900"; }

.icon-watch-part-2:before {
  content: "\e901";
  color: #F64B4F; }

.icon-book-part-2:before {
  content: "\e902";
  color: #F64B4F; }

.icon-book-part-1:before {
  content: "\e903"; }

.icon-key:before {
  content: "\e904"; }

.icon-mail:before {
  content: "\e905"; }

.icon-phone:before {
  content: "\e907"; }

.icon-smile:before {
  content: "\e908"; }

.icon-linkedin:before {
  content: "\e909"; }

.icon-facebook:before {
  content: "\e90a"; }

.icon-instagram:before {
  content: "\e90b"; }

.icon-cross:before {
  content: "\e90c"; }

.icon-arrow:before {
  content: "\e90d"; }

/*************************************************************************

    General - Areas

*************************************************************************/
.dark-area {
  background-color: #29294C;
  color: #ffffff; }

.light-area {
  background-color: #E7EFF0;
  color: #333333; }

.success-area {
  background-color: green;
  color: #ffffff; }

.warning-area {
  background-color: orange;
  color: #ffffff; }

.error-area {
  background-color: red;
  color: #ffffff; }

.spacing-out-top-small, .spacing-out-v-small {
  margin-top: 1.5rem; }

.spacing-out-top-medium, .spacing-out-v-medium {
  margin-top: 3rem; }

.spacing-out-top-large, .spacing-out-v-large {
  margin-top: 5rem; }

.spacing-out-top-huge, .spacing-out-v-huge {
  margin-top: 14rem; }

.spacing-out-bottom-small, .spacing-out-v-small {
  margin-bottom: 1.5rem; }

.spacing-out-bottom-medium, .spacing-out-v-medium {
  margin-bottom: 3rem; }

.spacing-out-bottom-large, .spacing-out-v-large {
  margin-bottom: 5rem; }

.spacing-out-bottom-huge, .spacing-out-v-huge {
  margin-bottom: 14rem; }

.spacing-out-left-small, .spacing-out-h-small {
  margin-left: 1.5rem; }

.spacing-out-left-medium, .spacing-out-h-medium {
  margin-left: 3rem; }

.spacing-out-left-large, .spacing-out-h-large {
  margin-left: 5rem; }

.spacing-out-left-huge, .spacing-out-h-huge {
  margin-left: 14rem; }

.spacing-out-right-small, .spacing-out-h-small {
  margin-right: 1.5rem; }

.spacing-out-right-medium, .spacing-out-h-medium {
  margin-right: 3rem; }

.spacing-out-right-large, .spacing-out-h-large {
  margin-right: 5rem; }

.spacing-out-right-huge, .spacing-out-h-huge {
  margin-right: 14rem; }

@media (max-width: 480px) {
  .spacing-out-tmo-top-small, .spacing-out-tmo-v-small {
    margin-top: 1.5rem; }
  .spacing-out-tmo-top-medium, .spacing-out-tmo-v-medium {
    margin-top: 3rem; }
  .spacing-out-tmo-top-large, .spacing-out-tmo-v-large {
    margin-top: 5rem; }
  .spacing-out-tmo-top-huge, .spacing-out-tmo-v-huge {
    margin-top: 14rem; }
  .spacing-out-tmo-bottom-small, .spacing-out-tmo-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-tmo-bottom-medium, .spacing-out-tmo-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-tmo-bottom-large, .spacing-out-tmo-v-large {
    margin-bottom: 5rem; }
  .spacing-out-tmo-bottom-huge, .spacing-out-tmo-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-tmo-left-small, .spacing-out-tmo-h-small {
    margin-left: 1.5rem; }
  .spacing-out-tmo-left-medium, .spacing-out-tmo-h-medium {
    margin-left: 3rem; }
  .spacing-out-tmo-left-large, .spacing-out-tmo-h-large {
    margin-left: 5rem; }
  .spacing-out-tmo-left-huge, .spacing-out-tmo-h-huge {
    margin-left: 14rem; }
  .spacing-out-tmo-right-small, .spacing-out-tmo-h-small {
    margin-right: 1.5rem; }
  .spacing-out-tmo-right-medium, .spacing-out-tmo-h-medium {
    margin-right: 3rem; }
  .spacing-out-tmo-right-large, .spacing-out-tmo-h-large {
    margin-right: 5rem; }
  .spacing-out-tmo-right-huge, .spacing-out-tmo-h-huge {
    margin-right: 14rem; } }

@media (min-width: 481px) {
  .spacing-out-sm-top-small, .spacing-out-sm-v-small {
    margin-top: 1.5rem; }
  .spacing-out-sm-top-medium, .spacing-out-sm-v-medium {
    margin-top: 3rem; }
  .spacing-out-sm-top-large, .spacing-out-sm-v-large {
    margin-top: 5rem; }
  .spacing-out-sm-top-huge, .spacing-out-sm-v-huge {
    margin-top: 14rem; }
  .spacing-out-sm-bottom-small, .spacing-out-sm-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-sm-bottom-medium, .spacing-out-sm-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-sm-bottom-large, .spacing-out-sm-v-large {
    margin-bottom: 5rem; }
  .spacing-out-sm-bottom-huge, .spacing-out-sm-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-sm-left-small, .spacing-out-sm-h-small {
    margin-left: 1.5rem; }
  .spacing-out-sm-left-medium, .spacing-out-sm-h-medium {
    margin-left: 3rem; }
  .spacing-out-sm-left-large, .spacing-out-sm-h-large {
    margin-left: 5rem; }
  .spacing-out-sm-left-huge, .spacing-out-sm-h-huge {
    margin-left: 14rem; }
  .spacing-out-sm-right-small, .spacing-out-sm-h-small {
    margin-right: 1.5rem; }
  .spacing-out-sm-right-medium, .spacing-out-sm-h-medium {
    margin-right: 3rem; }
  .spacing-out-sm-right-large, .spacing-out-sm-h-large {
    margin-right: 5rem; }
  .spacing-out-sm-right-huge, .spacing-out-sm-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 481px) and (max-width: 720px) {
  .spacing-out-smo-top-small, .spacing-out-smo-v-small {
    margin-top: 1.5rem; }
  .spacing-out-smo-top-medium, .spacing-out-smo-v-medium {
    margin-top: 3rem; }
  .spacing-out-smo-top-large, .spacing-out-smo-v-large {
    margin-top: 5rem; }
  .spacing-out-smo-top-huge, .spacing-out-smo-v-huge {
    margin-top: 14rem; }
  .spacing-out-smo-bottom-small, .spacing-out-smo-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-smo-bottom-medium, .spacing-out-smo-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-smo-bottom-large, .spacing-out-smo-v-large {
    margin-bottom: 5rem; }
  .spacing-out-smo-bottom-huge, .spacing-out-smo-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-smo-left-small, .spacing-out-smo-h-small {
    margin-left: 1.5rem; }
  .spacing-out-smo-left-medium, .spacing-out-smo-h-medium {
    margin-left: 3rem; }
  .spacing-out-smo-left-large, .spacing-out-smo-h-large {
    margin-left: 5rem; }
  .spacing-out-smo-left-huge, .spacing-out-smo-h-huge {
    margin-left: 14rem; }
  .spacing-out-smo-right-small, .spacing-out-smo-h-small {
    margin-right: 1.5rem; }
  .spacing-out-smo-right-medium, .spacing-out-smo-h-medium {
    margin-right: 3rem; }
  .spacing-out-smo-right-large, .spacing-out-smo-h-large {
    margin-right: 5rem; }
  .spacing-out-smo-right-huge, .spacing-out-smo-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 721px) {
  .spacing-out-mm-top-small, .spacing-out-mm-v-small {
    margin-top: 1.5rem; }
  .spacing-out-mm-top-medium, .spacing-out-mm-v-medium {
    margin-top: 3rem; }
  .spacing-out-mm-top-large, .spacing-out-mm-v-large {
    margin-top: 5rem; }
  .spacing-out-mm-top-huge, .spacing-out-mm-v-huge {
    margin-top: 14rem; }
  .spacing-out-mm-bottom-small, .spacing-out-mm-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-mm-bottom-medium, .spacing-out-mm-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-mm-bottom-large, .spacing-out-mm-v-large {
    margin-bottom: 5rem; }
  .spacing-out-mm-bottom-huge, .spacing-out-mm-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-mm-left-small, .spacing-out-mm-h-small {
    margin-left: 1.5rem; }
  .spacing-out-mm-left-medium, .spacing-out-mm-h-medium {
    margin-left: 3rem; }
  .spacing-out-mm-left-large, .spacing-out-mm-h-large {
    margin-left: 5rem; }
  .spacing-out-mm-left-huge, .spacing-out-mm-h-huge {
    margin-left: 14rem; }
  .spacing-out-mm-right-small, .spacing-out-mm-h-small {
    margin-right: 1.5rem; }
  .spacing-out-mm-right-medium, .spacing-out-mm-h-medium {
    margin-right: 3rem; }
  .spacing-out-mm-right-large, .spacing-out-mm-h-large {
    margin-right: 5rem; }
  .spacing-out-mm-right-huge, .spacing-out-mm-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 721px) and (max-width: 992px) {
  .spacing-out-mmo-top-small, .spacing-out-mmo-v-small {
    margin-top: 1.5rem; }
  .spacing-out-mmo-top-medium, .spacing-out-mmo-v-medium {
    margin-top: 3rem; }
  .spacing-out-mmo-top-large, .spacing-out-mmo-v-large {
    margin-top: 5rem; }
  .spacing-out-mmo-top-huge, .spacing-out-mmo-v-huge {
    margin-top: 14rem; }
  .spacing-out-mmo-bottom-small, .spacing-out-mmo-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-mmo-bottom-medium, .spacing-out-mmo-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-mmo-bottom-large, .spacing-out-mmo-v-large {
    margin-bottom: 5rem; }
  .spacing-out-mmo-bottom-huge, .spacing-out-mmo-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-mmo-left-small, .spacing-out-mmo-h-small {
    margin-left: 1.5rem; }
  .spacing-out-mmo-left-medium, .spacing-out-mmo-h-medium {
    margin-left: 3rem; }
  .spacing-out-mmo-left-large, .spacing-out-mmo-h-large {
    margin-left: 5rem; }
  .spacing-out-mmo-left-huge, .spacing-out-mmo-h-huge {
    margin-bottom: 14rem; }
  .spacing-out-mmo-right-small, .spacing-out-mmo-h-small {
    margin-right: 1.5rem; }
  .spacing-out-mmo-right-medium, .spacing-out-mmo-h-medium {
    margin-right: 3rem; }
  .spacing-out-mmo-right-large, .spacing-out-mmo-h-large {
    margin-right: 5rem; }
  .spacing-out-mmo-right-huge, .spacing-out-mmo-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 993px) {
  .spacing-out-lm-top-small, .spacing-out-lm-v-small {
    margin-top: 1.5rem; }
  .spacing-out-lm-top-medium, .spacing-out-lm-v-medium {
    margin-top: 3rem; }
  .spacing-out-lm-top-large, .spacing-out-lm-v-large {
    margin-top: 5rem; }
  .spacing-out-lm-top-huge, .spacing-out-lm-v-huge {
    margin-top: 14rem; }
  .spacing-out-lm-bottom-small, .spacing-out-lm-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-lm-bottom-medium, .spacing-out-lm-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-lm-bottom-large, .spacing-out-lm-v-large {
    margin-bottom: 5rem; }
  .spacing-out-lm-bottom-huge, .spacing-out-lm-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-lm-left-small, .spacing-out-lm-h-small {
    margin-left: 1.5rem; }
  .spacing-out-lm-left-medium, .spacing-out-lm-h-medium {
    margin-left: 3rem; }
  .spacing-out-lm-left-large, .spacing-out-lm-h-large {
    margin-left: 5rem; }
  .spacing-out-lm-left-huge, .spacing-out-lm-h-huge {
    margin-left: 14rem; }
  .spacing-out-lm-right-small, .spacing-out-lm-h-small {
    margin-right: 1.5rem; }
  .spacing-out-lm-right-medium, .spacing-out-lm-h-medium {
    margin-right: 3rem; }
  .spacing-out-lm-right-large, .spacing-out-lm-h-large {
    margin-right: 5rem; }
  .spacing-out-lm-right-huge, .spacing-out-lm-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 993px) and (max-width: 1250px) {
  .spacing-out-lmo-top-small, .spacing-out-lmo-v-small {
    margin-top: 1.5rem; }
  .spacing-out-lmo-top-medium, .spacing-out-lmo-v-medium {
    margin-top: 3rem; }
  .spacing-out-lmo-top-large, .spacing-out-lmo-v-large {
    margin-top: 5rem; }
  .spacing-out-lmo-top-huge, .spacing-out-lmo-v-huge {
    margin-top: 14rem; }
  .spacing-out-lmo-bottom-small, .spacing-out-lmo-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-lmo-bottom-medium, .spacing-out-lmo-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-lmo-bottom-large, .spacing-out-lmo-v-large {
    margin-bottom: 5rem; }
  .spacing-out-lmo-bottom-huge, .spacing-out-lmo-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-lmo-left-small, .spacing-out-lmo-h-small {
    margin-left: 1.5rem; }
  .spacing-out-lmo-left-medium, .spacing-out-lmo-h-medium {
    margin-left: 3rem; }
  .spacing-out-lmo-left-large, .spacing-out-lmo-h-large {
    margin-left: 5rem; }
  .spacing-out-lmo-left-huge, .spacing-out-lmo-h-huge {
    margin-left: 14rem; }
  .spacing-out-lmo-right-small, .spacing-out-lmo-h-small {
    margin-right: 1.5rem; }
  .spacing-out-lmo-right-medium, .spacing-out-lmo-h-medium {
    margin-right: 3rem; }
  .spacing-out-lmo-right-large, .spacing-out-lmo-h-large {
    margin-right: 5rem; }
  .spacing-out-lmo-right-huge, .spacing-out-lmo-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 1251px) {
  .spacing-out-hm-top-small, .spacing-out-hm-v-small {
    margin-top: 1.5rem; }
  .spacing-out-hm-top-medium, .spacing-out-hm-v-medium {
    margin-top: 3rem; }
  .spacing-out-hm-top-large, .spacing-out-hm-v-large {
    margin-top: 5rem; }
  .spacing-out-hm-top-huge, .spacing-out-hm-v-huge {
    margin-top: 14rem; }
  .spacing-out-hm-bottom-small, .spacing-out-hm-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-hm-bottom-medium, .spacing-out-hm-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-hm-bottom-large, .spacing-out-hm-v-large {
    margin-bottom: 5rem; }
  .spacing-out-hm-bottom-huge, .spacing-out-hm-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-hm-left-small, .spacing-out-hm-h-small {
    margin-left: 1.5rem; }
  .spacing-out-hm-left-medium, .spacing-out-hm-h-medium {
    margin-left: 3rem; }
  .spacing-out-hm-left-large, .spacing-out-hm-h-large {
    margin-left: 5rem; }
  .spacing-out-hm-left-huge, .spacing-out-hm-h-huge {
    margin-left: 14rem; }
  .spacing-out-hm-right-small, .spacing-out-hm-h-small {
    margin-right: 1.5rem; }
  .spacing-out-hm-right-medium, .spacing-out-hm-h-medium {
    margin-right: 3rem; }
  .spacing-out-hm-right-large, .spacing-out-hm-h-large {
    margin-right: 5rem; }
  .spacing-out-hm-right-huge, .spacing-out-hm-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 993px) and (max-width: 2159px) {
  .spacing-out-hmo-top-small, .spacing-out-hmo-v-small {
    margin-top: 1.5rem; }
  .spacing-out-hmo-top-medium, .spacing-out-hmo-v-medium {
    margin-top: 3rem; }
  .spacing-out-hmo-top-large, .spacing-out-hmo-v-large {
    margin-top: 5rem; }
  .spacing-out-hmo-top-huge, .spacing-out-hmo-v-huge {
    margin-top: 14rem; }
  .spacing-out-hmo-bottom-small, .spacing-out-hmo-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-hmo-bottom-medium, .spacing-out-hmo-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-hmo-bottom-large, .spacing-out-hmo-v-large {
    margin-bottom: 5rem; }
  .spacing-out-hmo-bottom-huge, .spacing-out-hmo-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-hmo-left-small, .spacing-out-hmo-h-small {
    margin-left: 1.5rem; }
  .spacing-out-hmo-left-medium, .spacing-out-hmo-h-medium {
    margin-left: 3rem; }
  .spacing-out-hmo-left-large, .spacing-out-hmo-h-large {
    margin-left: 5rem; }
  .spacing-out-hmo-left-huge, .spacing-out-hmo-h-huge {
    margin-left: 14rem; }
  .spacing-out-hmo-right-small, .spacing-out-hmo-h-small {
    margin-right: 1.5rem; }
  .spacing-out-hmo-right-medium, .spacing-out-hmo-h-medium {
    margin-right: 3rem; }
  .spacing-out-hmo-right-large, .spacing-out-hmo-h-large {
    margin-right: 5rem; }
  .spacing-out-hmo-right-huge, .spacing-out-hmo-h-huge {
    margin-bottom: 14rem; } }

@media (min-width: 2160px) {
  .spacing-out-em-top-small, .spacing-out-em-v-small {
    margin-top: 1.5rem; }
  .spacing-out-em-top-medium, .spacing-out-em-v-medium {
    margin-top: 3rem; }
  .spacing-out-em-top-large, .spacing-out-em-v-large {
    margin-top: 5rem; }
  .spacing-out-em-top-huge, .spacing-out-em-v-huge {
    margin-top: 14rem; }
  .spacing-out-em-bottom-small, .spacing-out-em-v-small {
    margin-bottom: 1.5rem; }
  .spacing-out-em-bottom-medium, .spacing-out-em-v-medium {
    margin-bottom: 3rem; }
  .spacing-out-em-bottom-large, .spacing-out-em-v-large {
    margin-bottom: 5rem; }
  .spacing-out-em-bottom-huge, .spacing-out-em-v-huge {
    margin-bottom: 14rem; }
  .spacing-out-em-left-small, .spacing-out-em-h-small {
    margin-left: 1.5rem; }
  .spacing-out-em-left-medium, .spacing-out-em-h-medium {
    margin-left: 3rem; }
  .spacing-out-em-left-large, .spacing-out-em-h-large {
    margin-left: 5rem; }
  .spacing-out-em-left-huge, .spacing-out-em-h-huge {
    margin-left: 14rem; }
  .spacing-out-em-right-small, .spacing-out-em-h-small {
    margin-right: 1.5rem; }
  .spacing-out-em-right-medium, .spacing-out-em-h-medium {
    margin-right: 3rem; }
  .spacing-out-em-right-large, .spacing-out-em-h-large {
    margin-right: 5rem; }
  .spacing-out-em-right-huge, .spacing-out-em-h-huge {
    margin-bottom: 14rem; } }

.spacing-in-top-small, .spacing-in-v-small {
  padding-top: 1.5rem; }

.spacing-in-top-medium, .spacing-in-v-medium {
  padding-top: 3rem; }

.spacing-in-top-large, .spacing-in-v-large {
  padding-top: 5rem; }

.spacing-in-top-huge, .spacing-in-v-huge {
  padding-top: 14rem; }

.spacing-in-bottom-small, .spacing-in-v-small {
  padding-bottom: 1.5rem; }

.spacing-in-bottom-medium, .spacing-in-v-medium {
  padding-bottom: 3rem; }

.spacing-in-bottom-large, .spacing-in-v-large {
  padding-bottom: 5rem; }

.spacing-in-bottom-huge, .spacing-in-v-huge {
  padding-bottom: 14rem; }

.spacing-in-left-small, .spacing-in-h-small {
  padding-left: 1.5rem; }

.spacing-in-left-medium, .spacing-in-h-medium {
  padding-left: 3rem; }

.spacing-in-left-large, .spacing-in-h-large {
  padding-left: 5rem; }

.spacing-in-left-huge, .spacing-in-h-huge {
  padding-left: 14rem; }

.spacing-in-right-small, .spacing-in-h-small {
  padding-right: 1.5rem; }

.spacing-in-right-medium, .spacing-in-h-medium {
  padding-right: 3rem; }

.spacing-in-right-large, .spacing-in-h-large {
  padding-right: 5rem; }

.spacing-in-right-huge, .spacing-in-h-huge {
  padding-right: 14rem; }

@media (max-width: 480px) {
  .spacing-in-tmo-top-small, .spacing-in-tmo-v-small {
    padding-top: 1.5rem; }
  .spacing-in-tmo-top-medium, .spacing-in-tmo-v-medium {
    padding-top: 3rem; }
  .spacing-in-tmo-top-large, .spacing-in-tmo-v-large {
    padding-top: 5rem; }
  .spacing-in-tmo-top-huge, .spacing-in-tmo-v-huge {
    padding-top: 14rem; }
  .spacing-in-tmo-bottom-small, .spacing-in-tmo-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-tmo-bottom-medium, .spacing-in-tmo-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-tmo-bottom-large, .spacing-in-tmo-v-large {
    padding-bottom: 5rem; }
  .spacing-in-tmo-bottom-huge, .spacing-in-tmo-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-tmo-left-small, .spacing-in-tmo-h-small {
    padding-left: 1.5rem; }
  .spacing-in-tmo-left-medium, .spacing-in-tmo-h-medium {
    padding-left: 3rem; }
  .spacing-in-tmo-left-large, .spacing-in-tmo-h-large {
    padding-left: 5rem; }
  .spacing-in-tmo-left-huge, .spacing-in-tmo-h-huge {
    padding-left: 14rem; }
  .spacing-in-tmo-right-small, .spacing-in-tmo-h-small {
    padding-right: 1.5rem; }
  .spacing-in-tmo-right-medium, .spacing-in-tmo-h-medium {
    padding-right: 3rem; }
  .spacing-in-tmo-right-large, .spacing-in-tmo-h-large {
    padding-right: 5rem; }
  .spacing-in-tmo-right-huge, .spacing-in-tmo-h-huge {
    padding-right: 14rem; } }

@media (min-width: 481px) {
  .spacing-in-sm-top-small, .spacing-in-sm-v-small {
    padding-top: 1.5rem; }
  .spacing-in-sm-top-medium, .spacing-in-sm-v-medium {
    padding-top: 3rem; }
  .spacing-in-sm-top-large, .spacing-in-sm-v-large {
    padding-top: 5rem; }
  .spacing-in-sm-top-huge, .spacing-in-sm-v-huge {
    padding-top: 14rem; }
  .spacing-in-sm-bottom-small, .spacing-in-sm-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-sm-bottom-medium, .spacing-in-sm-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-sm-bottom-large, .spacing-in-sm-v-large {
    padding-bottom: 5rem; }
  .spacing-in-sm-bottom-huge, .spacing-in-sm-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-sm-left-small, .spacing-in-sm-h-small {
    padding-left: 1.5rem; }
  .spacing-in-sm-left-medium, .spacing-in-sm-h-medium {
    padding-left: 3rem; }
  .spacing-in-sm-left-large, .spacing-in-sm-h-large {
    padding-left: 5rem; }
  .spacing-in-sm-left-huge, .spacing-in-sm-h-huge {
    padding-left: 14rem; }
  .spacing-in-sm-right-small, .spacing-in-sm-h-small {
    padding-right: 1.5rem; }
  .spacing-in-sm-right-medium, .spacing-in-sm-h-medium {
    padding-right: 3rem; }
  .spacing-in-sm-right-large, .spacing-in-sm-h-large {
    padding-right: 5rem; }
  .spacing-in-sm-right-huge, .spacing-in-sm-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 481px) and (max-width: 720px) {
  .spacing-in-smo-top-small, .spacing-in-smo-v-small {
    padding-top: 1.5rem; }
  .spacing-in-smo-top-medium, .spacing-in-smo-v-medium {
    padding-top: 3rem; }
  .spacing-in-smo-top-large, .spacing-in-smo-v-large {
    padding-top: 5rem; }
  .spacing-in-smo-top-huge, .spacing-in-smo-v-huge {
    padding-top: 14rem; }
  .spacing-in-smo-bottom-small, .spacing-in-smo-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-smo-bottom-medium, .spacing-in-smo-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-smo-bottom-large, .spacing-in-smo-v-large {
    padding-bottom: 5rem; }
  .spacing-in-smo-bottom-huge, .spacing-in-smo-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-smo-left-small, .spacing-in-smo-h-small {
    padding-left: 1.5rem; }
  .spacing-in-smo-left-medium, .spacing-in-smo-h-medium {
    padding-left: 3rem; }
  .spacing-in-smo-left-large, .spacing-in-smo-h-large {
    padding-left: 5rem; }
  .spacing-in-smo-left-huge, .spacing-in-smo-h-huge {
    padding-left: 14rem; }
  .spacing-in-smo-right-small, .spacing-in-smo-h-small {
    padding-right: 1.5rem; }
  .spacing-in-smo-right-medium, .spacing-in-smo-h-medium {
    padding-right: 3rem; }
  .spacing-in-smo-right-large, .spacing-in-smo-h-large {
    padding-right: 5rem; }
  .spacing-in-smo-right-huge, .spacing-in-smo-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 721px) {
  .spacing-in-mm-top-small, .spacing-in-mm-v-small {
    padding-top: 1.5rem; }
  .spacing-in-mm-top-medium, .spacing-in-mm-v-medium {
    padding-top: 3rem; }
  .spacing-in-mm-top-large, .spacing-in-mm-v-large {
    padding-top: 5rem; }
  .spacing-in-mm-top-huge, .spacing-in-mm-v-huge {
    padding-top: 14rem; }
  .spacing-in-mm-bottom-small, .spacing-in-mm-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-mm-bottom-medium, .spacing-in-mm-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-mm-bottom-large, .spacing-in-mm-v-large {
    padding-bottom: 5rem; }
  .spacing-in-mm-bottom-huge, .spacing-in-mm-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-mm-left-small, .spacing-in-mm-h-small {
    padding-left: 1.5rem; }
  .spacing-in-mm-left-medium, .spacing-in-mm-h-medium {
    padding-left: 3rem; }
  .spacing-in-mm-left-large, .spacing-in-mm-h-large {
    padding-left: 5rem; }
  .spacing-in-mm-left-huge, .spacing-in-mm-h-huge {
    padding-left: 14rem; }
  .spacing-in-mm-right-small, .spacing-in-mm-h-small {
    padding-right: 1.5rem; }
  .spacing-in-mm-right-medium, .spacing-in-mm-h-medium {
    padding-right: 3rem; }
  .spacing-in-mm-right-large, .spacing-in-mm-h-large {
    padding-right: 5rem; }
  .spacing-in-mm-right-huge, .spacing-in-mm-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 721px) and (max-width: 992px) {
  .spacing-in-mmo-top-small, .spacing-in-mmo-v-small {
    padding-top: 1.5rem; }
  .spacing-in-mmo-top-medium, .spacing-in-mmo-v-medium {
    padding-top: 3rem; }
  .spacing-in-mmo-top-large, .spacing-in-mmo-v-large {
    padding-top: 5rem; }
  .spacing-in-mmo-top-huge, .spacing-in-mmo-v-huge {
    padding-top: 14rem; }
  .spacing-in-mmo-bottom-small, .spacing-in-mmo-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-mmo-bottom-medium, .spacing-in-mmo-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-mmo-bottom-large, .spacing-in-mmo-v-large {
    padding-bottom: 5rem; }
  .spacing-in-mmo-bottom-huge, .spacing-in-mmo-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-mmo-left-small, .spacing-in-mmo-h-small {
    padding-left: 1.5rem; }
  .spacing-in-mmo-left-medium, .spacing-in-mmo-h-medium {
    padding-left: 3rem; }
  .spacing-in-mmo-left-large, .spacing-in-mmo-h-large {
    padding-left: 5rem; }
  .spacing-in-mmo-left-huge, .spacing-in-mmo-h-huge {
    padding-bottom: 14rem; }
  .spacing-in-mmo-right-small, .spacing-in-mmo-h-small {
    padding-right: 1.5rem; }
  .spacing-in-mmo-right-medium, .spacing-in-mmo-h-medium {
    padding-right: 3rem; }
  .spacing-in-mmo-right-large, .spacing-in-mmo-h-large {
    padding-right: 5rem; }
  .spacing-in-mmo-right-huge, .spacing-in-mmo-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 993px) {
  .spacing-in-lm-top-small, .spacing-in-lm-v-small {
    padding-top: 1.5rem; }
  .spacing-in-lm-top-medium, .spacing-in-lm-v-medium {
    padding-top: 3rem; }
  .spacing-in-lm-top-large, .spacing-in-lm-v-large {
    padding-top: 5rem; }
  .spacing-in-lm-top-huge, .spacing-in-lm-v-huge {
    padding-top: 14rem; }
  .spacing-in-lm-bottom-small, .spacing-in-lm-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-lm-bottom-medium, .spacing-in-lm-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-lm-bottom-large, .spacing-in-lm-v-large {
    padding-bottom: 5rem; }
  .spacing-in-lm-bottom-huge, .spacing-in-lm-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-lm-left-small, .spacing-in-lm-h-small {
    padding-left: 1.5rem; }
  .spacing-in-lm-left-medium, .spacing-in-lm-h-medium {
    padding-left: 3rem; }
  .spacing-in-lm-left-large, .spacing-in-lm-h-large {
    padding-left: 5rem; }
  .spacing-in-lm-left-huge, .spacing-in-lm-h-huge {
    padding-left: 14rem; }
  .spacing-in-lm-right-small, .spacing-in-lm-h-small {
    padding-right: 1.5rem; }
  .spacing-in-lm-right-medium, .spacing-in-lm-h-medium {
    padding-right: 3rem; }
  .spacing-in-lm-right-large, .spacing-in-lm-h-large {
    padding-right: 5rem; }
  .spacing-in-lm-right-huge, .spacing-in-lm-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 993px) and (max-width: 1250px) {
  .spacing-in-lmo-top-small, .spacing-in-lmo-v-small {
    padding-top: 1.5rem; }
  .spacing-in-lmo-top-medium, .spacing-in-lmo-v-medium {
    padding-top: 3rem; }
  .spacing-in-lmo-top-large, .spacing-in-lmo-v-large {
    padding-top: 5rem; }
  .spacing-in-lmo-top-huge, .spacing-in-lmo-v-huge {
    padding-top: 14rem; }
  .spacing-in-lmo-bottom-small, .spacing-in-lmo-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-lmo-bottom-medium, .spacing-in-lmo-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-lmo-bottom-large, .spacing-in-lmo-v-large {
    padding-bottom: 5rem; }
  .spacing-in-lmo-bottom-huge, .spacing-in-lmo-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-lmo-left-small, .spacing-in-lmo-h-small {
    padding-left: 1.5rem; }
  .spacing-in-lmo-left-medium, .spacing-in-lmo-h-medium {
    padding-left: 3rem; }
  .spacing-in-lmo-left-large, .spacing-in-lmo-h-large {
    padding-left: 5rem; }
  .spacing-in-lmo-left-huge, .spacing-in-lmo-h-huge {
    padding-left: 14rem; }
  .spacing-in-lmo-right-small, .spacing-in-lmo-h-small {
    padding-right: 1.5rem; }
  .spacing-in-lmo-right-medium, .spacing-in-lmo-h-medium {
    padding-right: 3rem; }
  .spacing-in-lmo-right-large, .spacing-in-lmo-h-large {
    padding-right: 5rem; }
  .spacing-in-lmo-right-huge, .spacing-in-lmo-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 1251px) {
  .spacing-in-hm-top-small, .spacing-in-hm-v-small {
    padding-top: 1.5rem; }
  .spacing-in-hm-top-medium, .spacing-in-hm-v-medium {
    padding-top: 3rem; }
  .spacing-in-hm-top-large, .spacing-in-hm-v-large {
    padding-top: 5rem; }
  .spacing-in-hm-top-huge, .spacing-in-hm-v-huge {
    padding-top: 14rem; }
  .spacing-in-hm-bottom-small, .spacing-in-hm-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-hm-bottom-medium, .spacing-in-hm-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-hm-bottom-large, .spacing-in-hm-v-large {
    padding-bottom: 5rem; }
  .spacing-in-hm-bottom-huge, .spacing-in-hm-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-hm-left-small, .spacing-in-hm-h-small {
    padding-left: 1.5rem; }
  .spacing-in-hm-left-medium, .spacing-in-hm-h-medium {
    padding-left: 3rem; }
  .spacing-in-hm-left-large, .spacing-in-hm-h-large {
    padding-left: 5rem; }
  .spacing-in-hm-left-huge, .spacing-in-hm-h-huge {
    padding-left: 14rem; }
  .spacing-in-hm-right-small, .spacing-in-hm-h-small {
    padding-right: 1.5rem; }
  .spacing-in-hm-right-medium, .spacing-in-hm-h-medium {
    padding-right: 3rem; }
  .spacing-in-hm-right-large, .spacing-in-hm-h-large {
    padding-right: 5rem; }
  .spacing-in-hm-right-huge, .spacing-in-hm-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 993px) and (max-width: 2159px) {
  .spacing-in-hmo-top-small, .spacing-in-hmo-v-small {
    padding-top: 1.5rem; }
  .spacing-in-hmo-top-medium, .spacing-in-hmo-v-medium {
    padding-top: 3rem; }
  .spacing-in-hmo-top-large, .spacing-in-hmo-v-large {
    padding-top: 5rem; }
  .spacing-in-hmo-top-huge, .spacing-in-hmo-v-huge {
    padding-top: 14rem; }
  .spacing-in-hmo-bottom-small, .spacing-in-hmo-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-hmo-bottom-medium, .spacing-in-hmo-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-hmo-bottom-large, .spacing-in-hmo-v-large {
    padding-bottom: 5rem; }
  .spacing-in-hmo-bottom-huge, .spacing-in-hmo-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-hmo-left-small, .spacing-in-hmo-h-small {
    padding-left: 1.5rem; }
  .spacing-in-hmo-left-medium, .spacing-in-hmo-h-medium {
    padding-left: 3rem; }
  .spacing-in-hmo-left-large, .spacing-in-hmo-h-large {
    padding-left: 5rem; }
  .spacing-in-hmo-left-huge, .spacing-in-hmo-h-huge {
    padding-left: 14rem; }
  .spacing-in-hmo-right-small, .spacing-in-hmo-h-small {
    padding-right: 1.5rem; }
  .spacing-in-hmo-right-medium, .spacing-in-hmo-h-medium {
    padding-right: 3rem; }
  .spacing-in-hmo-right-large, .spacing-in-hmo-h-large {
    padding-right: 5rem; }
  .spacing-in-hmo-right-huge, .spacing-in-hmo-h-huge {
    padding-bottom: 14rem; } }

@media (min-width: 2160px) {
  .spacing-in-em-top-small, .spacing-in-em-v-small {
    padding-top: 1.5rem; }
  .spacing-in-em-top-medium, .spacing-in-em-v-medium {
    padding-top: 3rem; }
  .spacing-in-em-top-large, .spacing-in-em-v-large {
    padding-top: 5rem; }
  .spacing-in-em-top-huge, .spacing-in-em-v-huge {
    padding-top: 14rem; }
  .spacing-in-em-bottom-small, .spacing-in-em-v-small {
    padding-bottom: 1.5rem; }
  .spacing-in-em-bottom-medium, .spacing-in-em-v-medium {
    padding-bottom: 3rem; }
  .spacing-in-em-bottom-large, .spacing-in-em-v-large {
    padding-bottom: 5rem; }
  .spacing-in-em-bottom-huge, .spacing-in-em-v-huge {
    padding-bottom: 14rem; }
  .spacing-in-em-left-small, .spacing-in-em-h-small {
    padding-left: 1.5rem; }
  .spacing-in-em-left-medium, .spacing-in-em-h-medium {
    padding-left: 3rem; }
  .spacing-in-em-left-large, .spacing-in-em-h-large {
    padding-left: 5rem; }
  .spacing-in-em-left-huge, .spacing-in-em-h-huge {
    padding-left: 14rem; }
  .spacing-in-em-right-small, .spacing-in-em-h-small {
    padding-right: 1.5rem; }
  .spacing-in-em-right-medium, .spacing-in-em-h-medium {
    padding-right: 3rem; }
  .spacing-in-em-right-large, .spacing-in-em-h-large {
    padding-right: 5rem; }
  .spacing-in-em-right-huge, .spacing-in-em-h-huge {
    padding-bottom: 14rem; } }

.spacing-viewport-out-top-small, .spacing-viewport-out-v-small {
  margin-top: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-top-small, .spacing-viewport-out-v-small {
      margin-top: 1vw; } }

.spacing-viewport-out-top-medium, .spacing-viewport-out-v-medium {
  margin-top: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-top-medium, .spacing-viewport-out-v-medium {
      margin-top: 2.5vw; } }

.spacing-viewport-out-top-large, .spacing-viewport-out-v-large {
  margin-top: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-top-large, .spacing-viewport-out-v-large {
      margin-top: 4vw; } }

.spacing-viewport-out-top-huge, .spacing-viewport-out-v-huge {
  margin-top: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-top-huge, .spacing-viewport-out-v-huge {
      margin-top: 8vw; } }

.spacing-viewport-out-bottom-small, .spacing-viewport-out-v-small {
  margin-bottom: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-bottom-small, .spacing-viewport-out-v-small {
      margin-bottom: 1vw; } }

.spacing-viewport-out-bottom-medium, .spacing-viewport-out-v-medium {
  margin-bottom: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-bottom-medium, .spacing-viewport-out-v-medium {
      margin-bottom: 2.5vw; } }

.spacing-viewport-out-bottom-large, .spacing-viewport-out-v-large {
  margin-bottom: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-bottom-large, .spacing-viewport-out-v-large {
      margin-bottom: 4vw; } }

.spacing-viewport-out-bottom-huge, .spacing-viewport-out-v-huge {
  margin-bottom: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-bottom-huge, .spacing-viewport-out-v-huge {
      margin-bottom: 8vw; } }

.spacing-viewport-out-left-small, .spacing-viewport-out-h-small {
  margin-left: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-left-small, .spacing-viewport-out-h-small {
      margin-left: 1vw; } }

.spacing-viewport-out-left-medium, .spacing-viewport-out-h-medium {
  margin-left: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-left-medium, .spacing-viewport-out-h-medium {
      margin-left: 2.5vw; } }

.spacing-viewport-out-left-large, .spacing-viewport-out-h-large {
  margin-left: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-left-large, .spacing-viewport-out-h-large {
      margin-left: 4vw; } }

.spacing-viewport-out-left-huge, .spacing-viewport-out-h-huge {
  margin-left: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-left-huge, .spacing-viewport-out-h-huge {
      margin-left: 8vw; } }

.spacing-viewport-out-right-small, .spacing-viewport-out-h-small {
  margin-right: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-right-small, .spacing-viewport-out-h-small {
      margin-right: 1vw; } }

.spacing-viewport-out-right-medium, .spacing-viewport-out-h-medium {
  margin-right: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-right-medium, .spacing-viewport-out-h-medium {
      margin-right: 2.5vw; } }

.spacing-viewport-out-right-large, .spacing-viewport-out-h-large {
  margin-right: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-right-large, .spacing-viewport-out-h-large {
      margin-right: 4vw; } }

.spacing-viewport-out-right-huge, .spacing-viewport-out-h-huge {
  margin-right: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-out-right-huge, .spacing-viewport-out-h-huge {
      margin-right: 8vw; } }

@media (max-width: 480px) {
  .spacing-viewport-out-tmo-top-small, .spacing-viewport-out-tmo-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-tmo-top-medium, .spacing-viewport-out-tmo-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-tmo-top-large, .spacing-viewport-out-tmo-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-tmo-top-huge, .spacing-viewport-out-tmo-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-tmo-bottom-small, .spacing-viewport-out-tmo-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-tmo-bottom-medium, .spacing-viewport-out-tmo-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-tmo-bottom-large, .spacing-viewport-out-tmo-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-tmo-bottom-huge, .spacing-viewport-out-tmo-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-tmo-left-small, .spacing-viewport-out-tmo-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-tmo-left-medium, .spacing-viewport-out-tmo-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-tmo-left-large, .spacing-viewport-out-tmo-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-tmo-left-huge, .spacing-viewport-out-tmo-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-tmo-right-small, .spacing-viewport-out-tmo-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-tmo-right-medium, .spacing-viewport-out-tmo-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-tmo-right-large, .spacing-viewport-out-tmo-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-tmo-right-huge, .spacing-viewport-out-tmo-h-huge {
    margin-right: 16vw; } }

@media (min-width: 481px) {
  .spacing-viewport-out-sm-top-small, .spacing-viewport-out-sm-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-sm-top-medium, .spacing-viewport-out-sm-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-sm-top-large, .spacing-viewport-out-sm-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-sm-top-huge, .spacing-viewport-out-sm-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-sm-bottom-small, .spacing-viewport-out-sm-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-sm-bottom-medium, .spacing-viewport-out-sm-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-sm-bottom-large, .spacing-viewport-out-sm-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-sm-bottom-huge, .spacing-viewport-out-sm-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-sm-left-small, .spacing-viewport-out-sm-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-sm-left-medium, .spacing-viewport-out-sm-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-sm-left-large, .spacing-viewport-out-sm-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-sm-left-huge, .spacing-viewport-out-sm-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-sm-right-small, .spacing-viewport-out-sm-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-sm-right-medium, .spacing-viewport-out-sm-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-sm-right-large, .spacing-viewport-out-sm-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-sm-right-huge, .spacing-viewport-out-sm-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 481px) and (max-width: 720px) {
  .spacing-viewport-out-smo-top-small, .spacing-viewport-out-smo-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-smo-top-medium, .spacing-viewport-out-smo-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-smo-top-large, .spacing-viewport-out-smo-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-smo-top-huge, .spacing-viewport-out-smo-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-smo-bottom-small, .spacing-viewport-out-smo-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-smo-bottom-medium, .spacing-viewport-out-smo-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-smo-bottom-large, .spacing-viewport-out-smo-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-smo-bottom-huge, .spacing-viewport-out-smo-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-smo-left-small, .spacing-viewport-out-smo-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-smo-left-medium, .spacing-viewport-out-smo-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-smo-left-large, .spacing-viewport-out-smo-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-smo-left-huge, .spacing-viewport-out-smo-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-smo-right-small, .spacing-viewport-out-smo-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-smo-right-medium, .spacing-viewport-out-smo-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-smo-right-large, .spacing-viewport-out-smo-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-smo-right-huge, .spacing-viewport-out-smo-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 721px) {
  .spacing-viewport-out-mm-top-small, .spacing-viewport-out-mm-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-mm-top-medium, .spacing-viewport-out-mm-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mm-top-large, .spacing-viewport-out-mm-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-mm-top-huge, .spacing-viewport-out-mm-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-mm-bottom-small, .spacing-viewport-out-mm-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-mm-bottom-medium, .spacing-viewport-out-mm-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mm-bottom-large, .spacing-viewport-out-mm-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-mm-bottom-huge, .spacing-viewport-out-mm-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-mm-left-small, .spacing-viewport-out-mm-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-mm-left-medium, .spacing-viewport-out-mm-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mm-left-large, .spacing-viewport-out-mm-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-mm-left-huge, .spacing-viewport-out-mm-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-mm-right-small, .spacing-viewport-out-mm-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-mm-right-medium, .spacing-viewport-out-mm-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mm-right-large, .spacing-viewport-out-mm-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-mm-right-huge, .spacing-viewport-out-mm-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 721px) and (max-width: 992px) {
  .spacing-viewport-out-mmo-top-small, .spacing-viewport-out-mmo-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-mmo-top-medium, .spacing-viewport-out-mmo-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mmo-top-large, .spacing-viewport-out-mmo-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-mmo-top-huge, .spacing-viewport-out-mmo-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-mmo-bottom-small, .spacing-viewport-out-mmo-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-mmo-bottom-medium, .spacing-viewport-out-mmo-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mmo-bottom-large, .spacing-viewport-out-mmo-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-mmo-bottom-huge, .spacing-viewport-out-mmo-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-mmo-left-small, .spacing-viewport-out-mmo-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-mmo-left-medium, .spacing-viewport-out-mmo-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mmo-left-large, .spacing-viewport-out-mmo-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-mmo-left-huge, .spacing-viewport-out-mmo-h-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-mmo-right-small, .spacing-viewport-out-mmo-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-mmo-right-medium, .spacing-viewport-out-mmo-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-mmo-right-large, .spacing-viewport-out-mmo-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-mmo-right-huge, .spacing-viewport-out-mmo-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 993px) {
  .spacing-viewport-out-lm-top-small, .spacing-viewport-out-lm-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-lm-top-medium, .spacing-viewport-out-lm-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lm-top-large, .spacing-viewport-out-lm-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-lm-top-huge, .spacing-viewport-out-lm-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-lm-bottom-small, .spacing-viewport-out-lm-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-lm-bottom-medium, .spacing-viewport-out-lm-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lm-bottom-large, .spacing-viewport-out-lm-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-lm-bottom-huge, .spacing-viewport-out-lm-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-lm-left-small, .spacing-viewport-out-lm-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-lm-left-medium, .spacing-viewport-out-lm-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lm-left-large, .spacing-viewport-out-lm-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-lm-left-huge, .spacing-viewport-out-lm-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-lm-right-small, .spacing-viewport-out-lm-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-lm-right-medium, .spacing-viewport-out-lm-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lm-right-large, .spacing-viewport-out-lm-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-lm-right-huge, .spacing-viewport-out-lm-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 993px) and (max-width: 1250px) {
  .spacing-viewport-out-lmo-top-small, .spacing-viewport-out-lmo-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-lmo-top-medium, .spacing-viewport-out-lmo-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lmo-top-large, .spacing-viewport-out-lmo-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-lmo-top-huge, .spacing-viewport-out-lmo-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-lmo-bottom-small, .spacing-viewport-out-lmo-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-lmo-bottom-medium, .spacing-viewport-out-lmo-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lmo-bottom-large, .spacing-viewport-out-lmo-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-lmo-bottom-huge, .spacing-viewport-out-lmo-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-lmo-left-small, .spacing-viewport-out-lmo-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-lmo-left-medium, .spacing-viewport-out-lmo-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lmo-left-large, .spacing-viewport-out-lmo-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-lmo-left-huge, .spacing-viewport-out-lmo-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-lmo-right-small, .spacing-viewport-out-lmo-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-lmo-right-medium, .spacing-viewport-out-lmo-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-lmo-right-large, .spacing-viewport-out-lmo-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-lmo-right-huge, .spacing-viewport-out-lmo-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 1251px) {
  .spacing-viewport-out-hm-top-small, .spacing-viewport-out-hm-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-hm-top-medium, .spacing-viewport-out-hm-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hm-top-large, .spacing-viewport-out-hm-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-hm-top-huge, .spacing-viewport-out-hm-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-hm-bottom-small, .spacing-viewport-out-hm-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-hm-bottom-medium, .spacing-viewport-out-hm-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hm-bottom-large, .spacing-viewport-out-hm-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-hm-bottom-huge, .spacing-viewport-out-hm-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-hm-left-small, .spacing-viewport-out-hm-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-hm-left-medium, .spacing-viewport-out-hm-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hm-left-large, .spacing-viewport-out-hm-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-hm-left-huge, .spacing-viewport-out-hm-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-hm-right-small, .spacing-viewport-out-hm-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-hm-right-medium, .spacing-viewport-out-hm-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hm-right-large, .spacing-viewport-out-hm-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-hm-right-huge, .spacing-viewport-out-hm-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 993px) and (max-width: 2159px) {
  .spacing-viewport-out-hmo-top-small, .spacing-viewport-out-hmo-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-hmo-top-medium, .spacing-viewport-out-hmo-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hmo-top-large, .spacing-viewport-out-hmo-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-hmo-top-huge, .spacing-viewport-out-hmo-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-hmo-bottom-small, .spacing-viewport-out-hmo-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-hmo-bottom-medium, .spacing-viewport-out-hmo-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hmo-bottom-large, .spacing-viewport-out-hmo-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-hmo-bottom-huge, .spacing-viewport-out-hmo-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-hmo-left-small, .spacing-viewport-out-hmo-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-hmo-left-medium, .spacing-viewport-out-hmo-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hmo-left-large, .spacing-viewport-out-hmo-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-hmo-left-huge, .spacing-viewport-out-hmo-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-hmo-right-small, .spacing-viewport-out-hmo-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-hmo-right-medium, .spacing-viewport-out-hmo-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-hmo-right-large, .spacing-viewport-out-hmo-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-hmo-right-huge, .spacing-viewport-out-hmo-h-huge {
    margin-bottom: 16vw; } }

@media (min-width: 2160px) {
  .spacing-viewport-out-em-top-small, .spacing-viewport-out-em-v-small {
    margin-top: 2vw; }
  .spacing-viewport-out-em-top-medium, .spacing-viewport-out-em-v-medium {
    margin-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-em-top-large, .spacing-viewport-out-em-v-large {
    margin-top: 8vw; }
  .spacing-viewport-out-em-top-huge, .spacing-viewport-out-em-v-huge {
    margin-top: 16vw; }
  .spacing-viewport-out-em-bottom-small, .spacing-viewport-out-em-v-small {
    margin-bottom: 2vw; }
  .spacing-viewport-out-em-bottom-medium, .spacing-viewport-out-em-v-medium {
    margin-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-em-bottom-large, .spacing-viewport-out-em-v-large {
    margin-bottom: 8vw; }
  .spacing-viewport-out-em-bottom-huge, .spacing-viewport-out-em-v-huge {
    margin-bottom: 16vw; }
  .spacing-viewport-out-em-left-small, .spacing-viewport-out-em-h-small {
    margin-left: 2vw; }
  .spacing-viewport-out-em-left-medium, .spacing-viewport-out-em-h-medium {
    margin-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-em-left-large, .spacing-viewport-out-em-h-large {
    margin-left: 8vw; }
  .spacing-viewport-out-em-left-huge, .spacing-viewport-out-em-h-huge {
    margin-left: 16vw; }
  .spacing-viewport-out-em-right-small, .spacing-viewport-out-em-h-small {
    margin-right: 2vw; }
  .spacing-viewport-out-em-right-medium, .spacing-viewport-out-em-h-medium {
    margin-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-out-em-right-large, .spacing-viewport-out-em-h-large {
    margin-right: 8vw; }
  .spacing-viewport-out-em-right-huge, .spacing-viewport-out-em-h-huge {
    margin-bottom: 16vw; } }

.spacing-viewport-in-top-small, .spacing-viewport-in-v-small {
  padding-top: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-top-small, .spacing-viewport-in-v-small {
      padding-top: 1vw; } }

.spacing-viewport-in-top-medium, .spacing-viewport-in-v-medium {
  padding-top: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-top-medium, .spacing-viewport-in-v-medium {
      padding-top: 2.5vw; } }

.spacing-viewport-in-top-large, .spacing-viewport-in-v-large {
  padding-top: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-top-large, .spacing-viewport-in-v-large {
      padding-top: 4vw; } }

.spacing-viewport-in-top-huge, .spacing-viewport-in-v-huge {
  padding-top: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-top-huge, .spacing-viewport-in-v-huge {
      padding-top: 8vw; } }

.spacing-viewport-in-bottom-small, .spacing-viewport-in-v-small {
  padding-bottom: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-bottom-small, .spacing-viewport-in-v-small {
      padding-bottom: 1vw; } }

.spacing-viewport-in-bottom-medium, .spacing-viewport-in-v-medium {
  padding-bottom: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-bottom-medium, .spacing-viewport-in-v-medium {
      padding-bottom: 2.5vw; } }

.spacing-viewport-in-bottom-large, .spacing-viewport-in-v-large {
  padding-bottom: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-bottom-large, .spacing-viewport-in-v-large {
      padding-bottom: 4vw; } }

.spacing-viewport-in-bottom-huge, .spacing-viewport-in-v-huge {
  padding-bottom: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-bottom-huge, .spacing-viewport-in-v-huge {
      padding-bottom: 8vw; } }

.spacing-viewport-in-left-small, .spacing-viewport-in-h-small {
  padding-left: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-left-small, .spacing-viewport-in-h-small {
      padding-left: 1vw; } }

.spacing-viewport-in-left-medium, .spacing-viewport-in-h-medium {
  padding-left: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-left-medium, .spacing-viewport-in-h-medium {
      padding-left: 2.5vw; } }

.spacing-viewport-in-left-large, .spacing-viewport-in-h-large {
  padding-left: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-left-large, .spacing-viewport-in-h-large {
      padding-left: 4vw; } }

.spacing-viewport-in-left-huge, .spacing-viewport-in-h-huge {
  padding-left: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-left-huge, .spacing-viewport-in-h-huge {
      padding-left: 8vw; } }

.spacing-viewport-in-right-small, .spacing-viewport-in-h-small {
  padding-right: 2vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-right-small, .spacing-viewport-in-h-small {
      padding-right: 1vw; } }

.spacing-viewport-in-right-medium, .spacing-viewport-in-h-medium {
  padding-right: clamp(20px, 4vw, 500px); }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-right-medium, .spacing-viewport-in-h-medium {
      padding-right: 2.5vw; } }

.spacing-viewport-in-right-large, .spacing-viewport-in-h-large {
  padding-right: 8vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-right-large, .spacing-viewport-in-h-large {
      padding-right: 4vw; } }

.spacing-viewport-in-right-huge, .spacing-viewport-in-h-huge {
  padding-right: 16vw; }
  @media screen and (min-width: 993px) {
    .spacing-viewport-in-right-huge, .spacing-viewport-in-h-huge {
      padding-right: 8vw; } }

@media (max-width: 480px) {
  .spacing-viewport-in-tmo-top-small, .spacing-viewport-in-tmo-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-tmo-top-medium, .spacing-viewport-in-tmo-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-tmo-top-large, .spacing-viewport-in-tmo-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-tmo-top-huge, .spacing-viewport-in-tmo-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-tmo-bottom-small, .spacing-viewport-in-tmo-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-tmo-bottom-medium, .spacing-viewport-in-tmo-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-tmo-bottom-large, .spacing-viewport-in-tmo-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-tmo-bottom-huge, .spacing-viewport-in-tmo-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-tmo-left-small, .spacing-viewport-in-tmo-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-tmo-left-medium, .spacing-viewport-in-tmo-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-tmo-left-large, .spacing-viewport-in-tmo-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-tmo-left-huge, .spacing-viewport-in-tmo-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-tmo-right-small, .spacing-viewport-in-tmo-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-tmo-right-medium, .spacing-viewport-in-tmo-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-tmo-right-large, .spacing-viewport-in-tmo-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-tmo-right-huge, .spacing-viewport-in-tmo-h-huge {
    padding-right: 16vw; } }

@media (min-width: 481px) {
  .spacing-viewport-in-sm-top-small, .spacing-viewport-in-sm-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-sm-top-medium, .spacing-viewport-in-sm-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-sm-top-large, .spacing-viewport-in-sm-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-sm-top-huge, .spacing-viewport-in-sm-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-sm-bottom-small, .spacing-viewport-in-sm-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-sm-bottom-medium, .spacing-viewport-in-sm-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-sm-bottom-large, .spacing-viewport-in-sm-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-sm-bottom-huge, .spacing-viewport-in-sm-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-sm-left-small, .spacing-viewport-in-sm-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-sm-left-medium, .spacing-viewport-in-sm-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-sm-left-large, .spacing-viewport-in-sm-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-sm-left-huge, .spacing-viewport-in-sm-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-sm-right-small, .spacing-viewport-in-sm-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-sm-right-medium, .spacing-viewport-in-sm-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-sm-right-large, .spacing-viewport-in-sm-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-sm-right-huge, .spacing-viewport-in-sm-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 481px) and (max-width: 720px) {
  .spacing-viewport-in-smo-top-small, .spacing-viewport-in-smo-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-smo-top-medium, .spacing-viewport-in-smo-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-smo-top-large, .spacing-viewport-in-smo-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-smo-top-huge, .spacing-viewport-in-smo-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-smo-bottom-small, .spacing-viewport-in-smo-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-smo-bottom-medium, .spacing-viewport-in-smo-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-smo-bottom-large, .spacing-viewport-in-smo-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-smo-bottom-huge, .spacing-viewport-in-smo-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-smo-left-small, .spacing-viewport-in-smo-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-smo-left-medium, .spacing-viewport-in-smo-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-smo-left-large, .spacing-viewport-in-smo-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-smo-left-huge, .spacing-viewport-in-smo-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-smo-right-small, .spacing-viewport-in-smo-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-smo-right-medium, .spacing-viewport-in-smo-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-smo-right-large, .spacing-viewport-in-smo-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-smo-right-huge, .spacing-viewport-in-smo-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 721px) {
  .spacing-viewport-in-mm-top-small, .spacing-viewport-in-mm-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-mm-top-medium, .spacing-viewport-in-mm-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mm-top-large, .spacing-viewport-in-mm-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-mm-top-huge, .spacing-viewport-in-mm-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-mm-bottom-small, .spacing-viewport-in-mm-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-mm-bottom-medium, .spacing-viewport-in-mm-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mm-bottom-large, .spacing-viewport-in-mm-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-mm-bottom-huge, .spacing-viewport-in-mm-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-mm-left-small, .spacing-viewport-in-mm-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-mm-left-medium, .spacing-viewport-in-mm-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mm-left-large, .spacing-viewport-in-mm-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-mm-left-huge, .spacing-viewport-in-mm-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-mm-right-small, .spacing-viewport-in-mm-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-mm-right-medium, .spacing-viewport-in-mm-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mm-right-large, .spacing-viewport-in-mm-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-mm-right-huge, .spacing-viewport-in-mm-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 721px) and (max-width: 992px) {
  .spacing-viewport-in-mmo-top-small, .spacing-viewport-in-mmo-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-mmo-top-medium, .spacing-viewport-in-mmo-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mmo-top-large, .spacing-viewport-in-mmo-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-mmo-top-huge, .spacing-viewport-in-mmo-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-mmo-bottom-small, .spacing-viewport-in-mmo-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-mmo-bottom-medium, .spacing-viewport-in-mmo-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mmo-bottom-large, .spacing-viewport-in-mmo-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-mmo-bottom-huge, .spacing-viewport-in-mmo-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-mmo-left-small, .spacing-viewport-in-mmo-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-mmo-left-medium, .spacing-viewport-in-mmo-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mmo-left-large, .spacing-viewport-in-mmo-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-mmo-left-huge, .spacing-viewport-in-mmo-h-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-mmo-right-small, .spacing-viewport-in-mmo-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-mmo-right-medium, .spacing-viewport-in-mmo-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-mmo-right-large, .spacing-viewport-in-mmo-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-mmo-right-huge, .spacing-viewport-in-mmo-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 993px) {
  .spacing-viewport-in-lm-top-small, .spacing-viewport-in-lm-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-lm-top-medium, .spacing-viewport-in-lm-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lm-top-large, .spacing-viewport-in-lm-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-lm-top-huge, .spacing-viewport-in-lm-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-lm-bottom-small, .spacing-viewport-in-lm-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-lm-bottom-medium, .spacing-viewport-in-lm-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lm-bottom-large, .spacing-viewport-in-lm-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-lm-bottom-huge, .spacing-viewport-in-lm-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-lm-left-small, .spacing-viewport-in-lm-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-lm-left-medium, .spacing-viewport-in-lm-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lm-left-large, .spacing-viewport-in-lm-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-lm-left-huge, .spacing-viewport-in-lm-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-lm-right-small, .spacing-viewport-in-lm-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-lm-right-medium, .spacing-viewport-in-lm-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lm-right-large, .spacing-viewport-in-lm-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-lm-right-huge, .spacing-viewport-in-lm-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 993px) and (max-width: 1250px) {
  .spacing-viewport-in-lmo-top-small, .spacing-viewport-in-lmo-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-lmo-top-medium, .spacing-viewport-in-lmo-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lmo-top-large, .spacing-viewport-in-lmo-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-lmo-top-huge, .spacing-viewport-in-lmo-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-lmo-bottom-small, .spacing-viewport-in-lmo-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-lmo-bottom-medium, .spacing-viewport-in-lmo-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lmo-bottom-large, .spacing-viewport-in-lmo-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-lmo-bottom-huge, .spacing-viewport-in-lmo-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-lmo-left-small, .spacing-viewport-in-lmo-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-lmo-left-medium, .spacing-viewport-in-lmo-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lmo-left-large, .spacing-viewport-in-lmo-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-lmo-left-huge, .spacing-viewport-in-lmo-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-lmo-right-small, .spacing-viewport-in-lmo-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-lmo-right-medium, .spacing-viewport-in-lmo-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-lmo-right-large, .spacing-viewport-in-lmo-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-lmo-right-huge, .spacing-viewport-in-lmo-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 1251px) {
  .spacing-viewport-in-hm-top-small, .spacing-viewport-in-hm-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-hm-top-medium, .spacing-viewport-in-hm-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hm-top-large, .spacing-viewport-in-hm-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-hm-top-huge, .spacing-viewport-in-hm-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-hm-bottom-small, .spacing-viewport-in-hm-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-hm-bottom-medium, .spacing-viewport-in-hm-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hm-bottom-large, .spacing-viewport-in-hm-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-hm-bottom-huge, .spacing-viewport-in-hm-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-hm-left-small, .spacing-viewport-in-hm-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-hm-left-medium, .spacing-viewport-in-hm-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hm-left-large, .spacing-viewport-in-hm-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-hm-left-huge, .spacing-viewport-in-hm-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-hm-right-small, .spacing-viewport-in-hm-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-hm-right-medium, .spacing-viewport-in-hm-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hm-right-large, .spacing-viewport-in-hm-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-hm-right-huge, .spacing-viewport-in-hm-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 993px) and (max-width: 2159px) {
  .spacing-viewport-in-hmo-top-small, .spacing-viewport-in-hmo-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-hmo-top-medium, .spacing-viewport-in-hmo-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hmo-top-large, .spacing-viewport-in-hmo-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-hmo-top-huge, .spacing-viewport-in-hmo-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-hmo-bottom-small, .spacing-viewport-in-hmo-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-hmo-bottom-medium, .spacing-viewport-in-hmo-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hmo-bottom-large, .spacing-viewport-in-hmo-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-hmo-bottom-huge, .spacing-viewport-in-hmo-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-hmo-left-small, .spacing-viewport-in-hmo-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-hmo-left-medium, .spacing-viewport-in-hmo-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hmo-left-large, .spacing-viewport-in-hmo-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-hmo-left-huge, .spacing-viewport-in-hmo-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-hmo-right-small, .spacing-viewport-in-hmo-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-hmo-right-medium, .spacing-viewport-in-hmo-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-hmo-right-large, .spacing-viewport-in-hmo-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-hmo-right-huge, .spacing-viewport-in-hmo-h-huge {
    padding-bottom: 16vw; } }

@media (min-width: 2160px) {
  .spacing-viewport-in-em-top-small, .spacing-viewport-in-em-v-small {
    padding-top: 2vw; }
  .spacing-viewport-in-em-top-medium, .spacing-viewport-in-em-v-medium {
    padding-top: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-em-top-large, .spacing-viewport-in-em-v-large {
    padding-top: 8vw; }
  .spacing-viewport-in-em-top-huge, .spacing-viewport-in-em-v-huge {
    padding-top: 16vw; }
  .spacing-viewport-in-em-bottom-small, .spacing-viewport-in-em-v-small {
    padding-bottom: 2vw; }
  .spacing-viewport-in-em-bottom-medium, .spacing-viewport-in-em-v-medium {
    padding-bottom: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-em-bottom-large, .spacing-viewport-in-em-v-large {
    padding-bottom: 8vw; }
  .spacing-viewport-in-em-bottom-huge, .spacing-viewport-in-em-v-huge {
    padding-bottom: 16vw; }
  .spacing-viewport-in-em-left-small, .spacing-viewport-in-em-h-small {
    padding-left: 2vw; }
  .spacing-viewport-in-em-left-medium, .spacing-viewport-in-em-h-medium {
    padding-left: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-em-left-large, .spacing-viewport-in-em-h-large {
    padding-left: 8vw; }
  .spacing-viewport-in-em-left-huge, .spacing-viewport-in-em-h-huge {
    padding-left: 16vw; }
  .spacing-viewport-in-em-right-small, .spacing-viewport-in-em-h-small {
    padding-right: 2vw; }
  .spacing-viewport-in-em-right-medium, .spacing-viewport-in-em-h-medium {
    padding-right: clamp(20px, 4vw, 500px); }
  .spacing-viewport-in-em-right-large, .spacing-viewport-in-em-h-large {
    padding-right: 8vw; }
  .spacing-viewport-in-em-right-huge, .spacing-viewport-in-em-h-huge {
    padding-bottom: 16vw; } }

/*************************************************************************

    Helpers - Containers

*************************************************************************/
[class^="container"], [class*="-container"] {
  width: 100%; }

.small-container {
  max-width: 600px; }

.medium-container {
  max-width: 1000px; }

.large-container {
  max-width: 1200px; }

.x-large-container {
  max-width: 1920px; }

/*************************************************************************

    Helpers - Wrapper

*************************************************************************/
[class^="wrapper"],
[class*="-wrapper"] {
  position: relative;
  width: 100%;
  height: 100%; }

.section--button-wrapper {
  display: flex;
  justify-content: center;
  height: unset; }

/*************************************************************************

    Helpers - Contents

*************************************************************************/
.tiny-content {
  max-width: 300px; }

.small-content {
  max-width: 600px; }

.half-content {
  max-width: 50%; }

/*************************************************************************

    Helpers - Text

*************************************************************************/
.txt-left {
  text-align: left; }

.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.txt-upper {
  text-transform: uppercase; }

.txt-lower {
  text-transform: lowercase; }

.txt-reverse {
  direction: rtl;
  unicode-bidi: bidi-override; }

/*************************************************************************

    Helpers - Commons

*************************************************************************/
.away {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
  z-index: -1; }

.no-overflow {
  overflow: hidden; }

.no-overflow-f {
  overflow: hidden !important; }

.no-transition-f {
  transition: none !important; }

.no-select {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

[class^="bg-img"],
[class*="bg-img"] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: transparent; }

.bg-img-portait {
  background-position-y: top; }

.bg-img-parallax {
  background-attachment: fixed; }

.bg-img-contain {
  background-size: contain; }

article.article .article--header {
  color: #29294C; }
  article.article .article--header .article--chapiter {
    font-family: "Poppins", sans-serif; }

article.article .article--content {
  margin-top: 2rem;
  display: flex;
  flex-direction: column; }
  article.article .article--content p:empty, article.article .article--content p::empty, article.article .article--content p::empty {
    display: none !important; }
  article.article .article--content img {
    width: 100%; }
  article.article .article--content .button, article.article .article--content button {
    align-self: flex-end; }

.committee article.article .article--chapiter {
  margin-bottom: .5rem; }

.committee article.article .article--content {
  margin-top: .5rem; }

/*************************************************************************

    Components - Heading tags

*************************************************************************/
/*************************************************************************

    Components - Inputs

*************************************************************************/
input {
  border: none;
  outline: none;
  background-color: transparent;
  width: 100%;
  padding-bottom: .5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='number'] {
  -moz-appearance: textfield; }
  input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: inherit; }

::-moz-placeholder {
  color: inherit; }

:-ms-input-placeholder {
  color: inherit; }

:-moz-placeholder {
  color: inherit; }

/*************************************************************************

    Components - Nav components

*************************************************************************/
/*************************************************************************

    Layout - HTML

*************************************************************************/
html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  margin: 0 !important;
  transition: opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  html > body {
    min-height: 100vh;
    /*height: 100vh;*/
    /* Fallback for browsers that do not support Custom Properties */ }
  html.init {
    opacity: 1 !important; }

/*************************************************************************

    Layout - Header

*************************************************************************/
/*************************************************************************

    Layout - Body

*************************************************************************/
body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: clamp(15px, 1.1vw, 20px);
  line-height: 1.7em; }
  body p, body [class$="-content"] {
    font-family: "Work Sans", sans-serif; }
  body ::selection {
    color: #ffffff;
    background-color: #7474D8; }
  body ::-moz-selection {
    color: #ffffff;
    background-color: #7474D8; }
  body ul {
    list-style-type: none; }
    body ul li {
      position: relative; }
      body ul li::before {
        content: '—';
        position: absolute;
        left: -1.5em; }
  body h2 {
    font-size: clamp(32px, 3vw, 100px);
    color: #7474D8;
    margin: 2rem 0;
    margin-top: 0;
    line-height: 1.2em; }
  body a {
    position: relative;
    z-index: 1; }
    body a:after {
      content: '';
      position: absolute;
      height: 1px;
      width: 100%;
      background-color: #F64B4F;
      bottom: 0;
      left: 0;
      z-index: -1;
      transition: height cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    body a:hover::after {
      height: 50%; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Poppins", sans-serif; }

.members {
  margin-bottom: 5rem; }

/*************************************************************************

    Elements - Main menu

*************************************************************************/
@media screen and (min-width: 993px) {
  html.menu-active {
    overflow-y: auto !important; }
    html.menu-active body {
      overflow-y: auto !important; } }

@media screen and (min-width: 993px) {
  body.menu-active {
    overflow-y: auto !important; } }

@media screen and (max-width: 992px) {
  body.menu-active .main-menu .main-menu--container {
    transform: translateY(0); }
    body.menu-active .main-menu .main-menu--container .main-menu--wrapper {
      opacity: 1;
      transform: translateY(0); } }

body.menu-active .main-menu .dropdown-menu {
  opacity: 1;
  height: 40em;
  pointer-events: unset; }
  @media screen and (min-width: 993px) {
    body.menu-active .main-menu .dropdown-menu {
      padding: 9rem 3rem 3rem 5rem;
      box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } }
  @media screen and (max-width: 992px) {
    body.menu-active .main-menu .dropdown-menu {
      padding: 0;
      height: auto; } }

body.menu-active .main-menu .burger-menu .burger-menu--lines {
  width: 0; }

body.menu-active .main-menu .burger-menu:after {
  width: 120%;
  transform: translateY(-0.85rem) rotate(45deg); }

body.menu-active .main-menu .burger-menu:before {
  width: 120%;
  transform: translateY(0.85rem) rotate(-45deg); }

@media screen and (max-width: 2159px) and (min-width: 1200px) {
  body.menu-active .main-menu .menu-container {
    padding: 0 15rem 0 10rem;
    transition-delay: 0s; } }

@media screen and (max-width: 992px) {
  body.menu-active .main-menu .menu-container {
    padding: 0; } }

.main-menu {
  display: flex;
  align-items: center;
  position: fixed;
  width: 100vw;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 3rem;
  height: 7rem; }
  @media screen and (min-width: 993px) {
    .main-menu {
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px); } }
  @media screen and (max-width: 992px) {
    .main-menu {
      background-color: transparent;
      padding: 0;
      align-items: flex-start; } }
  .main-menu .reading-line {
    position: absolute;
    top: 7rem;
    left: 0;
    width: 100vw; }
    @media screen and (max-width: 992px) {
      .main-menu .reading-line {
        top: 0; } }
    .main-menu .reading-line .reading-line--line {
      border-top: solid 0.15rem #7474D8;
      will-change: width; }
  .main-menu a, .main-menu .has-a {
    cursor: pointer; }
    .main-menu a:after, .main-menu .has-a:after {
      display: none; }
  .main-menu .main-menu--container {
    display: flex;
    justify-content: center;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    @media screen and (max-width: 992px) {
      .main-menu .main-menu--container {
        transform: translateY(-100vh);
        background-color: #ffffff;
        height: 100vh; } }
    @media screen and (max-width: 992px) {
      .main-menu .main-menu--container .main-menu--wrapper {
        padding-left: clamp(2rem, 8vw, 6rem);
        opacity: 0;
        transition: .3s ease .3s;
        transform: translateY(-25vh);
        overflow: hidden auto; } }
    .main-menu .main-menu--container .menu--logo {
      width: 10rem;
      position: absolute;
      height: 100%;
      left: 0; }
      @media screen and (max-width: 992px) {
        .main-menu .main-menu--container .menu--logo {
          z-index: 1;
          left: unset;
          height: 10vh;
          position: relative; } }
      .main-menu .main-menu--container .menu--logo h1 {
        display: block;
        width: 100%;
        height: 100%; }
        .main-menu .main-menu--container .menu--logo h1 a, .main-menu .main-menu--container .menu--logo h1 .has-a {
          display: block;
          width: 100%;
          height: 100%;
          background-image: url(/wp-content/themes/neue/public/img/comec-logo.svg);
          background-repeat: no-repeat;
          background-size: contain; }
    .main-menu .main-menu--container .menu-container {
      display: flex;
      justify-content: center;
      padding: 0 1rem 0 10rem;
      transition: padding cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
      transition-delay: .3s; }
      @media screen and (max-width: 992px) {
        .main-menu .main-menu--container .menu-container {
          padding: 0;
          height: auto;
          width: 100vw;
          flex-direction: column;
          margin-top: 2rem; }
          .main-menu .main-menu--container .menu-container .menu--nav-item {
            padding: 1rem 0;
            cursor: pointer; } }
    .main-menu .main-menu--container .menu-wrapper {
      padding: 2vw 2vw;
      max-width: 1000px;
      display: flex;
      z-index: 0; }
      @media screen and (max-width: 992px) {
        .main-menu .main-menu--container .menu-wrapper {
          height: 100vh;
          padding: 0;
          max-width: unset;
          height: auto; } }
      .main-menu .main-menu--container .menu-wrapper .menu--nav {
        display: flex;
        justify-content: space-between;
        width: 100%; }
        .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item {
          display: flex;
          align-items: center; }
          .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item a, .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item .has-a {
            color: #F64B4F;
            padding-left: .4rem;
            text-transform: uppercase;
            transform: translateY(0.08em); }
          .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item .menu--circle-link {
            position: relative;
            display: flex;
            width: 2rem;
            height: 2rem;
            border-radius: 50%;
            border: 1px solid #F64B4F;
            justify-content: center;
            align-items: center;
            padding: .4rem;
            overflow: hidden; }
            .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item .menu--circle-link > div {
              position: absolute;
              width: 1rem;
              transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
            .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item .menu--circle-link > div:first-child {
              opacity: 0; }
              .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item .menu--circle-link > div:first-child .arrow-container {
                transform: translateX(-100%); }
          @media screen and (min-width: 993px) {
            .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item:hover .menu--circle-link > div {
              transform: translateX(1rem);
              opacity: 0; }
            .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item:hover .menu--circle-link > div:first-child {
              opacity: 1; }
              .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item:hover .menu--circle-link > div:first-child .arrow-container {
                transform: translateX(-100%); } }
        @media screen and (max-width: 992px) {
          .main-menu .main-menu--container .menu-wrapper .menu--nav {
            flex-direction: column;
            align-items: flex-start; }
            .main-menu .main-menu--container .menu-wrapper .menu--nav .menu--nav-item {
              display: flex;
              justify-content: center; } }
  .main-menu .main-burger-menu {
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    border: solid 1px #F64B4F;
    width: 5rem;
    height: 5rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    @media screen and (max-width: 992px) {
      .main-menu .main-burger-menu {
        position: absolute; } }
    .main-menu .main-burger-menu .burger-menu {
      width: 3rem;
      height: 3rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: .6rem .4rem;
      flex-direction: column;
      position: relative;
      transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      .main-menu .main-burger-menu .burger-menu::before {
        height: 0.1rem;
        background: #F64B4F;
        content: '';
        width: 100%;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      .main-menu .main-burger-menu .burger-menu .burger-menu--lines {
        height: 0.1rem;
        background: #F64B4F;
        width: 100%;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      .main-menu .main-burger-menu .burger-menu::after {
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
        height: 0.1rem;
        background: #F64B4F;
        content: '';
        width: 100%; }
  .main-menu .dropdown-menu {
    color: #F64B4F;
    opacity: 0;
    pointer-events: none;
    min-width: 150px;
    background-color: #ffffff;
    position: absolute;
    right: -6rem;
    top: 0;
    line-height: 1.1em; }
    @media screen and (min-width: 993px) {
      .main-menu .dropdown-menu {
        padding: 0 3rem 0 5rem;
        height: 0;
        overflow: hidden;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.6s; } }
    @media screen and (max-width: 992px) {
      .main-menu .dropdown-menu {
        position: relative;
        height: auto;
        padding: 0 !important;
        box-shadow: none;
        margin-top: 4rem;
        opacity: 1; }
        .main-menu .dropdown-menu:before {
          content: "";
          position: absolute;
          top: -2rem;
          left: 0;
          height: 1px;
          width: 100%;
          background-color: #F64B4F; } }
    @media screen and (max-width: 992px) {
      .main-menu .dropdown-menu .dropdown-menu--wrapper .dropdown-menu--svg-wrapper {
        display: none; } }
    .main-menu .dropdown-menu .dropdown-menu--wrapper .dropdown-menu--svg-wrapper svg {
      position: absolute; }
      .main-menu .dropdown-menu .dropdown-menu--wrapper .dropdown-menu--svg-wrapper svg path.menu--spaghetto {
        fill: transparent;
        stroke: #F64B4F;
        stroke-width: 3;
        stroke-dasharray: 9 2000;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    @media screen and (max-width: 992px) {
      .main-menu .dropdown-menu {
        background-color: transparent; } }
    @media screen and (max-width: 992px) {
      .main-menu .dropdown-menu {
        padding: 5rem 0 0 5rem;
        height: 100%;
        left: 0; } }
    .main-menu .dropdown-menu .dropdown-menu--item {
      text-transform: uppercase;
      transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
      height: 3em;
      display: flex;
      align-items: center; }
      .main-menu .dropdown-menu .dropdown-menu--item.highlight {
        font-weight: bolder; }
    .main-menu .dropdown-menu .social-networks {
      border-top: solid 1px #7474D8; }

body:not(.menu-active) .main-burger-menu:hover .burger-menu {
  height: 3.5rem; }

body.menu-active .main-burger-menu:hover {
  background-color: #F64B4F; }
  body.menu-active .main-burger-menu:hover .burger-menu {
    transform: rotate(90deg); }
    body.menu-active .main-burger-menu:hover .burger-menu:before, body.menu-active .main-burger-menu:hover .burger-menu:after {
      background-color: #ffffff; }

@media screen and (min-width: 993px) {
  body .dropdown-menu {
    width: fit-content;
    height: auto !important; } }

@media screen and (min-width: 993px) {
  body .dropdown-menu--wrapper {
    display: flex; } }

body .dropdown-menu--svg-wrapper {
  display: none;
  height: auto;
  flex-basis: 10%; }
  body .dropdown-menu--svg-wrapper svg {
    width: 100%;
    height: 100%;
    top: .7em; }
    body .dropdown-menu--svg-wrapper svg path {
      stroke-dasharray: 20; }
  @media screen and (min-width: 993px) {
    body .dropdown-menu--svg-wrapper {
      display: block; } }

body .dropdown-menu--content {
  flex-basis: 90%; }

/*************************************************************************

    Layout - Menu trigger

*************************************************************************/
/*************************************************************************

    Layout - Menu languages

*************************************************************************/
/*************************************************************************

    Layout - Footer

*************************************************************************/
body > footer .footer--header {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 992px) {
    body > footer .footer--header {
      flex-direction: column; } }
  body > footer .footer--header .footer--header--contact {
    display: flex; }
    body > footer .footer--header .footer--header--contact .footer--contact--button:not(:last-child) {
      margin-right: 2vw; }

body > footer .footer--container {
  padding: 12vh 12vw clamp(120px, 12vh, 300px) 12vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  @media screen and (min-width: 993px) {
    body > footer .footer--container {
      padding: 8vh 12vw 2.6666666667vh 12vw; } }
  body > footer .footer--container .footer-nav {
    padding: 0; }
    @media screen and (max-width: 992px) {
      body > footer .footer--container .footer-nav {
        border-bottom: solid 1px #ffffff;
        padding-bottom: 1.5rem; } }
    body > footer .footer--container .footer-nav a {
      color: #F64B4F;
      text-transform: uppercase;
      display: block;
      margin: 0 0 2vh 0;
      width: fit-content;
      transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      body > footer .footer--container .footer-nav a::after {
        display: none; }
      body > footer .footer--container .footer-nav a:hover {
        color: #ffffff; }
    body > footer .footer--container .footer-nav .smile {
      right: unset;
      left: 8vw;
      top: 13rem;
      transform: rotate(79deg); }
      @media screen and (max-width: 720px) {
        body > footer .footer--container .footer-nav .smile {
          display: none; } }
      @media screen and (max-width: 992px) {
        body > footer .footer--container .footer-nav .smile {
          right: 9rem;
          left: auto; } }
  body > footer .footer--container .triple--grid {
    border: solid #ffffff 1px;
    border-width: 1px 0;
    padding: 5vh 0;
    display: flex; }
    @media screen and (max-width: 992px) {
      body > footer .footer--container .triple--grid {
        flex-direction: column; } }
    body > footer .footer--container .triple--grid .triple--grid-cell {
      width: calc(100% / 3); }
      @media screen and (max-width: 992px) {
        body > footer .footer--container .triple--grid .triple--grid-cell {
          width: 100%; } }
    body > footer .footer--container .triple--grid .triple-content {
      padding: 0 !important; }
  body > footer .footer--container .footer--contact--button {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #F64B4F;
    border-radius: 50%;
    margin-top: 1rem;
    color: #F64B4F;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    body > footer .footer--container .footer--contact--button:after {
      display: none; }
    body > footer .footer--container .footer--contact--button > span {
      font-size: 2.8rem; }
    body > footer .footer--container .footer--contact--button:hover {
      background-color: #F64B4F;
      color: #ffffff; }

body > footer .footer--credits {
  padding-top: 2rem;
  bottom: 3rem;
  width: calc( 100vw - (4vw * 6)); }
  body > footer .footer--credits .footer--credits--grid {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 992px) {
      body > footer .footer--credits .footer--credits--grid {
        flex-direction: column-reverse; } }

body > footer .social-networks-links a span {
  font-size: 2.8rem !important;
  margin: 0 .5vw; }

body > footer .footer-container {
  padding-top: 2vh; }
  @media screen and (min-width: 1250px) {
    body > footer .footer-container {
      display: flex; } }
  body > footer .footer-container .footer-container--grid:first-child .footer-container--grid--cell {
    padding-right: clamp(20px, 4vw, 500px); }
    @media screen and (max-width: 1250px) {
      body > footer .footer-container .footer-container--grid:first-child .footer-container--grid--cell {
        padding: 0; } }
  body > footer .footer-container .footer-container--grid:last-child .footer-container--grid--cell {
    padding-left: clamp(20px, 4vw, 500px); }
    @media screen and (max-width: 1250px) {
      body > footer .footer-container .footer-container--grid:last-child .footer-container--grid--cell {
        padding: 8vw 0 2vw 0; } }
  body > footer .footer-container label {
    margin: 4vh 0; }
  @media screen and (min-width: 1250px) {
    body > footer .footer-container .footer-nav {
      display: flex;
      justify-content: space-between; } }
  body > footer .footer-container .footer-input {
    position: relative;
    margin-top: 3rem; }
    body > footer .footer-container .footer-input input {
      color: #ffffff;
      position: relative;
      padding: .5rem .5rem 1rem .5rem;
      height: 2rem; }
    body > footer .footer-container .footer-input::before {
      content: '';
      position: absolute;
      height: 50%;
      width: 100%;
      border: solid #ffffff;
      border-width: 0 1px 1px 1px;
      bottom: 0;
      left: 0; }
  body > footer .footer-container label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative; }
    body > footer .footer-container label .input-checkbox {
      height: 1.5rem;
      width: 1.5rem;
      border: solid 0.1rem #F64B4F;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 1rem;
      flex-shrink: 0; }
      body > footer .footer-container label .input-checkbox:after {
        content: '';
        background-color: #F64B4F;
        border-radius: 50%;
        width: 0;
        height: 0;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.3s; }
    body > footer .footer-container label .label {
      font-weight: 400;
      transition: color cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    body > footer .footer-container label input {
      display: none; }
      body > footer .footer-container label input:checked ~ .input-checkbox:after {
        width: 1rem;
        height: 1rem; }

/*************************************************************************

    Elements - slider-nav

*************************************************************************/
.slider-nav .container {
  display: flex; }

.slider-nav .slider-nav--main-arrow {
  width: 100%;
  height: 3rem;
  margin: 0 .5rem;
  display: flex;
  align-items: center;
  cursor: pointer; }
  .slider-nav .slider-nav--main-arrow:first-child {
    transform: rotate(180deg); }
  .slider-nav .slider-nav--main-arrow .arrow-container {
    transition: transform cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  .slider-nav .slider-nav--main-arrow:hover .arrow-container {
    transform: translateX(10px); }
    .slider-nav .slider-nav--main-arrow:hover .arrow-container .arrow-line:after {
      width: 2rem;
      height: 2rem; }

/*************************************************************************

    Layout - Lightbox

*************************************************************************/
body.lightbox-article-active .lightbox-article {
  background: rgba(255, 255, 255, 0.7);
  pointer-events: unset;
  backdrop-filter: blur(5px);
  overflow-y: auto;
  z-index: 200;
  cursor: pointer; }
  body.lightbox-article-active .lightbox-article .lightbox--container {
    transform: translateY(0) rotate3d(1, 0, 0, 0);
    opacity: 1;
    cursor: default; }

body.lightbox-form-active .lightbox-form {
  background: rgba(255, 255, 255, 0.7);
  pointer-events: unset;
  backdrop-filter: blur(5px);
  overflow-y: auto;
  z-index: 201;
  cursor: pointer; }
  body.lightbox-form-active .lightbox-form .lightbox--container {
    transform: translateY(0) rotate3d(1, 0, 0, 0);
    opacity: 1;
    cursor: default; }

body.lightbox-gallery-active .lightbox-gallery {
  background: rgba(255, 255, 255, 0.7);
  pointer-events: unset;
  backdrop-filter: blur(5px);
  overflow-y: auto;
  z-index: 202;
  cursor: pointer; }
  body.lightbox-gallery-active .lightbox-gallery .lightbox--container {
    transform: translateY(0) rotate3d(1, 0, 0, 0);
    opacity: 1;
    cursor: default; }

.lightbox {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: transparent;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
  perspective: 1000px;
  backdrop-filter: blur(0); }
  .lightbox .lightbox--container {
    background-color: #ffffff;
    padding: 3rem 3rem 3rem 8vw;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    width: 80vw;
    margin-top: 10vh;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.7s;
    transform: translateY(-30vh) rotate3d(1, 0, 0, 10deg);
    opacity: 0; }
    @media screen and (max-width: 992px) {
      .lightbox .lightbox--container {
        width: 100vw;
        padding: 4vh; } }
    .lightbox .lightbox--container > header {
      width: 100%;
      display: flex;
      justify-content: flex-end; }
      .lightbox .lightbox--container > header .cross {
        width: 5rem;
        height: 5rem;
        position: absolute;
        border-radius: 50%;
        border: solid 0.1px #F64B4F;
        color: #F64B4F;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        transform: rotate(0deg); }
        .lightbox .lightbox--container > header .cross:hover {
          color: #ffffff;
          background-color: #F64B4F;
          transform: rotate(90deg); }
          .lightbox .lightbox--container > header .cross:hover::before {
            background-color: #ffffff; }
          .lightbox .lightbox--container > header .cross:hover::after {
            background-color: #ffffff; }
        .lightbox .lightbox--container > header .cross::before {
          content: '';
          position: absolute;
          height: 1px;
          width: 50%;
          background-color: #F64B4F;
          transform: rotate(45deg); }
        .lightbox .lightbox--container > header .cross::after {
          content: '';
          position: absolute;
          height: 1px;
          width: 50%;
          background-color: #F64B4F;
          transform: rotate(-45deg); }
    .lightbox .lightbox--container .lightbox--content {
      padding: 1.5rem 5rem 0 0; }
      .lightbox .lightbox--container .lightbox--content .chapiter {
        margin-bottom: 0; }
      .lightbox .lightbox--container .lightbox--content p {
        margin: 0 0 2rem 0; }
      .lightbox .lightbox--container .lightbox--content .wp-block-column p {
        margin: 1.5rem 0; }
      .lightbox .lightbox--container .lightbox--content h3 {
        margin-bottom: 3rem; }
      .lightbox .lightbox--container .lightbox--content .button, .lightbox .lightbox--container .lightbox--content button {
        margin-bottom: 3rem; }
  .lightbox .lightbox--form.sended > div {
    display: none; }
  .lightbox .lightbox--form .ajax-message {
    margin: 1.5rem;
    display: flex;
    padding: 1.5rem; }
  .lightbox .lightbox--form .row {
    width: 100%;
    display: flex; }
    @media screen and (max-width: 992px) {
      .lightbox .lightbox--form .row {
        flex-direction: column; } }
    .lightbox .lightbox--form .row .col {
      width: 50%; }
      @media screen and (max-width: 992px) {
        .lightbox .lightbox--form .row .col {
          width: 90%; } }
  .lightbox .lightbox--form .col {
    width: 100%;
    margin: 1.5rem; }
  .lightbox .lightbox--form input {
    border-bottom: solid #E7EFF0 1px;
    position: relative; }
  .lightbox .lightbox--form label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative; }
    .lightbox .lightbox--form label.required:after {
      content: '*';
      color: #F64B4F;
      right: 0;
      top: 0;
      margin-left: 0.75rem; }
    .lightbox .lightbox--form label .input-checkbox {
      height: 1.5rem;
      width: 1.5rem;
      border: solid 0.1rem #F64B4F;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 1rem;
      flex-shrink: 0; }
      .lightbox .lightbox--form label .input-checkbox:after {
        content: '';
        background-color: #F64B4F;
        border-radius: 50%;
        width: 0;
        height: 0;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.3s; }
    .lightbox .lightbox--form label .label {
      font-weight: 600;
      transition: color cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    .lightbox .lightbox--form label input {
      display: none; }
      .lightbox .lightbox--form label input:checked ~ .input-checkbox:after {
        width: 1rem;
        height: 1rem; }
  .lightbox .lightbox--form .form-registration label {
    text-transform: uppercase; }
  .lightbox .lightbox--form .form-registration input:focus {
    border-color: #F64B4F; }
  .lightbox .lightbox--form textarea {
    width: 100%;
    background-color: #F4F4F4;
    border: 0;
    padding: 1.5rem; }
  .lightbox .lightbox--form input {
    line-height: 1.25em; }
  .lightbox.lightbox-gallery {
    overflow: hidden; }
    .lightbox.lightbox-gallery .lightbox--container {
      height: 100vh;
      margin-top: 0;
      width: 100vw;
      overflow: hidden; }
      .lightbox.lightbox-gallery .lightbox--container .lightbox--close-button {
        z-index: 6; }
      .lightbox.lightbox-gallery .lightbox--container .lightbox--content {
        height: 100%;
        padding: 0; }
        .lightbox.lightbox-gallery .lightbox--container .lightbox--content .simple-slider {
          height: 100%; }
          .lightbox.lightbox-gallery .lightbox--container .lightbox--content .simple-slider .slide {
            opacity: 1 !important;
            display: flex;
            justify-content: center;
            align-items: center; }
            .lightbox.lightbox-gallery .lightbox--container .lightbox--content .simple-slider .slide img {
              object-fit: cover;
              width: 100%;
              height: 100%;
              max-width: 65vw;
              max-height: 90vh; }
          .lightbox.lightbox-gallery .lightbox--container .lightbox--content .simple-slider nav {
            width: 100%;
            bottom: 50%;
            transform: translateY(50%);
            padding: 0 2vw; }
            .lightbox.lightbox-gallery .lightbox--container .lightbox--content .simple-slider nav .container {
              justify-content: space-between; }
            .lightbox.lightbox-gallery .lightbox--container .lightbox--content .simple-slider nav .slider-nav--main-arrow {
              width: 200px; }

/*************************************************************************

    Layout - Leader

*************************************************************************/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center; }
  .loader .loader--container {
    width: 10rem;
    height: 10rem; }
    .loader .loader--container svg {
      width: 100%;
      height: 100%; }

/*************************************************************************

    Elements - Lift

*************************************************************************/
body .lift {
  transform: translateY(150%);
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: solid 1px #F64B4F;
  color: #F64B4F;
  padding: 1.5rem;
  z-index: 99;
  cursor: pointer;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  body .lift .lift-icon {
    transform: rotate(-90deg); }
  body .lift:hover {
    background-color: #F64B4F;
    color: #ffffff; }
    body .lift:hover .arrow-container .arrow-line {
      background-color: #ffffff; }
      body .lift:hover .arrow-container .arrow-line:after {
        border-color: #ffffff; }
  body .lift .arrow-container {
    transform: rotate(-90deg); }

body .lift.active {
  transform: translateY(0); }

body .lift-icon {
  font-size: 1.5rem; }

/*************************************************************************

    Elements - Cookies banner

*************************************************************************/
.cookies-banner {
  position: fixed;
  top: 100%;
  width: 100%;
  height: auto;
  max-height: 100vh;
  z-index: 500;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  .cookies-banner.active {
    transform: translateY(-100%);
    visibility: visible; }
    .cookies-banner.active.reading {
      top: 0;
      transform: translateY(0); }
  .cookies-banner:not(.reading) {
    width: 100%; }
    @media screen and (min-width: 993px) {
      .cookies-banner:not(.reading) {
        width: 40vw; } }
  .cookies-banner .button, .cookies-banner button {
    max-width: unset; }
  .cookies-banner .button, .cookies-banner button {
    border: solid 1px #F64B4F;
    padding: .5rem 1rem;
    border-radius: 10rem;
    background: none;
    color: #F64B4F;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
    .cookies-banner .button:hover, .cookies-banner button:hover {
      background: #F64B4F;
      color: #ffffff; }
  .cookies-banner > .cookies-banner-wrapper {
    padding: 3rem;
    width: unset; }
    .cookies-banner > .cookies-banner-wrapper .content {
      position: relative;
      display: none;
      margin-top: 5rem; }
      .cookies-banner > .cookies-banner-wrapper .content:before {
        content: "";
        width: 100%;
        height: 1px; }
      .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--nav {
        flex-direction: column; }
        .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--nav a {
          position: relative; }
          .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--nav a:not(:last-child) {
            margin-bottom: 1.5rem; }
          .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--nav a:after {
            opacity: 0;
            bottom: -.5rem;
            left: 50%;
            transform: translateX(-50%); }
      .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--subtitle {
        margin-top: 5rem; }
      .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--section {
        margin-top: 5rem; }
        .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--section > .cookies-banner-section-title {
          font-weight: regular;
          color: #7474D8;
          font-size: clamp(1.2rem, 1.3vw, 2rem); }
        .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--section > p:not(:first-child) {
          margin-top: 1.5rem; }
        .cookies-banner > .cookies-banner-wrapper .content .cookies-banner--section ul > li:not(:first-child) {
          margin-top: 1.5rem; }
      .cookies-banner > .cookies-banner-wrapper .content footer {
        margin-top: 5rem; }
    .cookies-banner > .cookies-banner-wrapper > [class*="-container"] > p {
      margin-bottom: 3rem; }
  .cookies-banner h3 {
    color: #7474D8;
    font-size: clamp(1.8rem, 2vw, 4rem); }
  .cookies-banner small {
    color: #7474D8; }
  .cookies-banner footer {
    display: flex; }
    @media screen and (max-width: 480px) {
      .cookies-banner footer {
        flex-direction: column; } }
    @media screen and (max-width: 480px) {
      .cookies-banner footer > .button:first-child, .cookies-banner footer > button:first-child {
        margin-bottom: 1rem; } }
    @media screen and (min-width: 721px) {
      .cookies-banner footer > .button:first-child, .cookies-banner footer > button:first-child {
        margin-right: 1rem; } }
    .cookies-banner footer .button, .cookies-banner footer button {
      width: 100%;
      max-width: 300px;
      text-align: center;
      display: inline;
      margin-top: 0rem; }

/*************************************************************************

    Layouts - Social networks

*************************************************************************/
.social-networks .social-networks-links {
  display: flex; }
  .social-networks .social-networks-links a::after {
    display: none; }
  .social-networks .social-networks-links a span {
    color: #F64B4F;
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
    font-size: 1.5rem; }
    .social-networks .social-networks-links a span:hover {
      color: #ffffff; }

/*************************************************************************

    Elements - Header slider

*************************************************************************/
.header-container {
  width: 100vw;
  height: 100vh;
  position: relative; }
  .header-container .header-slider {
    width: 100%;
    height: 100%;
    background: #29294C; }
    .header-container .header-slider .slide {
      transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      .header-container .header-slider .slide .slide-img {
        width: 100%;
        height: 100%; }
  .header-container .container-slider-nav {
    width: auto;
    padding: 1.5rem;
    bottom: 30%;
    right: 6vw;
    align-self: flex-end;
    position: absolute;
    z-index: 1;
    border-radius: 2rem; }
    @media screen and (max-width: 992px) {
      .header-container .container-slider-nav {
        display: none;
        visibility: hidden; } }
    .header-container .container-slider-nav .slider-nav--content {
      line-height: 1.1em; }
      .header-container .container-slider-nav .slider-nav--content > span {
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
        cursor: pointer; }
        .header-container .container-slider-nav .slider-nav--content > span:hover {
          color: #F64B4F; }
        .header-container .container-slider-nav .slider-nav--content > span.active {
          color: #F64B4F; }
    .header-container .container-slider-nav .slider-nav {
      display: flex;
      justify-content: flex-start;
      margin-bottom: 1rem; }
      .header-container .container-slider-nav .slider-nav .container {
        display: flex;
        justify-content: space-between;
        width: clamp(200px, 35%, 500px);
        padding-top: 0.5rem;
        margin: 0; }
        .header-container .container-slider-nav .slider-nav .container .slider-nav--main-arrow {
          width: 100%;
          height: 3rem;
          margin: 0 .5rem;
          display: flex;
          align-items: center;
          cursor: pointer; }
          .header-container .container-slider-nav .slider-nav .container .slider-nav--main-arrow:first-child {
            transform: rotate(180deg); }
    .header-container .container-slider-nav .job-button-lightbox {
      position: absolute;
      bottom: 0;
      right: -2vw;
      margin: 0;
      transform: translate3d(0, 50%, 0); }
      @media screen and (max-width: 992px) {
        .header-container .container-slider-nav .job-button-lightbox {
          display: none;
          visibility: hidden; } }
  .header-container .job-button-lightbox.button, .header-container button.job-button-lightbox {
    background-color: #ffffff; }
    .header-container .job-button-lightbox.button:hover, .header-container button.job-button-lightbox:hover {
      background-color: #F64B4F; }
  .header-container .--header {
    position: absolute;
    bottom: 30%;
    left: 6vw;
    z-index: 2;
    padding-bottom: 4rem; }
    .header-container .--header h1 {
      line-height: 1.1em;
      font-weight: 400;
      background: rgba(41, 41, 76, 0.34);
      color: #ffffff;
      padding: 1.5rem;
      width: 40vw;
      max-width: 600px;
      z-index: 2;
      border-radius: 2rem; }
      @media screen and (max-width: 992px) {
        .header-container .--header h1 {
          background: #29294C;
          color: #ffffff;
          width: 90%;
          max-width: 600px; } }
    .header-container .--header > .job-button-lightbox {
      position: absolute;
      bottom: 0;
      right: 2vw;
      z-index: 2; }
      @media screen and (min-width: 993px) {
        .header-container .--header > .job-button-lightbox {
          display: none;
          visibility: hidden; } }

/*************************************************************************

    Elements - Arrows

*************************************************************************/
.default-arrow {
  height: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  .default-arrow:after {
    content: '';
    width: 100%;
    height: 100%;
    border: 100% solid #ffffff;
    border-left: none;
    border-bottom: none;
    transform: translateX(-20%) rotate(45deg);
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }

.pink-arrow {
  height: 1px;
  background-color: #F64B4F;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  .pink-arrow:after {
    content: '';
    width: 1rem;
    height: 1rem;
    border: 1px solid #F64B4F;
    border-left: none;
    border-bottom: none;
    transform: translateX(-0.2rem) rotate(45deg);
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }

.link-arrow {
  height: 1px;
  background-color: #F64B4F;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  .link-arrow:after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    border: 1px solid #F64B4F;
    border-left: none;
    border-bottom: none;
    transform: translateX(-0.1rem) rotate(45deg);
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }

.cross:after, .cross:before {
  content: '';
  position: absolute;
  display: block;
  width: 50%; }

.cross {
  position: relative;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 0;
  transition: all ease .3s;
  border-radius: 50%; }
  .cross:after {
    transform: rotate(-45deg); }
  .cross:before {
    transform: rotate(45deg); }
  .cross:hover {
    transform: rotate(90deg); }

.button, button {
  background: transparent;
  border: solid 1px #F64B4F;
  padding: 1.7rem 3rem;
  border-radius: 10rem;
  display: flex;
  align-items: center;
  width: fit-content;
  color: #F64B4F;
  margin-top: 3rem;
  transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.3s;
  cursor: pointer;
  outline: none; }
  button:after, .button:after {
    display: none; }
  .button:hover, button:hover {
    color: #ffffff;
    background-color: #F64B4F; }
    .button:hover span, button:hover span {
      transform: rotate(90deg); }
  .button span[class^="icon-"], button span[class^="icon-"] {
    display: inline-block;
    transition: transform cubic-bezier(0.66, 0, 0.19, 1) 0.3s;
    margin-left: 1rem;
    font-size: 1.5rem; }
  button.center, .center.button {
    margin: 0 auto; }

/*************************************************************************

    Elements - Section testimonial

*************************************************************************/
.testimonials {
  height: clamp(100px, 50vw, 100vh);
  margin: clamp(30px, 6vw, 500px) 0;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 992px) {
    .testimonials {
      height: auto;
      padding-bottom: 5rem;
      margin: 0; } }
  .testimonials .testimonials--grid-cell:nth-child(2) {
    z-index: 2;
    height: clamp(100px, 50vw, 100vh); }
    @media screen and (max-width: 992px) {
      .testimonials .testimonials--grid-cell:nth-child(2) {
        height: auto; } }
    .testimonials .testimonials--grid-cell:nth-child(2) .testimonials--slider {
      display: flex;
      align-items: center; }
      @media screen and (max-width: 992px) {
        .testimonials .testimonials--grid-cell:nth-child(2) .testimonials--slider {
          flex-direction: column; } }
      .testimonials .testimonials--grid-cell:nth-child(2) .testimonials--slider .testimonial-slide-txt:not(.active) {
        opacity: 0; }
      .testimonials .testimonials--grid-cell:nth-child(2) .testimonials--slider .testimonial-slide-txt.active {
        z-index: 100; }
      .testimonials .testimonials--grid-cell:nth-child(2) .testimonials--slider .testimonial-slide-txt h2 {
        margin-top: 0; }
  .testimonials .testimonials--grid {
    display: flex; }
    @media screen and (max-width: 992px) {
      .testimonials .testimonials--grid {
        flex-direction: column; } }
    .testimonials .testimonials--grid .testimonials--grid-cell {
      position: relative;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 992px) {
        .testimonials .testimonials--grid .testimonials--grid-cell {
          height: auto;
          overflow: hidden;
          align-items: flex-start; } }
      .testimonials .testimonials--grid .testimonials--grid-cell .testimonial-slide-img {
        position: absolute;
        overflow: hidden;
        height: clamp(100px, 50vw, 100vh); }
        @media screen and (max-width: 992px) {
          .testimonials .testimonials--grid .testimonials--grid-cell .testimonial-slide-img {
            height: auto; } }
        .testimonials .testimonials--grid .testimonials--grid-cell .testimonial-slide-img .testimonial-img-wrapper {
          display: flex;
          justify-content: center;
          align-items: center; }
      .testimonials .testimonials--grid .testimonials--grid-cell:first-child .testimonial-img {
        width: clamp(100px, 50vw, 100vh);
        height: clamp(100px, 100vw, 100vh);
        background-position: center;
        background-size: cover; }
        @media screen and (max-width: 992px) {
          .testimonials .testimonials--grid .testimonials--grid-cell:first-child .testimonial-img {
            width: 100vw;
            height: 100vw; } }
    .testimonials .testimonials--grid .testimonials--slider {
      position: relative;
      width: clamp(100px, 50vw, 100vh);
      height: clamp(100px, 100vw, 100vh);
      z-index: -1;
      transition: height 0.5s cubic-bezier(0.66, 0, 0.19, 1); }
      @media screen and (max-width: 992px) {
        .testimonials .testimonials--grid .testimonials--slider {
          width: clamp(100px, 100vw, 100vh);
          transform: none !important; } }
      .testimonials .testimonials--grid .testimonials--slider .slide {
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      .testimonials .testimonials--grid .testimonials--slider .testimonial-slide-txt {
        padding: 5vw;
        position: absolute;
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
        width: 100%; }
    .testimonials .testimonials--grid .testimonials--slider:last-child {
      height: clamp(100px, 50vw, 100vh); }
      @media screen and (max-width: 992px) {
        .testimonials .testimonials--grid .testimonials--slider:last-child {
          height: auto; } }
    .testimonials .testimonials--grid .smile {
      top: 35%;
      right: 0;
      transform: translate(50%, -50%) rotate(70deg); }
  .testimonials .testimonial--slider-nav {
    background-color: #ffffff;
    padding: 2rem;
    position: absolute;
    bottom: 0;
    left: clamp(100px, 50vw, 100vh);
    width: clamp(200px, 20vw, 400px);
    transform: translateX(-75%);
    z-index: 5; }
    @media screen and (max-width: 992px) {
      .testimonials .testimonial--slider-nav {
        background-color: transparent;
        padding: 0 2rem; } }
    @media screen and (max-width: 992px) {
      .testimonials .testimonial--slider-nav {
        transform: translateX(-50%);
        width: clamp(200px, 70vw, 400px); } }
    .testimonials .testimonial--slider-nav .container {
      display: flex; }
  .testimonials:not(.testimonial-slider) {
    pointer-events: none;
    padding: 0; }
    .testimonials:not(.testimonial-slider) .testimonial-slide-txt {
      position: relative !important; }

.we-are .testimonials {
  height: auto; }

@media screen and (max-width: 720px) {
  .we-are .testimonials--grid > .testimonials--grid-cell:first-child {
    display: none; } }

@media screen and (max-width: 720px) {
  .we-are .testimonials--grid > .testimonials--grid-cell:last-child {
    padding-top: 16vh; } }

@keyframes smile-showing {
  0% {
    stroke-dashoffset: 22;
    opacity: 0; }
  25% {
    opacity: 0; }
  40% {
    opacity: 1; }
  100% {
    stroke-dashoffset: 4; } }

.smile {
  width: clamp(50px, 5vw, 150px);
  height: clamp(50px, 5vw, 150px);
  position: absolute; }
  .smile svg path {
    fill: transparent;
    stroke: #F64B4F;
    stroke-width: 2.5;
    stroke-dasharray: 20;
    stroke-dashoffset: 0; }
  .smile.visible svg path {
    animation: smile-showing 2s cubic-bezier(0.66, 0, 0.19, 1) 1 forwards; }

section.triple {
  padding: 5rem clamp(30px, 6vw, 500px);
  min-height: 100vh;
  display: flex;
  justify-content: center;
  flex-direction: column; }
  section.triple.members .triple--grid.slider {
    height: 50vh !important; }
    @media screen and (max-width: 992px) {
      section.triple.members .triple--grid.slider {
        height: 80vh !important; } }
  section.triple .main-triple {
    overflow: visible; }
    section.triple .main-triple .triple-title {
      padding: 0 0 0 clamp(20px, 3vw, 100px); }
      @media screen and (max-width: 992px) {
        section.triple .main-triple .triple-title {
          padding: 0 0 4vh 0; } }
    section.triple .main-triple .smile {
      position: absolute;
      right: 3rem; }
      @media screen and (max-width: 992px) {
        section.triple .main-triple .smile {
          display: none; } }
    section.triple .main-triple .triple--grid {
      display: flex; }
      section.triple .main-triple .triple--grid.grid {
        flex-wrap: wrap;
        gap: 2rem; }
      section.triple .main-triple .triple--grid.slider {
        height: clamp(500px, 25vh, 80vh); }
        @media screen and (min-width: 993px) {
          section.triple .main-triple .triple--grid.slider {
            overflow: visible;
            transform: translateX(33.33%); } }
        section.triple .main-triple .triple--grid.slider .slide {
          transition: left cubic-bezier(0.66, 0, 0.19, 1) 0.5s, transform cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
          section.triple .main-triple .triple--grid.slider .slide.visible, section.triple .main-triple .triple--grid.slider .slide.active {
            opacity: 1;
            transition: opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s 0.5s, left cubic-bezier(0.66, 0, 0.19, 1) 0.5s, transform cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      @media screen and (max-width: 992px) {
        section.triple .main-triple .triple--grid {
          flex-direction: column; } }
      section.triple .main-triple .triple--grid .triple-content {
        padding: 0 clamp(20px, 3vw, 100px);
        transition: all cubic-bezier(0.66, 0, 0.19, 1) 1s; }
        @media screen and (max-width: 992px) {
          section.triple .main-triple .triple--grid .triple-content {
            padding: 0 0 4vh 0; } }
      section.triple .main-triple .triple--grid .triple--grid-cell {
        width: 100%;
        background-color: white;
        border-radius: 2rem;
        gap: 2rem; }
        @media screen and (min-width: 993px) {
          section.triple .main-triple .triple--grid .triple--grid-cell {
            width: calc(100% / 3);
            flex-shrink: 0; } }
        section.triple .main-triple .triple--grid .triple--grid-cell:nth-child(2) .triple-content {
          transition-delay: .1s; }
        section.triple .main-triple .triple--grid .triple--grid-cell:nth-child(3) .triple-content {
          transition-delay: .2s; }
    section.triple .main-triple .triple--slider-nav-wrapper {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 8rem; }
      section.triple .main-triple .triple--slider-nav-wrapper .triple--slider-nav {
        width: clamp(200px, 20vw, 400px); }
  section.triple:not(.visible) .triple-content {
    opacity: 0 !important;
    transform: translateY(-3rem); }

.articles-section .triple-content {
  padding: 2vw 2vw; }

.articles-section:not(.no-article-hover) article {
  cursor: pointer;
  margin-bottom: 4vh; }

/*************************************************************************

    Part - Card info

*************************************************************************/
.main-cards {
  padding-top: 12vh;
  position: relative; }
  @media screen and (min-width: 993px) {
    .main-cards {
      padding: 5rem clamp(30px, 6vw, 500px) 5rem clamp(30px, 6vw, 500px);
      padding-bottom: 0; } }
  .main-cards .smile {
    position: absolute;
    top: -80rem;
    width: 200vw;
    opacity: 0.1;
    align-self: center;
    transform-origin: center;
    pointer-events: none; }
    @media screen and (max-width: 992px) {
      .main-cards .smile {
        display: none; } }
    .main-cards .smile svg path {
      stroke-width: 1; }
  .main-cards:nth-child(2n) .smile {
    transform: scaleX(-1); }
  .main-cards .main-cards--grid {
    padding-top: 4rem; }
    .main-cards .main-cards--grid .main-cards--grid-cell {
      width: 100%; }
      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container {
        padding: 0 2.5vw; }
        @media screen and (max-width: 992px) {
          .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .job-button-lightbox {
            margin: 3rem auto 0 auto; } }
        @media screen and (max-width: 992px) {
          .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container.paralax {
            transform: none !important; } }
        .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper {
          padding-bottom: calc(5rem + clamp(20px, 3vw, 100px)); }
          .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card {
            padding: clamp(30px, 6vw, 500px) clamp(20px, 4vw, 500px);
            position: relative; }
            @media screen and (min-width: 993px) {
              .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card {
                padding: clamp(30px, 6vw, 500px); } }
            .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header {
              margin-bottom: 3rem; }
              .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper {
                display: flex;
                justify-content: space-between;
                align-items: center; }
                .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card--smart-infos {
                  position: relative;
                  top: -2vw;
                  display: flex;
                  flex-direction: column; }
                  .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card--smart-infos .smart-info--line {
                    display: inline-flex;
                    align-items: center;
                    text-transform: uppercase; }
                    .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card--smart-infos .smart-info--line .bichromatic-icons {
                      position: relative;
                      top: .1em;
                      margin-right: .5em;
                      font-size: 1.8rem; }
                      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card--smart-infos .smart-info--line .bichromatic-icons > span.icon-part-1 {
                        position: absolute; }
                .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper {
                  width: clamp(150px, 10vw, 200px);
                  height: clamp(150px, 10vw, 200px);
                  overflow: hidden;
                  border-radius: 50%;
                  background-color: #ffffff;
                  position: relative;
                  left: -2vw;
                  top: -2vw; }
                  .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center; }
                    .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper svg {
                      height: 80%;
                      width: 80%; }
                      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper svg.gear {
                        height: 50%;
                        width: 50%; }
                      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper svg.pen {
                        height: 50%;
                        width: 50%; }
                      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper svg.key {
                        height: 60%;
                        width: 60%; }
                      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper svg.hat {
                        height: 60%;
                        width: 60%; }
                      .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card > header .card--header-wrapper .card-icon--wrapper .card-icon--svg-wrapper svg.factory {
                        height: 60%;
                        width: 60%; }
            .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card article:not(:first-child) {
              margin-top: 3rem; }
            .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card article .article--chapiter {
              margin-bottom: 1.5rem; }
            .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card .tag {
              position: absolute;
              width: 40%;
              padding: 1.5rem;
              right: -1rem;
              top: -4rem;
              border-radius: 2rem;
              font-size: clamp(12px, 0.9vw, 30px);
              line-height: 1.6em; }
              @media screen and (max-width: 992px) {
                .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card .tag {
                  width: 70%;
                  position: relative;
                  right: 0rem;
                  top: 0rem;
                  transform: translateY(-5rem); } }
            .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card::after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.49 52.04' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23E7EFF0; %7D %3C/style%3E%3C/defs%3E%3Cg id='Groupe_709' data-name='Groupe 709'%3E%3Cpath id='Tracé_1373' data-name='Tracé 1373' class='cls-1' d='M963.19,1145.72c29.16,0,44,15.73,57.11,29.61,11.83,12.53,21.17,22.43,41.14,22.43s29.31-9.9,41.14-22.43c13.1-13.88,28-29.61,57.1-29.61' transform='translate(-963.19 -1145.72)'/%3E%3C/g%3E%3C/svg%3E%0A");
              background-size: calc(100% / 3) 100%;
              height: clamp(35px, 3vw, 100px);
              background-repeat: repeat-x;
              transform: translateY(calc(100% - 1px)); }
              @media screen and (min-width: 993px) {
                .main-cards .main-cards--grid .main-cards--grid-cell .cards-column-container .card-wrapper .card::after {
                  background-size: 25% 100%;
                  height: clamp(20px, 3vw, 100px); } }

/*************************************************************************

    Section - Members

*************************************************************************/
@media screen and (max-width: 992px) {
  section.members .triple--grid-cel {
    padding: 0 clamp(20px, 4vw, 500px); } }

section.members a::after {
  display: none; }

section.members .triple-content {
  text-align: center; }
  section.members .triple-content .member-logo {
    position: relative;
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    section.members .triple-content .member-logo::after {
      display: none; }
    @media screen and (max-width: 992px) {
      section.members .triple-content .member-logo {
        flex-direction: column-reverse;
        height: 40vh; } }
    section.members .triple-content .member-logo .member-logo--img {
      position: absolute;
      transition: opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      section.members .triple-content .member-logo .member-logo--img img {
        width: 100%; }
      @media screen and (max-width: 992px) {
        section.members .triple-content .member-logo .member-logo--img {
          position: relative; } }
    section.members .triple-content .member-logo .member-logo--content {
      display: flex;
      flex-direction: column;
      position: relative;
      opacity: 0;
      transition: opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
      @media screen and (max-width: 992px) {
        section.members .triple-content .member-logo .member-logo--content {
          opacity: 1;
          bottom: 0;
          position: absolute; } }
      section.members .triple-content .member-logo .member-logo--content > span:not(:last-child) {
        display: inline-flex;
        justify-content: center; }
        section.members .triple-content .member-logo .member-logo--content > span:not(:last-child):after {
          content: '';
          border-top: solid 0.1rem #F64B4F;
          width: 50%;
          position: absolute;
          transform: translateY(1.7em); }
    section.members .triple-content .member-logo:hover .member-logo--img {
      opacity: 0; }
    section.members .triple-content .member-logo:hover .member-logo--content {
      opacity: 1; }

/*************************************************************************

    Elements - Animated Icons

*************************************************************************/
@keyframes particle {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes particle_bouncing {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }

@keyframes smoke {
  0% {
    stroke-dashoffset: 80; }
  100% {
    stroke-dashoffset: 0; } }

.card-icon svg {
  overflow: visible; }
  .card-icon svg * {
    transition: all ease 1s;
    transform-origin: 50%; }
  .card-icon svg.laser #Ligne_165 {
    stroke-dasharray: 100;
    stroke-dashoffset: 40;
    transition-delay: .6s; }
  .card-icon svg.laser .Groupe_467 {
    transition-delay: .5s;
    transform: scale(1);
    transform-origin: 50% 96%;
    animation: particle_bouncing 1s ease infinite; }
  .card-icon svg.laser .g4 {
    animation: particle 1s linear infinite forwards;
    transform-origin: 50% 96%; }
  .card-icon svg.gear {
    animation: particle 5s linear infinite forwards; }
    .card-icon svg.gear .g5 {
      transform-origin: 50%; }
  .card-icon svg.key #Tracé_1088 {
    stroke-dasharray: 115;
    stroke-dashoffset: 230;
    transition-duration: .7s; }
  .card-icon svg.key .Tracé_1089 {
    transition-delay: .4s;
    transform-origin: 70% 20%;
    transition-duration: .5s; }
  .card-icon svg.pen .Tracé_1108 {
    stroke-dasharray: 130;
    stroke-dashoffset: 26; }
  .card-icon svg.pen .pen-part {
    transition-delay: .6s; }
  .card-icon svg.hat {
    transition: all cubic-bezier(0.54, 2.5, 0.44, 0.39) 0.7s; }
    .card-icon svg.hat .wire {
      transition: all cubic-bezier(0.54, 2.5, 0.44, 0.39) 0.5s 0.3s;
      transform-origin: 3% 25%; }
  .card-icon svg.factory {
    transition: all cubic-bezier(0.66, 0, 0.19, 1) 0.8s; }
    .card-icon svg.factory .smoke {
      stroke-dasharray: 20 20;
      animation: smoke 5s linear infinite forwards;
      stroke-linecap: butt; }
      .card-icon svg.factory .smoke:nth-child(3n+1) {
        animation-delay: 1s; }
      .card-icon svg.factory .smoke:nth-child(3n+2) {
        animation-delay: 2s; }
    .card-icon svg.factory .tubes {
      transition: all cubic-bezier(0.66, 0, 0.19, 1) 1s; }

.card-icon:not(.visible) svg.laser .g1 {
  transform: translateY(-100px); }

.card-icon:not(.visible) svg.laser .g2 {
  transform: translateY(-80px); }

.card-icon:not(.visible) svg.laser .g3 {
  transform: translateY(-20px); }

.card-icon:not(.visible) svg.laser #Ligne_165 {
  stroke-dashoffset: 100; }

.card-icon:not(.visible) svg.laser .Groupe_467 {
  transform: scale(0);
  opacity: 0; }

.card-icon:not(.visible) svg.gear .g5 {
  transform: scale(0);
  transform-origin: 50%; }

.card-icon:not(.visible) svg.key #Tracé_1088 {
  stroke-dasharray: 115;
  stroke-dashoffset: 115; }

.card-icon:not(.visible) svg.key .Tracé_1089 {
  transform: scale(0); }

.card-icon:not(.visible) svg.pen .Tracé_1108 {
  stroke-dasharray: 130;
  stroke-dashoffset: 135; }

.card-icon:not(.visible) svg.pen .pen-part {
  opacity: 0; }

.card-icon:not(.visible) svg.hat {
  transform: scale(0.5) rotate(-45deg); }
  .card-icon:not(.visible) svg.hat .wire {
    transform: rotate(-45deg); }

.card-icon:not(.visible) svg.factory {
  transform: scale(0); }
  .card-icon:not(.visible) svg.factory .tubes {
    transform: translateY(40%); }

.card-icon svg.laser .g1 {
  transform: translateY(0); }

.card-icon svg.laser .g2 {
  transform: translateY(0); }

.card-icon svg.laser .g3 {
  transform: translateY(0); }

.card-icon svg.laser #Ligne_165 {
  stroke-dashoffset: 0; }

.card-icon svg.laser .Groupe_467 {
  transform: scale(1);
  opacity: 1; }

.card-icon svg.gear .g5 {
  transform: scale(1);
  transform-origin: 50%; }

.card-icon svg.key #Tracé_1088 {
  stroke-dasharray: 0;
  stroke-dashoffset: 0; }

.card-icon svg.key .Tracé_1089 {
  transform: scale(1); }

.card-icon svg.pen .pen-part {
  opacity: 1; }

.card-icon svg.hat {
  transform: scale(1) rotate(0); }
  .card-icon svg.hat .wire {
    transform: rotate(0); }

.card-icon svg.factory {
  transform: scale(1); }
  .card-icon svg.factory .tubes {
    transform: translateY(0); }

/*************************************************************************

    Elements - Element Grid

*************************************************************************/
.element-grid img, .element-grid .member-content {
  transition: opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }

.element-grid {
  padding: 0 clamp(30px, 6vw, 500px);
  margin-bottom: 12vh; }
  .element-grid h2 {
    margin: 0; }
  .element-grid .element-grid--slider {
    margin: 12vh 0 4vh 0;
    overflow: visible; }
  .element-grid .element-grid--slide {
    height: auto;
    transition: opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s 0.5s, left cubic-bezier(0.66, 0, 0.19, 1) 0.5s; }
  .element-grid .element-grid--slide-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: max-content;
    gap: 8vh 16vw;
    width: fit-content;
    margin: auto; }
    @media screen and (min-width: 993px) {
      .element-grid .element-grid--slide-content {
        grid-template-columns: repeat(3, 1fr);
        gap: 20vh 12vw; } }
  .element-grid .button, .element-grid button {
    margin: 12vh auto 0 auto; }
  .element-grid img {
    opacity: .5;
    object-fit: cover;
    object-position: center; }
    @media screen and (max-width: 720px) {
      .element-grid img {
        max-width: 120px; } }
    @media screen and (min-width: 721px) {
      .element-grid img {
        max-width: 250px;
        max-height: 250px; } }
    @media screen and (min-width: 993px) {
      .element-grid img {
        width: 20vw; } }
    .element-grid img.small {
      width: 10vw; }
  .element-grid a {
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 993px) {
      .element-grid a:hover img {
        opacity: 0; }
      .element-grid a:hover .member-content {
        opacity: 1; } }
    @media screen and (min-width: 721px) and (max-width: 992px) {
      .element-grid a {
        flex-direction: column; } }
  .element-grid .member-content {
    display: none;
    visibility: hidden;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 993px) {
      .element-grid .member-content {
        display: flex;
        visibility: visible;
        flex-direction: column;
        align-items: center;
        font-size: 3vw; } }
    @media screen and (min-width: 993px) {
      .element-grid .member-content {
        position: absolute;
        display: flex;
        visibility: visible;
        flex-direction: column;
        align-items: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 1vw;
        opacity: 0; } }
    .element-grid .member-content > span:first-child {
      position: relative;
      margin-bottom: 1vh;
      font-weight: 700;
      text-transform: uppercase; }
      .element-grid .member-content > span:first-child:after {
        position: absolute;
        content: "";
        height: 2px;
        width: 100%;
        background-color: #F64B4F;
        left: 50%;
        bottom: -.5vh;
        transform: translateX(-50%); }
  .element-grid .slider-nav {
    max-width: 500px;
    margin: auto; }

/* 

    File: slider.scss
    Version: 1.0.0
    Author: NEUE
    Last update: 07.04.2021
    Realeases:

*/
.slider .slide.active, .slider .slide.visible {
  opacity: 1;
  color: inherit; }

.slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
  transition: height 0.5s cubic-bezier(0.66, 0, 0.19, 1); }
  .slider .slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .slider .slider-nav {
    position: absolute; }

/*************************************************************************

    Elements/Sliders - Top Articles Slider

*************************************************************************/
.top-articles {
  padding: 0 8vw;
  margin-bottom: 8vh; }
  .top-articles h2 {
    padding: 0; }
  .top-articles .top-articles--slider {
    overflow: inherit; }
    @media screen and (min-width: 993px) {
      .top-articles .top-articles--slider {
        transform: translateX(33.33%); } }
    .top-articles .top-articles--slider .slide {
      padding-right: clamp(20px, 4vw, 500px);
      transition: left cubic-bezier(0.66, 0, 0.19, 1) 0.5s, opacity cubic-bezier(0.66, 0, 0.19, 1) 0.5s, transform cubic-bezier(0.66, 0, 0.19, 1) 0.5s, color cubic-bezier(0.66, 0, 0.19, 1) 0.5s;
      cursor: default;
      pointer-events: none;
      height: 100%; }
      .top-articles .top-articles--slider .slide.highlight {
        transform: scale(1.1); }
      .top-articles .top-articles--slider .slide.active, .top-articles .top-articles--slider .slide.visible {
        cursor: pointer;
        pointer-events: all; }
    .top-articles .top-articles--slider article {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-bottom: 0 !important;
      height: auto; }
      .top-articles .top-articles--slider article span {
        display: inline-block;
        transition: transform .2s ease; }
  .top-articles .slider-nav {
    max-width: 500px;
    margin: 8vh auto 0 auto; }

.capacite-slider {
  height: clamp(400px, calc(35vh + 8rem), 900px);
  padding-bottom: 8rem;
  margin-top: 8vh; }
  .capacite-slider .simple-slider--wrapper .slide {
    width: 33%;
    padding: 0 clamp(20px, 3vw, 100px); }
    .capacite-slider .simple-slider--wrapper .slide.active, .capacite-slider .simple-slider--wrapper .slide.visible {
      z-index: 2; }
    @media screen and (min-width: 993px) {
      .capacite-slider .simple-slider--wrapper .slide.active img {
        transform: scale(1.2); }
      .capacite-slider .simple-slider--wrapper .slide.active:hover img {
        transform: scale(1.3); }
      .capacite-slider .simple-slider--wrapper .slide.visible:hover:not(.active) img {
        transform: scale(1.1); }
      .capacite-slider .simple-slider--wrapper .slide.active, .capacite-slider .simple-slider--wrapper .slide.visible {
        cursor: pointer; } }
    .capacite-slider .simple-slider--wrapper .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: .3s ease; }
  .capacite-slider nav {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px; }

.simple-slider {
  display: block;
  overflow: hidden; }
  .simple-slider .simple-slider--wrapper {
    position: relative;
    display: flex; }
    .simple-slider .simple-slider--wrapper .slide {
      position: relative;
      will-change: transform;
      transition: .3s ease;
      user-select: none; }
      .simple-slider .simple-slider--wrapper .slide img {
        user-select: inherit; }

.sign-up {
  box-sizing: border-box;
  background-color: white;
  min-height: 100vh; }
  @media screen and (max-width: 75em) {
    .sign-up svg {
      display: none; } }

.box-columns {
  margin: 0;
  display: flex;
  column-gap: 5vw; }
  @media screen and (max-width: 75em) {
    .box-columns {
      flex-direction: column; } }

.column-text {
  display: flex;
  align-items: start;
  flex-basis: 50%;
  flex-direction: column;
  padding-left: clamp(30px, 6vw, 500px);
  padding-top: 5rem;
  padding-bottom: 5rem; }
  @media screen and (max-width: 75em) {
    .column-text {
      flex-direction: column;
      padding-right: clamp(30px, 6vw, 500px); } }
  @media screen and (min-width: 75.063em) {
    .column-text {
      min-height: 100vh; } }

.column-image-text {
  display: flex;
  flex-basis: 50%;
  background-image: url("/wp-content/themes/neue/public/img/home-content/person.jpg");
  background-repeat: no-repeat;
  min-height: 100vh;
  justify-content: end;
  background-size: cover; }

.text-box-big {
  display: flex;
  flex-direction: column;
  box-sizing: content-box;
  padding: 1.5rem;
  background-color: #E7EFF0;
  border-radius: 2rem; }
  @media screen and (max-width: 75em) {
    .text-box-big {
      flex-direction: column; } }
  @media screen and (min-width: 75.063em) {
    .text-box-big {
      width: 25vw; } }
  .text-box-big > p {
    margin: 0; }
    .text-box-big > p:not(:last-child) {
      margin-bottom: 2vh; }

.text-box-small {
  width: fit-content;
  background-color: #E7EFF0;
  border-radius: 2rem;
  padding: 1.5rem;
  margin-bottom: 15vh;
  margin-top: auto;
  margin-right: clamp(30px, 6vw, 500px); }
  @media screen and (max-width: 75em) {
    .text-box-small {
      flex-direction: column;
      max-width: 90vw;
      top: 50vw;
      margin-right: auto;
      margin-left: auto; } }

.jobs-content {
  display: flex;
  flex-direction: column; }

.button-container {
  display: flex;
  justify-content: flex-end;
  gap: 2rem;
  margin-top: 2rem; }

.button, button {
  margin-right: 2vw; }

.video-clips {
  padding: 5rem clamp(30px, 6vw, 500px);
  background-color: #E7EFF0; }
  @media screen and (max-width: 67.438em) {
    .video-clips .main-video-container {
      display: none;
      visibility: hidden; } }
  @media screen and (min-width: 67.5em) {
    .video-clips .main-video-container {
      flex-basis: 85%; } }
  @media screen and (min-width: 67.5em) {
    .video-clips .--container {
      display: flex;
      gap: 2vw; } }
  @media screen and (min-width: 67.5em) {
    .video-clips .--container .other-videos {
      flex-basis: calc(100% - 80%); } }
  .video-clips .--container .other-videos > .img-wrapper {
    height: auto; }
    @media screen and (max-width: 67.438em) {
      .video-clips .--container .other-videos > .img-wrapper {
        display: none; } }
  @media screen and (min-width: 67.5em) {
    .video-clips .--container .other-videos > video {
      display: none; } }
  .video-clips .--container .other-videos > p {
    margin: 0;
    margin-top: 1.5rem; }
    @media screen and (max-width: 67.438em) {
      .video-clips .--container .other-videos > p:not(:last-of-type) {
        margin-bottom: 3rem; } }
    @media screen and (min-width: 67.5em) {
      .video-clips .--container .other-videos > p {
        display: none; } }
  @media screen and (min-width: 67.5em) {
    .video-clips .--container .other-videos h3 {
      margin-top: .5rem; } }
  .video-clips .--container .other-videos h3:not(:last-of-type) {
    margin-bottom: 1.5rem; }
  .video-clips .--container .button, .video-clips .--container button {
    margin: 0;
    margin-top: 5rem; }
  .video-clips .--container video {
    width: 100%;
    max-height: 80vh;
    object-fit: cover;
    object-position: center;
    cursor: pointer; }
  .video-clips .--container img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
    transition: transform 0.5s cubic-bezier(0.66, 0, 0.19, 1); }
  .video-clips .--container .img-wrapper {
    position: relative;
    display: flex;
    overflow: hidden; }
    .video-clips .--container .img-wrapper::before {
      position: absolute;
      content: "";
      background-color: #7474D8;
      opacity: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      transition: opacity 0.5s cubic-bezier(0.66, 0, 0.19, 1);
      z-index: 2;
      pointer-events: none; }
    .video-clips .--container .img-wrapper::after {
      position: absolute;
      content: "";
      background-color: #ffffff;
      opacity: 0;
      clip-path: polygon(0% 0%, 100% 48%, 0% 100%);
      left: 50%;
      top: 50%;
      width: 10%;
      height: 20%;
      transform: translate(-50%, -50%);
      transition: opacity 0.5s cubic-bezier(0.66, 0, 0.19, 1);
      z-index: 3;
      pointer-events: none; }
    .video-clips .--container .img-wrapper.playing {
      cursor: default;
      pointer-events: none; }
      .video-clips .--container .img-wrapper.playing::before {
        opacity: .6; }
      .video-clips .--container .img-wrapper.playing::after {
        opacity: 1; }
  .video-clips .--container .img-wrapper:hover img {
    transform: scale(1.1); }
  .video-clips .--container p {
    padding: 1.5rem;
    background-color: #7474D8;
    color: #ffffff;
    border-radius: 2rem; }
  .video-clips .--container h3 {
    margin-top: 1.5rem; }

@media screen and (min-width: 62.063em) {
  .main-cards--grid-cell {
    display: grid;
    grid-template-columns: repeat(2, 1fr); } }

article.version2023 video {
  width: 100%;
  object-fit: cover;
  object-position: center;
  margin-top: 2rem; }

article.version2023 iframe {
  width: 100%;
  height: 30vh;
  border: none;
  margin-top: 2rem; }

article.version2023 .content {
  margin-top: 2rem; }

article.version2023 [data-hashtag] {
  position: relative; }
  @media screen and (max-width: 62em) {
    article.version2023 [data-hashtag] {
      padding-top: 2.5rem; } }
  article.version2023 [data-hashtag]::before {
    position: absolute;
    content: attr(data-hashtag);
    top: 0;
    left: 0;
    background-color: #7474D8;
    color: #ffffff;
    padding: .2rem .6rem;
    border-radius: 2rem;
    font-weight: bold; }
    @media screen and (min-width: 62.063em) {
      article.version2023 [data-hashtag]::before {
        left: -1rem;
        transform: translateX(-100%); } }
  article.version2023 [data-hashtag] > p:first-of-type {
    margin-bottom: 0; }
  article.version2023 [data-hashtag] > p:last-of-type {
    margin-top: 0; }

article.version2023 footer {
  display: flex;
  flex-direction: column;
  margin-top: 2rem; }
  article.version2023 footer .button, article.version2023 footer button {
    margin-right: 0;
    margin-left: auto; }

.articles-grid {
  padding: 0 clamp(30px, 6vw, 500px) 5rem clamp(30px, 6vw, 500px); }
  @media screen and (min-width: 993px) {
    .articles-grid .grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-auto-rows: min-content;
      column-gap: 4vw;
      row-gap: 8vh;
      padding-bottom: 10vh; } }
  .articles-grid .grid > article.domain {
    padding-bottom: 2.5rem;
    padding-right: 2vw; }
    @media screen and (max-width: 993px) {
      .articles-grid .grid > article.domain:not(:last-child) {
        margin-bottom: 4vh; } }
    @media screen and (min-width: 993px) {
      .articles-grid .grid > article.domain:nth-child(3n + 3), .articles-grid .grid > article.domain:nth-child(3n - 2) {
        transform: translateY(10vh); } }
    .articles-grid .grid > article.domain:hover .button, .articles-grid .grid > article.domain:hover button {
      background-color: #F64B4F;
      color: #ffffff; }
    @media (any-hover: hover) {
      .articles-grid .grid > article.domain {
        cursor: pointer; } }
    .articles-grid .grid > article.domain p {
      position: relative;
      padding: 2rem;
      padding-bottom: 5rem;
      color: #ffffff; }
      .articles-grid .grid > article.domain p::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #7474D8;
        border-radius: 2rem;
        z-index: -1; }
      .articles-grid .grid > article.domain p .button, .articles-grid .grid > article.domain p button {
        position: absolute;
        bottom: -2.5rem;
        right: -2vw;
        background-color: white;
        margin: 0; }
  .articles-grid .articles-grid--container > .button, .articles-grid .articles-grid--container > button {
    margin: auto; }
    @media screen and (max-width: 992px) {
      .articles-grid .articles-grid--container > .button, .articles-grid .articles-grid--container > button {
        margin-top: 5rem; } }

#capacite .columns-container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 0 clamp(20px, 3vw, 100px); }
  @media screen and (max-width: 75em) {
    #capacite .columns-container {
      gap: 4vh; } }
  @media screen and (min-width: 62.063em) {
    #capacite .columns-container {
      flex-direction: row;
      gap: 4vw; } }

#capacite .text-box {
  background-color: white;
  border-radius: 2rem;
  padding: 1rem; }
  @media screen and (min-width: 62.063em) {
    #capacite .text-box {
      width: calc(100% / 3); } }
  #capacite .text-box p {
    margin-top: 1rem; }
  #capacite .text-box [data-hashtag] {
    position: relative;
    right: 3rem; }
    #capacite .text-box [data-hashtag]::before {
      content: attr(data-hashtag);
      top: 0;
      left: 0;
      background-color: #7474D8;
      color: #ffffff;
      padding: .2rem .6rem;
      border-radius: 2rem;
      font-weight: bold; }
      @media screen and (min-width: 62.063em) {
        #capacite .text-box [data-hashtag]::before {
          left: -1rem;
          transform: translateX(-100%); } }
    @media screen and (max-width: 75em) {
      #capacite .text-box [data-hashtag] {
        max-width: 90vw;
        width: auto; } }

#capacite .button, #capacite button {
  margin-right: 0; }

.we-are {
  padding-right: clamp(30px, 6vw, 500px);
  padding-top: 5rem; }
  @media screen and (max-width: 992px) {
    .we-are {
      padding-left: clamp(30px, 6vw, 500px); } }
  @media screen and (min-width: 993px) {
    .we-are .--container {
      display: flex;
      gap: clamp(30px, 6vw, 500px); } }
  .we-are .--container > .--content:first-child {
    position: relative;
    flex-basis: 60%; }
    @media screen and (max-width: 992px) {
      .we-are .--container > .--content:first-child {
        display: none;
        visibility: hidden; } }
    .we-are .--container > .--content:first-child img {
      width: 100%;
      object-fit: cover;
      object-position: center;
      max-height: 90vh; }
    .we-are .--container > .--content:first-child svg {
      position: absolute;
      right: -4vw;
      top: 30vh; }
  @media screen and (min-width: 992px) {
    .we-are .--container > .--content:last-child {
      flex-basis: calc(100% - 60%);
      padding-top: 30vh; } }
  .we-are .--container > .--content:last-child > div {
    padding: 2rem;
    background-color: #7474D8;
    border-radius: 2rem; }
  .we-are .--container > .--content:last-child p {
    color: #ffffff; }
  @media screen and (max-width: 992px) {
    .we-are .--container > .--content:last-child h2 {
      margin-top: 0; } }

.committee {
  padding: 5rem clamp(30px, 6vw, 500px); }
  .committee .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 4vh 4vw; }
    .committee .grid article .article--header .article--chapiter::after {
      width: 10vw; }
  .committee .smile {
    right: 6vw; }

/*# sourceMappingURL=main.css.map */